ID aria-details mancante
Silktide controlla ogni attributo aria-details nelle tue pagine e verifica che l'ID dell'elemento a cui fa riferimento esista davvero. Questo attributo collega un elemento a una spiegazione più completa presente altrove nella pagina, ad esempio un grafico collegato alla relativa tabella di dati.
<!-- Problema: nessun elemento nella pagina ha id="sales-table" -->
<img src="chart.png" alt="Sales by quarter" aria-details="sales-table">
Perché è importante
L'attributo aria-details di promette agli utenti delle
una descrizione più
completa che possono raggiungere, ad esempio tutti i dati alla base di un
grafico o i termini alla base di un riepilogo. Quando il riferimento non è
valido, un annuncia che esistono dei
dettagli, ma non può portare l'utente da nessuna parte; questo è più
confusionario che non offrire alcun dettaglio.
Come risolvere il problema
- Fai in modo che l'attributo faccia riferimento all'
iddi un elemento reale nella stessa pagina, preferibilmente visibile, così che ogni utente possa raggiungerlo. - Se il contenuto dettagliato è stato rimosso, rimuovi anche l'attributo
aria-details. - Per una breve descrizione testuale anziché contenuti più completi, valuta
l'uso di
aria-describedby, che legge direttamente il testo.
Come Silktide esegue questo controllo
- Trova ogni elemento della pagina con un attributo
aria-details. - Confronta l'ID a cui fa riferimento con gli ID degli elementi presenti nella pagina.
- Segnala ogni riferimento che non corrisponde ad alcun elemento.
Risoluzione dei problemi
Questo controllo non segnala nulla anche se mi aspetto dei risultati
I test ARIA possono essere disattivati per ogni sito web. Controlla le impostazioni avanzate del sito web.