[ACCESSIBILITA] link separati da carattere

[gianiaz]

quanti problemi questa accessibilità....

allora, dato il seguente codice:

<style>
.left {
float: left;
}
.right {
float: right;
}
</style>
...
<div class="left">
<a tabindex="20" href="#" title="title">
[img]images/immagine.gif[/img]</a>
</div>

<div class="right">
[img]images/immagine.gif[/img]
</div>

ottengo questo errore dal validatore

http://webxact2.watchfire.com/themes...ntent_G35.html

in pratica la pagina è fatta più o meno cosi:

+--------------------------------------------+
| [IMG]                                [IMG] |
+--------------------------------------------+

in mezzo non posso mettere dei caratteri, perchè non sono previsti dal layout, secondo voi è una brutta cosa mettere un carattere con colore uguale a quello di sfondo per passare la validazione? (a me pare di si, ma non so come risolvere)

grazie.

ciao

[pierofix]

Puoi sempre usare una tecnica simile:

XHTML
<div id="elenco">
   Uno <span>|</span> 
   Due <span>|</span> 
   Tre
</div>

CSS
#elenco span {
   position:absolute; top:-500px;
   width:1px; height:1px;
   overflow:hidden;
}

Il fatto è che si sbaglia spesso a non pensare al PERCHÈ di certe esigenze: ci sarà un motivo per cui hanno scritto il punto 10.5 delle WCAG 1.0, no?

[gianiaz]

Originariamente inviato da pierofix
Puoi sempre usare una tecnica simile:

XHTML
<div id="elenco">
   Uno <span>|</span> 
   Due <span>|</span> 
   Tre
</div>

CSS
#elenco span {
   position:absolute; top:-500px;
   width:1px; height:1px;
   overflow:hidden;
}

Il fatto è che si sbaglia spesso a non pensare al PERCHÈ di certe esigenze: ci sarà un motivo per cui hanno scritto il punto 10.5 delle WCAG 1.0, no?

Grazie per la risposta, io nel frattempo ho messo semplicemente un color: #fff nella classe left e right, non è diverso dal tuo metodo vero? alla fine se uno non usa il foglio di stile...

Comunque io sto provando a visitare il sito da testare con lynx, che è testuale e i 2 link erano su 2 linee diverse quindi fatico a capire il senso della cosa....

ciao

[pierofix]

Originariamente inviato da gianiaz
i 2 link erano su 2 linee diverse quindi fatico a capire il senso della cosa...

Uno dei motivi principali dell'esistenza del punto 10.5 è che alcuni screen-reader leggono come unico due link adiacenti che non rispettano, appunto, le indicazioni discusse.

Noi progettisti web dovremmo ringraziare di cuore la materia dell'accessibilità: ci sta aiutando ad analizzare le cose per la loro natura, la loro essenza, non solo per il loro aspetto. Una lezione che sconfina nella vita quotidiana? Io credo di sì.

[awd]

è una segnalazione che capita spesso anche a me, i due link però (nel mio caso) sono in due paragrafi diversi, quindi un elemento blocco concreto, non capisco perché non lo reputi sufficiente! non dovrò mica usare un LI ogni volta che ho 2 link in serie!!