ID aria-errormessage mancante
Silktide controlla ogni attributo aria-errormessage nelle tue pagine e verifica che l'ID dell'elemento a cui rimanda esista effettivamente. Questo attributo collega un campo del modulo al messaggio che spiega cosa non va nel valore inserito.
<!-- Problema: nessun elemento nella pagina ha id="email-error" -->
<input type="email" aria-invalid="true" aria-errormessage="email-error">
Perché è importante
Quando un campo del modulo viene contrassegnato come non valido, l'attributo
aria-errormessage indica alla
dove si trova la
spiegazione. Se il riferimento non è valido, a un utente di
viene comunicato che il suo input è
errato, ma non viene mai spiegato il motivo: deve quindi indovinare i formati e
le informazioni richieste che gli utenti vedenti possono leggere sullo schermo
e potrebbe abbandonare completamente il modulo.
Come risolvere il problema
- Fai in modo che l'attributo rimandi all'
iddell'elemento che contiene il messaggio di errore visibile per il campo. - Associalo a
aria-invalid="true"nel campo finché l'errore è presente:aria-errormessageviene annunciato solo per i campi non validi. - Assicurati che l'elemento indicato contenga testo leggibile ogni volta che l'errore viene mostrato e che sia vuoto o nascosto quando non lo è.
Come Silktide esegue il controllo
- Trova ogni elemento della pagina con un attributo
aria-errormessage. - Verifica l'ID a cui rimanda confrontandolo con gli ID degli elementi presenti nella pagina.
- Segnala ogni riferimento che non corrisponde a nessun elemento.
Risoluzione dei problemi
L'elemento di errore viene aggiunto solo quando la convalida non va a buon fine
Silktide esegue il controllo della pagina durante il caricamento. È preferibile mantenere permanentemente nella pagina il contenitore dell'errore (vuoto o nascosto finché non serve), in modo che il riferimento venga sempre risolto e l'annuncio funzioni nel momento stesso in cui compare l'errore.
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.