Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung →
Barrierefreiheit
Come i visitatori ciechi vengono informati dei messaggi di stato di un sito web?
I visitatori ciechi vengono informati dei messaggi di stato solo se il sito web li etichetta tecnicamente come messaggi, quindi il lettore di schermo li annuncia automaticamente senza che il visitatore lasci la sua posizione attuale. Se il messaggio "Articolo aggiunto al carrello" appare solo visivamente al margine dello schermo, rimane silenzioso per i lettori di schermo. Il criterio WCAG 4.1.3 richiede che i messaggi di stato siano riconoscibili a livello di programmazione.
Un messaggio silenzioso è come un cenno telefonico
I messaggi di stato accompagnano quasi tutte le azioni sul web: "Articolo nel carrello", "3 risultati trovati", "Il tuo messaggio è stato inviato", "Modulo in caricamento". I visitatori che vedono li percepiscono tra le righe. Ma un visitatore cieco ha il focus da un'altra parte, ad esempio ancora sul pulsante che ha appena premuto. Se la conferma appare solo visivamente, non saprà mai se la sua azione ha avuto effetto. Preme di nuovo, mette l'articolo due volte nel carrello o si arrende scoraggiato. La soluzione: l'area del messaggio è contrassegnata come area di stato nel codice sorgente. I lettori di schermo monitorano queste aree e annunciano i nuovi contenuti automaticamente, il visitatore rimane nella sua posizione e sente comunque la conferma.
Come il servizio di verifica verifica i messaggi di stato
La misurazione automatica con axe-core verifica l'aspetto tecnico delle aree di messaggio esistenti: se le etichette sono valide e applicate correttamente in modo che i programmi di assistenza possano valutarle. La domanda cruciale va oltre: ogni messaggio che emerge durante il funzionamento effettivo viene effettivamente annunciato? Questo può essere valutato solo se qualcuno utilizza il sito web e ascolta. Il nostro rapporto quindi indica chiaramente questa parte come un punto di verifica manuale. Con lo standard oro, una persona attiva azioni tipiche (mettere qualcosa nel carrello, inviare un modulo, avviare una ricerca) e verifica con il lettore di schermo se la conferma è udibile. Una verifica vuota è per noi un errore, mai una scusa.
Beispiele
Warenkorb-Meldung nur sichtbar
<div class="toast">Artikel im Warenkorb</div><div role="status" aria-live="polite">Artikel im Warenkorb, jetzt 3 Artikel</div>Mit role="status" wird die Meldung angesagt, ohne den Fokus zu verschieben. Für Fehler mit Handlungsbedarf: role="alert".
- Raccogli tutti i messaggi di stato del tuo sito web: conferme del carrello, contatori dei risultati di ricerca, conferme di invio, avvisi di caricamento.
- Chiedi alla tua agenzia di contrassegnare le aree di messaggio come aree di stato nel codice sorgente in modo che i lettori di schermo le annuncino.
- Testa con il lettore di schermo integrato nel tuo sistema operativo se il messaggio viene annunciato dopo l'azione.
- Mantieni i messaggi di stato brevi e chiari: il testo viene letto parola per parola, i messaggi lunghi stancano durante l'ascolto.