In breve: nonostante una delle raccomandazioni WCAG, abbr
non è una soluzione perfetta per spiegare il significato di un'abbreviazione per tutti, dovrebbe essere usato aria-label
quando si desidera annunciare la pronuncia della sigla.
Gli screen reader non devono leggere l'attributo title
in quanto non è destinato a sostituire lo aria-label
. Vedere anche gli avvisi W3: http://www.w3.org/TR/html/dom.html#attr-title
Basandosi sul attributo titolo è attualmente scoraggiato molti programmi utente non espongono l'attributo in modo accessibile come richiesto dalla presente specifica (ad esempio da un dispositivo di puntamento, come un mouse perché compaia un suggerimento, che esclude gli utenti solo per tastiera e gli utenti solo touch, come chiunque abbia un telefono o tablet moderno).
ho mai incoraggiare l'uso del tag abbr
per due motivi:
- non è un elemento attivabile quindi non si può navigare attraverso di essa con la tastiera per vedere il significato della sigla . Se intendi fornire un'alternativa pronunciabile, lo
aria-label
è sicuramente quello di cui hai bisogno.
Per esempio, quando sigla è parte del linguaggio, si ha bisogno di spiegarlo, ma si può dare un'alternativa discorso:
Director: <span aria-label="Mister">Mr</span> Smith
- I non vedenti capisci le abbreviazioni proprio come la maggior parte di noi,
Per esempio, la seguente frase è qualcosa di persone non vedenti possono capire perfettamente:
John Smith della NATO è stato arrestato dall'FBI.
e il successivo è di gran lunga meno comprensibile
John Smith dell'Organizzazione del Trattato del Nord Atlantico è stato arrestato dalla Federal Bureau of Investigation.
Come abbr
viene utilizzato per acronimi e abbreviazioni si dovrebbe utilizzare la proprietà CSS speak:spell-out
di annunciare che un elemento deve essere scritto-out. È possibile utilizzare il tag abbr
per indicare semanticamente che si tratta di un'abbreviazione o di un acronimo, ma che non avrà alcun effetto sull'accessibilità globale.
Se considera che l'abbreviazione ha bisogno di una spiegazione (destinato a tutti e non solo per le persone non vedenti), allora si dovrebbe dare questa spiegazione con parole piene senza richiedere all'utente di mouseover l'abbreviazione di vedere una piccola tooltip.
Bad esempio, quando sigla non aiuta la leggibilità:
<abbr title="Doctor">Dr.</abbr> Smith is located on Lincoln <abbr title="Drive">Dr.</abbr>
Buon esempio (semplice è meglio):
dottore Smith si trova sulla Lincoln Drive
WCAG promuovere molti metodi diversi utilizzando abbr
tag:
Che suona come un bug in ChromeVox, ad essere onesti. –
cosa fanno gli altri lettori di schermo? – loominade