salve a tutti, chiedo cortesemente un aiutino...
sto tentando di rendere un sito non accessibile adatto anche a non vedenti, e quindi "leggibile" in modo chiaro dai vari screen reader.
ad esempio ho una semplice tabella "locali pubblici" impostata in questo modo :
<table>
<tr>
<th> locale </th>
<th> indirizzo </th>
<th> telefono</th>
</tr>
<tr>
<td> pippo </td>
<td> xxx </td>
<td> yyy </td>
</tr>
<tr>
<td> pluto </td>
<td> aaa </td>
<td> bbb </td>
</tr>
<tr>
<td> paperino </td>
<td> ccc </td>
<td> ddd </td>
</tr>
</table>
3 colonne (locale,indirizzo,telefono)
4 righe (la prima riga contenente le intestazioni sopra riportate e le altre 3 contenenti i dati di 4 locali)
l'utente disabile ad esempio, posizionandosi sulla cella del telefono (la terza) dell'ultima riga dovrebbe poter "leggere" le informazioni :
intestazione della prima colonna (cioè 'locale') +
il nome del locale (cioè 'paperino') +
intestazione della colonna selezionata (cioè 'telefono') +
il numero di telefono (cioè 'ddd') +
per fare ciò si dovrebbero utilizzare gli attributi di th e td, 'id' 'scope' 'headers' ed 'axis', ma non riesco a farli interagire per un utilizzo così articolato. riesco a leggere o solo l'intestazione di riga o di colonna, non tutte quante.
vi ringrazio infinitamnete per qualsiasi aiuto, ciao!
Rispondi quotando