Reference WCAG 2.1

Raccomandazioni tecniche W3C utilizzate per la verifica dei criteri di accessibilità

AccessiWeb: il web accessibile e inclusivo

WCAG 2.1 Livello A

Codice Riepilogo Dettagli
E860 SC 1.1.1: Quando si utilizzano immagini, specificare un'alternativa di testo breve Se non c'è testo alternativo, le tecnologie assistive non sono in grado di identificare l'immagine o di comunicarne lo scopo all'utente. Quindi, aggiungi un attributo alt , aria-label o aria-labelledby come appropriato. Vedi WCAG2 Failure F65 .
E8621 SC 1.1.1: L'alternativa testuale in ATTRIBUTE NAME deve essere significativa Se il testo nell'"alternativa testuale" non può essere utilizzato al posto del contenuto non testuale senza perdere informazioni o funzione, allora fallisce perché non è un'alternativa al contenuto non testuale. Vedere WCAG2 Failure F30 .
E8622 SC 1.1.1: L'alternativa testuale in ATTRIBUTE NAME deve essere significativa Se il testo nel 'testo alternativo' è uguale al nome del file, allora non è significativo e quindi fallisce perché non è un'alternativa al contenuto non testuale. Vedere WCAG2 Failure F30 .
P862 SC 1.1.1: Quando si utilizza un'alternativa testuale, questa deve essere significativa Se il testo nell'"alternativa testuale" non può essere utilizzato al posto del contenuto non testuale senza perdere informazioni o funzione, allora fallisce perché non è un'alternativa al contenuto non testuale. Vedere WCAG2 Failure F30 .
E863 SC 1.1.1: Gli attributi title , aria-label e aria-labelledby dovrebbero essere mancanti o vuoti Quando si usa <img> , è valido avere un alt attributo vuoto per le immagini che non hanno contenuto, ma anche gli attributi title , aria-label e dovrebbero essere mancanti o vuoti. Vedere WCAG2 HTML Technique H67 .aria-labelledby .
P864 SC 1.1.1: Gli applet dovrebbero avere un testo alternativo in un alt attributo e nel corpo del testo Quando si usa <applet> , si dovrebbe fornire un alt attributo con un valore non vuoto e fornire un'alternativa testuale nel corpo del testo dell'applet. Vedere WCAG2 HTML Technique H35 .
P865 SC 1.1.1: <object> dovrebbe avere un'alternativa di testo Quando si usa <object> , si dovrebbe fornire un testo alternativo nel corpo del testo dell'oggetto. Vedere WCAG2 HTML Technique H53 .
P886 SC 1.1.1: Non utilizzare l'alt attributo qui Sebbene HTML possa consentire l' alt attributo qui, dovrebbe essere utilizzato solo sui pulsanti di invio delle immagini. Il supporto dell'agente utente per questo attributo su altri tipi di controlli del modulo non è ben definito. Sono disponibili altri meccanismi per etichettare questi controlli. Vedere WCAG2 HTML Technique H36 .
P888 SC 1.1.1: Il testo alternativo è troppo lungo L'alternativa di testo è lunga almeno 100 caratteri. Per descrizioni lunghe dovresti usare l' aria-describedby attributo, un link descrittivo separato o una mappa immagine. Vedi WCAG2 HTML Technique H45 .
P890 SC 1.1.1: Utilizzare un aria-label per fornire un nome accessibile L'etichetta del pulsante utilizzata potrebbe non indicare l'uso previsto per gli utenti non vedenti. Utilizzare un aria-label per chiarirne lo scopo. Vedere WCAG2 ARIA Technique ARIA14 .
P900 SC 1.1.1: Quando si utilizza un'alternativa di testo, non deve includere ASCII art o emoticon Se il testo nell'alternativa testuale non suona significativo quando letto ad alta voce, allora fallisce perché non è un'alternativa al contenuto non testuale. Vedere WCAG2 Failure F72 .
P903 SC 1.1.1: Gli oggetti incorporati dovrebbero avere un'alternativa di testo Quando si usa <embed> , specificare un breve testo equivalente con l' attributo alt , aria-label o aria-labelledby . Vedere la linea guida WCAG2 1.1 Alternative di testo .
W860 SC 1.1.1: Il alt testo è volutamente vuoto? Quando si usa <img> , è valido avere un alt attributo vuoto per le immagini che non hanno contenuto; come distanziatori e parti di immagini più grandi che sono state suddivise o utilizzate per altri scopi di layout. Potresti voler controllare che in questo caso il alt testo non sia stato semplicemente dimenticato. Vedi WCAG2 Failure F30 .
W862 SC 1.1.1: Quando si utilizzano immagini, specificare un'alternativa di testo breve con l' alt attributo Se non c'è alcun alt attributo, le tecnologie assistive non sono in grado di identificare l'immagine o di comunicarne lo scopo all'utente. Questo è solo un avviso e non un errore a causa della presenza dell'attributo generator-unable-to-provide-required-alt . Vedere WCAG2 Failure F65 .
W866 SC 1.1.1: Il testo alternativo è troppo lungo L'alternativa di testo è lunga almeno 75 caratteri. Per descrizioni lunghe dovresti usare l' aria-describedby attributo, un link descrittivo separato o una mappa immagine. Vedi WCAG2 HTML Technique H45 .
W875 SC 1.1.1: L' <noembed> elemento corrispondente è mancante o fuori posto Per ogni <embed> elemento dovresti fornire un <noembed> elemento annidato o un <noembed> elemento che lo segue immediatamente. Vedi WCAG2 HTML Technique H46 .
W8761 SC 1.1.1: Il aria-label testo è volutamente vuoto? L' aria-label attributo è utilizzato per fornire un'etichetta per gli oggetti che possono essere letti dalla tecnologia assistiva, ma è stato trovato vuoto. Potresti voler controllare che il testo non sia stato semplicemente dimenticato. Consulta WCAG2 ARIA Technique ARIA6 .
W8762 SC 1.1.1: Il aria-labelledby testo è volutamente vuoto? L' aria-labelledby attributo è utilizzato per fornire un'etichetta per gli oggetti che possono essere letti dalla tecnologia assistiva, ma è stato trovato vuoto. Potresti voler controllare che il testo non sia stato semplicemente dimenticato. Consulta WCAG2 ARIA Technique ARIA6 .
W8763 SC 1.1.1: Il aria-braillelabel testo è volutamente vuoto? L' aria-braillelabel attributo è utilizzato per fornire un'etichetta per gli oggetti che possono essere letti dalla tecnologia assistiva, ma è stato trovato vuoto. Potresti voler controllare che il testo non sia stato semplicemente dimenticato. Consulta WCAG2 ARIA Technique ARIA6 .
W894 SC 1.1.1: Testo alternativo duplicato TEXT . Vedi tag corrispondente sulla riga: NUMERO DI RIGA Immagini vicine con lo stesso testo alternativo (quando letto ad alta voce), spesso indicano ridondanza. Considerare la rimozione del testo duplicato, soprattutto se le immagini sono raggruppate. Vedere WCAG2 General Technique G196 .
E8661 E8662 SC 1.1.1/1.3.1/3.3.2/4.1.2: I controlli dell'interfaccia utente senza etichetta devono avere un nome accessibile Utilizzare gli attributi aria-label , aria-labelledby , o, se appropriato, 'value', per etichettare i controlli del modulo quando il design visivo non può ospitare l'etichetta (ad esempio, se non c'è testo sullo schermo che possa essere identificato come etichetta) o quando potrebbe essere fonte di confusione o non possibile utilizzare un'etichetta. Gli user agent, inclusa la tecnologia di assistenza, possono utilizzare questi attributi. Vedere WCAG2 Failure F68 .
E885 SC 1.1.1/1.3.1/3.3.2/4.1.2: I controlli dell'interfaccia utente devono avere un'etichetta o un nome accessibile Associa i controlli del modulo ai <label> tag oppure usa gli attributi aria-label o aria-labelledby per etichettare i controlli in cui potrebbe essere fonte di confusione o non possibile usare un'etichetta. Consulta WCAG2 Failure F68 .
P861 SC 1.1.1/2.4.4: Quando si utilizza l' <area> elemento, specificare un'alternativa di testo breve con l' alt attributo Assicurare che il valore dell'attributo <area> dell'elemento alt venga visualizzato in risposta al raggiungimento del focus (incluso il focus della tastiera) e che ciò si applichi quando le immagini vengono caricate e non caricate. Vedere WCAG2 HTML Technique H24 .
P871 SC 1.1.1/2.4.4: Manca il testo del collegamento Descrivi lo scopo di un collegamento fornendo un testo descrittivo come contenuto dell'elemento, oppure fornisci un attributo aria-label or aria-labelledby . La descrizione consente all'utente di distinguere questo collegamento dagli altri collegamenti nella pagina Web e aiuta l'utente a determinare se seguire il collegamento. L'URL della destinazione in genere non è sufficientemente descrittivo. Consulta WCAG2 HTML Technique H30 .
W885 SC 1.1.1/2.4.4: Non utilizzare l'URL come testo del collegamento Descrivi lo scopo di un collegamento fornendo un testo descrittivo come contenuto dell'elemento <a> . Questa descrizione consente all'utente di distinguere questo collegamento dagli altri collegamenti nella pagina Web e aiuta l'utente a determinare se seguire il collegamento. L'URL della destinazione in genere non è sufficientemente descrittivo. Consulta WCAG2 HTML Technique H30 .
E893 SC 1.1.1/4.1.2: Non utilizzare immagini come target dei frame, puntare sempre src alle pagine web Invece di puntare direttamente a un'immagine, incorpora l'immagine in una pagina web in modo che se il contenuto del frame viene modificato, il testo alternativo può seguire questa modifica. Vedere WCAG2 Failure F20 .
W878 SC 1.2.1: Aggiungere un'alternativa testuale per descrivere il supporto audio/visivo Fornire un'alternativa testuale per descrivere il media audio/visivo a cui si sta collegando o che viene riprodotto utilizzando il testo all'interno di questo elemento, o un attributo aria-label o . Vedere Comprensione 1.2.1 .aria-labelledby   
W879 SC 1.2.1: Aggiungere un <video> elemento padre per fornire una migliore accessibilità L'elemento HTML5 <video> fornisce un supporto migliore per didascalie e trascrizioni di testo. Quindi, sostituisci questo elemento con <video> , oppure inseriscilo all'interno <video> se hai ancora bisogno di supportare i browser legacy.
W880 SC 1.2.1: Aggiungere un <audio> elemento padre per fornire una migliore accessibilità L'elemento HTML5 <audio> fornisce un supporto migliore per le trascrizioni di testo. Quindi, sostituisci questo elemento con <audio> , oppure inseriscilo all'interno <audio> se hai ancora bisogno di supportare i browser legacy.
Io881 SC 1.2.1: Assicurarsi che ci sia una descrizione testuale di questo audio Il testo può essere reso accessibile a tutti. Quindi, a meno che non si tratti di un'alternativa multimediale al testo (e sia chiaramente etichettato come tale), fornire una descrizione del testo o una trascrizione. Ciò può essere fatto aggiungendo un collegamento alla descrizione (immediatamente dopo questa) o aggiungendo un aria-describedby attributo. Vedere Understanding 1.2.1 .
W882 SC 1.2.2: Ove possibile, assicurarsi che i sottotitoli per i video siano forniti e accessibili Se è presente una traccia di sottotitoli per il video, utilizzare l'elemento <track> per farvi riferimento. Vedere Understanding 1.2.2 .
Io882 SC 1.2.2: Ove possibile, assicurarsi che i sottotitoli per i video siano forniti e accessibili Se c'è una traccia di sottotitoli per il video, assicurati che il lettore video possa visualizzarli e che siano sincronizzati con il video. Vedi Comprensione 1.2.2 .
W883 SC 1.2.3: Assicurarsi che ci sia una descrizione testuale di questo video Il testo può essere reso accessibile a tutti. Quindi, a meno che non si tratti di un'alternativa multimediale al testo (e sia chiaramente etichettato come tale), fornisci una descrizione testuale o una trascrizione. Ciò può essere fatto aggiungendo un collegamento alla descrizione (immediatamente dopo questo), o aggiungendo un aria-describedby attributo, o con l' <video> elemento. Se esiste una traccia descrittiva, puoi farvi riferimento usando l'elemento <track>. Vedi Understanding 1.2.3 .
E873 SC 1.3.1: summary E <caption> sono uguali Rendere <caption> e summary la stessa cosa è inutilmente confusionario. Vedere WCAG2 HTML Technique H39 .
E876 SC 1.3.1: Il nome accessibile e la descrizione devono essere diversi Il nome viene utilizzato per identificare e/o fornire un riepilogo, la descrizione descrive la tabella in modo più dettagliato. Vedere Accessibility API Mappings: Table Element e Understanding 1.3.1 .
E877 SC 1.3.1: Valore non valido per scope l'attributo L' scope attributo deve avere uno dei seguenti valori: row , col , rowgroup , o colgroup . Vedere WCAG2 HTML Technique H63 .
E8791 SC 1.3.1: La tabella dati non ha un nome accessibile Le tabelle dati devono avere nomi accessibili per aiutarle a identificarle. Il nome accessibile è fornito da aria-labelledby > aria-label > <caption> > title > summary . Vedere Understanding 1.3.1 .
E8792 SC 1.3.1: Il nome accessibile NAME non è univoco. Vedere i tag corrispondenti sulle righe: LINE NUMBERS Le tabelle dati devono avere nomi accessibili univoci per aiutare a distinguere tra ogni tabella nella pagina. Il nome accessibile è fornito da aria-labelledby > aria-label > <caption> > title > summary . Se le tabelle contengono le stesse informazioni, numerarle nel nome accessibile. Vedere Understanding 1.3.1 .
E880 SC 1.3.1: Per tabelle di dati complesse associare esplicitamente celle di dati e celle di intestazione Per tabelle di dati complesse è necessario utilizzare il markup per associare esplicitamente celle di dati e celle di intestazione, e tale markup non è stato trovato. Vedere WCAG2 Failure F91 .
P883 SC 1.3.1: Nidificare correttamente le intestazioni ( H1 > H2 > H3 ​​) Gli elementi di intestazione devono essere ordinati correttamente. Ad esempio, H2 gli elementi devono seguire H1 gli elementi, H3 gli elementi devono seguire H2 gli elementi, ecc. Gli sviluppatori non devono saltare i livelli o usare le intestazioni per gli effetti di presentazione. Vedere WCAG2 Failure F43 .
E904 SC 1.3.1: Manca il testo dell'etichetta Associare correttamente le etichette ai rispettivi controlli. Vedere Errore WCAG2 F68 .
E905 SC 1.3.1: Associare le etichette a un solo controllo del modulo Associare correttamente le etichette ai rispettivi controlli. Vedere Errore WCAG2 F68 .
E909 SC 1.3.1: associare le etichette solo a controlli di modulo specifici Associare correttamente le etichette ai rispettivi controlli. Vedere Errore WCAG2 F68 .
E8891 SC 1.3.1: Le tabelle di layout non possono avere attributi title , caption osummary   Questa è stata contrassegnata come tabella di layout, ma questa tabella contiene attributi che devono essere utilizzati solo con tabelle di dati. Rimuovi questi attributi per risolvere il problema. Vedi Errore WCAG2 F46 .
E8892 SC 1.3.1: Le tabelle di layout non possono avere elementi di tabella dati Questa è stata contrassegnata come tabella di layout e le tabelle di layout possono contenere solo elementi <tr> e (senza attributi o ). Quindi, rimuovi questo elemento (o gli attributi incriminati) per risolvere il problema. Consulta WCAG2 Failure F46 .<td>  scoped  header   
P892 SC 1.3.1: Non utilizzare TAG NAME per gli effetti di presentazione I tag che vengono usati puramente per creare un effetto di presentazione visiva non dovrebbero essere usati. Dovresti usare CSS per controllare layout e presentazione in modo che gli utenti e i loro assistenti possano controllarli. Vedi WCAG2 General Technique G140 .
E8951 SC 1.3.1: ATTRIBUTE NAMEid fa riferimento a un attributo mancante o non corretto Devono esistere riferimenti ad altre parti dello stesso documento per garantire che le pagine Web possano essere interpretate correttamente. Nota che alcuni attributi come for possono fare riferimento solo a determinati elementi nello stesso <form> . Vedi Understanding 1.3.1 .
E8952 SC 1.3.1: I valori nell'attributo headers devono corrispondere agli 'id' delle celle della tabella Quando si include un headers attributo per associare una cella a un'altra, è necessario fornire 'id' corrispondenti nelle celle di intestazione nella stessa tabella. Una cella di intestazione può essere a <th> o a <td> all'interno di <thead> . Vedere Understanding 1.3.1 .
E9591 SC 1.3.1: Il valore di ATTRIBUTE NAME deve corrispondere a un id nello stesso documento Ciascuno degli id ​​elencati per questo attributo aria deve corrispondere agli elementi altrove nel documento. Vedere ARIA 1.2 .
E9592 SC 1.3.1: Il valore di ATTRIBUTE NAME deve corrispondere a un id nello stesso documento Uno degli id ​​elencati per questo attributo aria deve corrispondere agli elementi presenti altrove nel documento. Vedere ARIA 1.2 .
E962 SC 1.3.1: Gli elementi con il ruolo ROLE devono essere di proprietà di un elemento con uno di questi ruoli: ELENCO DEI RUOLI La specifica ARIA richiede che gli elementi con determinati ruoli debbano essere contenuti all'interno o di proprietà di elementi con altri ruoli. Quindi devi aggiungere uno dei ruoli elencati a un elemento proprietario. Vedi ARIA 1.2 .
E963 SC 1.3.1: Gli elementi con il ruolo ROLE devono essere di proprietà di un elemento con uno di questi ruoli: ELENCO DEI RUOLI La specifica ARIA richiede che gli elementi con determinati ruoli debbano contenere o possedere elementi con ruoli specifici. Quindi devi aggiungere uno o più dei ruoli elencati a un elemento di proprietà. Vedi ARIA 1.2 .
E9651 SC 1.3.1: L' attributo ATTRIBUTE NAME non ha un valore valido: ULTERIORI INFORMAZIONI La specifica ARIA consente role agli aria-* attributi di avere solo determinati valori. Solitamente, quando vedi questo messaggio, verrà visualizzato un elenco di valori validi. Vedi ARIA 1.2 .
P908 SC 1.3.1: Non inserire contenuti utilizzando CSS Il contenuto inserito tramite CSS potrebbe non apparire quando CSS è disattivato o l'utente sta utilizzando il proprio foglio di stile accessibile. Vedere WCAG2 Failure F87 .
P909 SC 1.3.1: Utilizzare il markup semantico per trasmettere informazioni Le informazioni trasmesse tramite CSS saranno fraintese dagli aiuti all'accessibilità. Ad esempio, dovresti usare <strong> al posto di font-weight:bold on <span> . Vedi WCAG2 Failure F2 .
P963 SC 1.3.1: Il tag padre ha un ruolo che deve possedere solo un elemento con uno di questi ruoli: ELENCO DEI RUOLI La specifica ARIA richiede che gli elementi con determinati ruoli debbano contenere o possedere solo elementi con ruoli specifici. Quindi devi spostare o rimuovere questo, o cambiare il suo ruolo. Vedi ARIA 1.2 .
W877 SC 1.3.1: Distinguere tra gruppi di navigazione utilizzando un'etichetta ARIA Quando l' <nav> elemento viene utilizzato più di una volta in una pagina, distinguere tra i gruppi di navigazione utilizzando un attributo aria-label or aria-labelledby . Vedere WCAG2 HTML Technique H97 .
W886 SC 1.3.1: Il markup dell'intestazione deve essere utilizzato se si tratta di un'intestazione Questo paragrafo di testo è tutto grassetto/forte o tutto corsivo/em e quindi apparirà come un titolo sullo schermo. Usa il markup del titolo se questa è l'intenzione, in modo che gli aiuti per l'accessibilità lo riconoscano come tale. Vedi WCAG2 HTML Technique H42 .
W887 SC 1.3.1: Ogni cella dell'intestazione della tabella deve essere correlata ad almeno una cella di dati Non è stata trovata alcuna cella dati correlata a questa intestazione. Questa intestazione appare ridondante e quindi potrebbe causare confusione. Vedere WCAG2 HTML Technique H43 e tecniche correlate.
W888 SC 1.3.1: L'uso <pre> è spesso una cattiva idea L'utilizzo <pre> implica che il contenuto abbia una struttura, che gli screen reader potrebbero non essere in grado di trasmettere. Se la struttura è importante, allora considera di utilizzare altri markup che gli screen reader possano interpretare correttamente, come elenchi o tabelle, oppure fornisci testo alternativo per informare gli utenti sulla struttura. Vedi Understanding 1.3.1 .
W892 SC 1.3.1: Fornire una descrizione accessibile per tabelle di dati complesse Usa gli attributi aria-describedby , <caption> , title o summary per descrivere la tabella. Deve essere una descrizione completa e non breve. Se vedi questo avviso anche se hai fornito <caption> , title o summary , allora è molto probabile che sia già stato usato per fornire il nome accessibile. Consulta Accessibility API Mappings: Table Element , e Understanding 1.3.1 .
E881 SC 1.3.1/3.3.2: L' <fieldset> elemento deve essere utilizzato solo all'interno di un modulo L'utilizzo di un <fieldset> esterno a un modulo indica solitamente che viene utilizzato per effetti di presentazione. Vedere WCAG2 HTML Technique H71 .
W863 SC 1.3.1/3.3.2: L' <fieldset> elemento dovrebbe essere utilizzato per raggruppare pulsanti di scelta e caselle di controllo Poiché i gruppi di pulsanti di scelta e caselle di controllo sono controlli multipli, è particolarmente importante che siano raggruppati semanticamente in modo che possano essere trattati più facilmente come un singolo controllo. Vedere WCAG2 HTML Technique H71 .
W865 SC 1.3.1/3.3.2: Ognuno <fieldset> dovrebbe avere un <legend> elemento che include una descrizione di quel gruppo Il primo elemento all'interno di <fieldset> dovrebbe essere un <legend> , che fornisce un'etichetta o istruzioni per il gruppo. Vedere WCAG2 HTML Technique H71 .
E899 SC 1.3.2: Le tabelle nidificate sono difficili da leggere per gli screen reader Gli screen reader possono avere difficoltà a leggere le tabelle in modo sensato e annidarle le rende quasi impossibili da comprendere quando vengono lette. Combina le tabelle in una sola oppure usa un markup alternativo per rappresentarle. Vedi WCAG2 Failure F49 .
Io899 SC 1.3.2: Le tabelle di layout devono rappresentare il loro contenuto in una sequenza significativa Gli screen reader possono avere difficoltà a leggere le tabelle in modo sensato, quindi spesso è meglio usare markup alternativi e CSS per il layout del contenuto. Prova a disabilitare il markup della tabella per vedere se ha ancora senso. Consulta WCAG2 Failure F49 .
P8811 P8812 SC 1.4.2: L'audio che si riproduce automaticamente deve avere un modo per interromperlo I contenuti multimediali con audio che inizia automaticamente la riproduzione quando la pagina viene caricata devono fornire un mezzo per consentire all'utente di interromperla, metterla in pausa o disattivarla. Se l'audio dura più di 3 secondi e non c'è altro modo per interromperlo, dovresti aggiungere l' controls attributo. Consulta WCAG2 Failure F93 .
E891 SC 2.1.1: Le mappe immagine lato server create tramite ismap non sono accessibili tramite tastiera Considerare un'alternativa accessibile. Vedere Comprensione 2.1.1 .
E9001 SC 2.1.1: Un <a> senza href non può ricevere il focus della tastiera Se non c'è alcun collegamento, non deve essere fornito alcun testo alternativo. Quindi, rimuovi tutti gli attributi title , aria-label o aria-labelledby . Consulta il Criterio di successo WCAG2 2.1.1 .
E9002 SC 2.1.1: Un <area> senza href non può ricevere il focus della tastiera Se non c'è alcun collegamento, non deve essere fornito alcun testo alternativo. Quindi, rimuovi tutti gli attributi alt , title , aria-label o aria-labelledby . Vedi WCAG2 Success Criterion 2.1.1 .
E902 SC 2.1.1: Elemento non interattivo con onkey* attributo Devi aggiungere un tabindex attributo agli elementi non interattivi che hanno onkey* gestori di eventi per renderli focalizzabili. Altrimenti gli utenti non saranno in grado di passare a esso con il tasto Tab per poter attivare l' onkey* evento. Consulta il criterio di successo WCAG2 2.1.1 .
E9603 SC 2.1.1: Non utilizzare un negativo tabindex quando ci sono elementi sequenzialmente focalizzabili all'internosrcdoc L'utilizzo di un negativo tabindex impedirà che gli elementi focalizzabili in sequenza all'interno di srcdoc siano accessibili tramite tastiera. Dovresti rimuovere l' tabindex attributo o modificarlo in modo che sia non negativo. Consulta il criterio di successo WCAG2 2.1.1 .
W884 SC 2.1.1: I gestori di eventi mouse/puntatore richiedono equivalenti da tastiera Quando si utilizzano gestori di eventi mouse/puntatore su elementi accessibili tramite tastiera, assicurarsi di fornire un gestore di tastiera equivalente. Vedere WCAG2 Failure F54 .
W900 SC 2.1.1: Il contenuto scorrevole non è accessibile tramite tastiera Se c'è del contenuto scorrevole che dovrebbe essere visualizzato da tutti gli utenti, deve essere accessibile tramite tastiera. Vedere Understanding 2.1.1 .
I870 SC 2.1.1/2.1.2: Garantire il supporto della tastiera e nessuna trappola per gli elementi interattivi Tutti gli elementi interattivi su una pagina devono fornire supporto per tastiera in modo che possano essere utilizzati senza mouse. Inoltre, dovresti essere in grado di utilizzare la tastiera per uscire dall'elemento e tornare alla pagina Web in cui è incorporato, in modo che l'utente non vi resti intrappolato. Un modo comune per evitare le trappole è aggiungere tabindex=-1 all'elemento in modo che gli utenti non possano accedervi accidentalmente tramite Tab. Vedere Criterio di successo WCAG2 2.1 .
E887 SC 2.1.1/3.2.1: Non rimuovere il focus quando il focus è ricevuto L'indicatore di messa a fuoco del sistema è una parte importante dell'accessibilità per gli utenti di tastiera. La rimozione completa della messa a fuoco significa che il contenuto è accessibile solo tramite un dispositivo di puntamento. Vedere WCAG2 Failure F55 .
E8821 SC 2.2.1: Non utilizzare content per creare pagine che si aggiornano Le pagine che si aggiornano periodicamente possono turbare gli screen reader e disorientare gli utenti vedenti. Vedere WCAG2 Failure F41 .
E9011 SC 2.2.1: Non dovresti usare un reindirizzamento di pagina diverso da zero concontent È importante che il timeout sia impostato su zero o meno di 20 ore, per evitare che il contenuto venga visualizzato prima che la nuova pagina venga caricata. Vedere WCAG2 Failure F40 .
E906 SC 2.2.1: Non dovresti usare un reindirizzamento di pagina diverso da zero Le pagine che si aggiornano automaticamente possono turbare gli screen reader e disorientare gli utenti vedenti. Vedere WCAG2 Failure F58 .
E884 SC 2.2.2: Non usare <blink> . Considerare <em> o usare CSS al suo posto L'utilizzo <blink> fa sì che qualsiasi testo all'interno dell'elemento lampeggi a una velocità predeterminata, che non può essere interrotta dall'utente o disabilitata. Vedere WCAG2 Failure F47 .
E890 SC 2.2.2: Non usare <marquee> . Considerare un'alternativa invece Con l' <marquee> elemento c'è del contenuto in movimento o scorrevole che non può essere messo in pausa e ripreso dagli utenti. Alcuni utenti con problemi di vista o disabilità cognitive non saranno in grado di percepire il contenuto. Vedere WCAG2 Failure F16 .
E907 SC 2.2.2: Non utilizzareblink L'utilizzo blink può causare una grave distrazione per gli utenti. Vedere WCAG2 Failure F4 .
P882 SC 2.2.2: I video che si riproducono automaticamente devono avere un modo per fermarli I contenuti multimediali con video che iniziano automaticamente a essere riprodotti quando la pagina viene caricata devono fornire un mezzo per consentire all'utente di fermarli o metterli in pausa. Se il video dura più di 5 secondi e non c'è altro modo per fermarlo, dovresti aggiungere l' controls attributo. Consulta la sezione Understanding 2.2.2 .
W869 SC 2.4.1: Utilizzare gli elementi di intestazione per trasmettere la struttura Molte tecnologie assistive forniscono la navigazione tramite intestazioni, incluso il salto dei link di navigazione. Se il tuo documento ha una struttura, dovresti usare il markup di intestazione per comunicare la struttura del contenuto. Anche una singola intestazione renderà il tutto più semplice per gli utenti. Vedi WCAG2 HTML Technique H69 .
W870 SC 2.4.1: I collegamenti di navigazione saltati dovrebbero essere il primo collegamento su una pagina È stato rilevato un collegamento per saltare la navigazione, ma non era il primo collegamento sulla pagina. A meno che non sia il primo collegamento, potrebbe vanificare il punto per gli utenti. Vedere Understanding 2.4.1 e Skip Navigation .
W871 SC 2.4.1: I collegamenti di navigazione non devono essere nascosti nelle immagini I link nascosti per saltare la navigazione potrebbero non essere accessibili. Dovresti prendere in considerazione la possibilità di sostituirli con un link visibile e usare CSS per nasconderli finché non viene usato il tasto tab. Consulta Understanding 2.4.1 e Skip Navigation .
W874 SC 2.4.1: Aggiungere un collegamento di salto della navigazione come primo collegamento sulla pagina Se il tuo documento ha una struttura, dovresti aggiungere un collegamento di salto della navigazione per rendere più facile per gli utenti accessibili raggiungere il contenuto della pagina. Per garantire il rilevamento, i collegamenti di salto della navigazione dovrebbero puntare a un <main> elemento, o a un elemento con role='main' . Consulta Comprensione 2.4.1 e Salta navigazione .
E8781 E8782 SC 2.4.1/4.1.2: Aggiungere un title attributo per facilitare l'identificazione e la navigazione Assegnare un titolo a ciascuno <frame> e <iframe> facilitarne l'identificazione e la navigazione. Vedere WCAG2 HTML Technique H64 .
E869 SC 2.4.2: Aggiungere un <title> tag alla pagina per descriverla Dovresti sempre fornire un <title> elemento nella sezione head che definisca in una frase semplice lo scopo del documento. Vedere WCAG2 Failure F25 .
E870 SC 2.4.2: Aggiungere un <title> tag conciso e significativo alla pagina per descriverla Dovrebbe <title> contenere una descrizione concisa e significativa, lunga meno di 150 caratteri. Vedere WCAG2 Failure F25 .
Io885 SC 2.4.3: Quando tabindex viene utilizzato l'ordine di tabulazione potrebbe diventare errato Quando si usa tabindex , le modifiche alla pagina possono facilmente modificare l'ordine di tabulazione in modo che non segua più relazioni e sequenze logiche nel contenuto. Quindi, dovresti controllare manualmente tutte le pagine che usano tabindex per essere sicuro che abbiano ancora senso. Vedere WCAG2 Failure F44 .
E867 SC 2.4.4: Duplicazione non necessaria del testo del collegamento. Vedere il tag corrispondente sulla riga: NUMERO DI RIGA Un effetto "balbettante" si verifica quando hai due link adiacenti con lo stesso testo di collegamento (quando letto ad alta voce). Prendi in considerazione di unire i link in uno e rimuovere qualsiasi testo di collegamento ridondante. Consulta WCAG2 HTML Technique H2 .
E868 SC 2.4.4: Duplicazione non necessaria del testo del collegamento. Vedere il tag corrispondente sulla riga: NUMERO DI RIGA Un effetto "balbettante" si verifica quando hai lo stesso testo del link (quando letto ad alta voce) del alt testo delle immagini all'interno del link. Prendi in considerazione la rimozione del alt testo dell'immagine dove il testo del link fornisce già il contesto per l'immagine. Vedi WCAG2 HTML Technique H2 .
W861 SC 2.4.4: Il title testo è volutamente vuoto? L' title attributo è utilizzato per fornire informazioni aggiuntive per aiutare a chiarire o descrivere ulteriormente lo scopo di un collegamento, ma è stato trovato vuoto. Potresti voler controllare che il testo del titolo non sia stato semplicemente dimenticato. Vedi WCAG2 HTML Technique H33 .
W867 SC 2.4.4: Testo di collegamento adiacente identico TESTO . Vedere il tag corrispondente sulla riga: NUMERO DI RIGA Se hai link adiacenti allo stesso posto con testo di collegamento diverso (quando letto ad alta voce), potrebbe essere fonte di confusione per l'utente. Dovresti considerare di combinarli in un unico collegamento e rimuovere qualsiasi testo di collegamento ridondante. Vedi Understanding 2.4.4 .
W868 SC 2.4.4: Diversi link adiacenti con lo stesso testo di collegamento TESTO . Vedere il tag corrispondente sulla riga: NUMERO DI RIGA Se hai link adiacenti a luoghi diversi, ma con lo stesso testo di collegamento (quando letto ad alta voce), potrebbe essere fonte di confusione per l'utente. Quindi, dovresti modificare il testo del collegamento o aggiungere un attributo aria-label or univoco aria-labelledby a ogni collegamento. Vedi Understanding 2.4.4 .
E9081 SC 2.5.3: Il nome accessibile aria-label deve contenere il testo dell'etichetta visibile Il nome accessibile utilizzato dagli ausili per l'accessibilità deve contenere il testo visualizzato dall'etichetta visibile. Quando si sceglie il testo, ricordare che sia il nome sia l'etichetta possono essere letti ad alta voce. Vedere Understanding 2.5.3 e Accessibility API Mappings .
E9082 SC 2.5.3: Il nome accessibile a cui fa riferimento aria-labelledby deve contenere il testo dell'etichetta visibile Il nome accessibile utilizzato dagli ausili per l'accessibilità deve contenere il testo visualizzato dall'etichetta visibile. Quando si sceglie il testo, ricordare che sia il nome sia l'etichetta possono essere letti ad alta voce. Vedere Understanding 2.5.3 e Accessibility API Mappings .
E9661 SC 3.1.1: L' attributo lang or xml:lang non ha un valore valido L'attributo contiene un codice di lingua non riconosciuto o malformato. Vedere Tag per l'identificazione delle lingue e Tecnica HTML WCAG2 H57 .
E9662 SC 3.1.2: L' attributo lang or xml:lang non ha un valore valido L'attributo contiene un codice di lingua non riconosciuto o malformato. Vedere Tag per l'identificazione delle lingue e Tecnica HTML WCAG2 H58 .
P967 SC 3.1.1: Utilizzare l' lang attributo per indicare la lingua principale del documento Dovresti sempre identificare la lingua naturale primaria di un documento usando un lang attributo sull'elemento <html> . Vedi WCAG2 HTML Technique H57 .
P969 SC 3.1.1: <html> Tag mancante con lang attributo Dovresti aggiungere un <html> tag con un lang attributo per identificare la lingua naturale primaria del documento. Vedi WCAG2 HTML Technique H57 .
W8641 W8642 SC 3.1.1: Gli attributi xml:lang e lang devono avere lo stesso valore Quando gli attributi xml:lang e lang appaiono nello stesso elemento, dovrebbero avere lo stesso valore. Vedere WCAG2 HTML Technique H57 .
E872 SC 3.2.2: Manca il pulsante Invia Devi fornire un meccanismo che consenta agli utenti di richiedere esplicitamente modifiche di contesto. L'uso previsto di un pulsante di invio è generare una richiesta HTTP che invia i dati immessi in un modulo, quindi è un controllo appropriato da usare per causare una modifica di contesto. Vedere WCAG2 HTML Technique H32 .
E875 SC 3.2.2: L'invio automatico dei moduli tramite onchange impedisce l'uso della tastiera L'utilizzo onchange impedisce l'uso della tastiera modificando inaspettatamente il contesto. Vedere Errore WCAG2 F36 .
W872 SC 3.2.2: L'utilizzo onchange con le selezioni potrebbe impedire il funzionamento della tastiera L'utilizzo onchange con selezioni potrebbe impedire l'uso della tastiera, perché il gestore si attiva quando la selezione viene modificata tramite la tastiera, il che potrebbe spostare il focus o modificare il contesto. Vedere Understanding 3.2.2 .
W895 SC 3.2.2: Manca un pulsante di invio Devi fornire un meccanismo che consenta agli utenti di richiedere esplicitamente modifiche di contesto. L'uso previsto di un pulsante di invio è generare una richiesta HTTP che invia i dati immessi in un modulo, quindi è un controllo appropriato da usare per causare una modifica di contesto. Vedere WCAG2 HTML Technique H32 .
E874 SC 3.3.2: Il <label> testo corrispondente deve apparire prima/dopo il controllo Associare correttamente le etichette ai loro controlli. Vedere WCAG2 HTML Technique H44 .
E898 SC 4.1.2: Titolo senza contenuto Assicurati che tutte le intestazioni contengano contenuti informativi. Ciò è necessario perché gli utenti possono navigare o cercare tramite le intestazioni. Idealmente, usa content per fornire questo. In caso contrario, usa aria-labelledby se è presente un'etichetta visibile, altrimenti usa aria-label . Vedi la voce "intestazione" di Accessible Name Guidance by Role .
E950 SC 4.1.2: Questo ruolo deve avere un nome accessibile Alcuni ruoli ARIA devono avere un nome accessibile per consentire agli ausili per l'accessibilità di interagire correttamente con essi. Utilizzare aria-labelledby se è presente un'etichetta visibile, altrimenti utilizzare aria-label per fornirla. Vedere Guida ai nomi accessibili per ruolo .
E951 SC 4.1.2: Questo ruolo deve avere un nome accessibile Alcuni ruoli ARIA devono avere un nome accessibile per consentire agli ausili per l'accessibilità di interagire correttamente con essi. Idealmente, usa content per fornirlo. In caso contrario, usa aria-labelledby se è presente un'etichetta visibile, altrimenti usa aria-label . Consulta la Guida ai nomi accessibili per ruolo .
E952 SC 4.1.2: Questo ruolo non deve avere un nome accessibile Alcuni ruoli ARIA non devono avere un nome accessibile, poiché potrebbe confondere alcuni aiuti all'accessibilità. Dovresti rimuovere qualsiasi attributo aria-labelledby o aria-label . Consulta la Guida ai nomi accessibili per ruolo .
E953 SC 4.1.2: I componenti dell'interfaccia utente devono avere un nome accessibile I componenti dell'interfaccia utente devono avere un nome accessibile per consentire agli utenti di interagire correttamente con essi quando utilizzano ausili per l'accessibilità. Utilizzare aria-labelledby se è presente un'etichetta visibile, altrimenti utilizzare aria-label per fornirla. Vedere Understanding 4.1.2 .
E9542 SC 4.1.2: Gli elementi interattivi non sono consentiti qui Quando si usano i ruoli ARIA ci sono regole aggiuntive in cui possono apparire elementi interattivi. Questo errore può anche essere causato da tag nidificati in modo errato, tag di chiusura mancanti o problemi strutturali simili. Quindi, se non è ovvio cosa non va, correggi prima eventuali problemi strutturali. Vedi ARIA in HTML .
E955 SC 4.1.2: Gli attributi ARIA come role e aria-* non sono validi qui Alcuni elementi (talvolta combinati con determinati attributi) non possono avere attributi ARIA specificati. Vedere ARIA in HTML .
E956 SC 4.1.2: Il valore dell'attributo role non è valido per questo elemento Gli elementi possono avere solo ruoli specifici come definito dalla specifica ARIA. Quindi, potresti fare meglio a usare un elemento più appropriato per questo ruolo. Vedi ARIA in HTML .
E957 SC 4.1.2: Manca l'attributo ATTRIBUTE NAME per questo ruolo ARIA  La specifica ARIA richiede che l'attributo indicato venga utilizzato con i ruoli specificati. Vedere ARIA 1.2 .
E958 SC 4.1.2: L' attributo ATTRIBUTE NAME non è consentito in questo contesto La specifica ARIA consente solo che determinati aria-* attributi siano utilizzati con determinati ruoli. Vedere ARIA 1.2 .
E9601 SC 4.1.2: Non utilizzare role=presentation|none con un elemento focalizzabile Usandolo con un elemento interattivo, o uno con un positivo tabindex , alcuni utenti si concentreranno sul "nulla". Rimuovi il ruolo, o usalo tabindex=-1 in modo che non sia focalizzabile in sequenza. Vedi Quarta regola dell'uso di ARIA .
E9602 SC 4.1.2: Non utilizzare aria-hidden=true con un elemento focalizzabile Usando questo con un elemento interattivo, o uno con un positivo tabindex , alcuni utenti si concentreranno sul "nulla" quando ci passeranno con il tasto Tab. Rimuovi il aria-hidden , o usalo tabindex=-1 in modo che non sia focalizzabile in sequenza. Vedi Quarta regola dell'uso di ARIA .
E961 SC 4.1.2: Non mescolare role=presentation|none attributi ARIA globali Quando sono presenti attributi ARIA globali, l'utilizzo di role=presentation|none non ha alcun effetto. Dovresti rimuovere tutti gli aria-* attributi o modificare o rimuovere role . Vedi Condizioni che causano l'ignoranza di 'presentation' .
E964 SC 4.1.2: L' attributo ATTRIBUTE NAME non è consentito qui La specifica ARIA consente solo determinati aria-* attributi. Vedere ARIA 1.2 .
E9652 SC 4.1.2: L' attributo ATTRIBUTE NAME non ha un valore valido: ULTERIORI INFORMAZIONI La specifica ARIA consente role agli aria-* attributi di avere solo determinati valori. Solitamente, quando vedi questo messaggio, verrà visualizzato un elenco di valori validi. Vedi ARIA 1.2 .
E968 SC 4.1.2: Non è consentito utilizzare ARIA ATTRIBUTE NAME in quanto ciò è in conflitto con ATTRIBUTE NAME Gli sviluppatori Web non devono usare un aria-* attributo quando è in conflitto con un attributo regolare equivalente per un elemento. Vedere ARIA in HTML .
E969 SC 4.1.2: aria-roledescription Attributo mancante Se si utilizza aria-brailleroledescription , è necessario utilizzare anche aria-roledescription . Vedere ARIA 1.2 .
W889 SC 4.1.2: Evitare di utilizzare nomi accessibili di fallback generati per<input> Un nome accessibile generato da valori predefiniti per <input> i pulsanti, in genere produce un nome accessibile di bassa qualità, che potrebbe non essere sempre supportato. Utilizza invece il metodo consigliato per impostare il nome accessibile per questo elemento. Consulta Evita fallback e Calcolo del nome accessibile .
W890 SC 4.1.2: Evitare di utilizzare nomi accessibili creati datitle Un nome accessibile generato da title in genere produce un nome accessibile di bassa qualità, che potrebbe non essere sempre supportato. Utilizza invece il metodo consigliato per impostare il nome accessibile per questo elemento. Consulta Evita fallback e Calcolo del nome accessibile .
W891 SC 4.1.2: Evitare di utilizzare nomi accessibili creati daplaceholder Un nome accessibile generato da placeholder in genere produce un nome accessibile di bassa qualità, che potrebbe non essere sempre supportato. Utilizza invece il metodo consigliato per impostare il nome accessibile per questo elemento. Consulta Evita fallback e Calcolo del nome accessibile .
W893 SC 4.1.2: Dovresti usare gli elementi h1-h6 invece del ruolo 'heading' Il ruolo 'heading' e l'attributo 'aria-level' dovrebbero essere usati solo per adattare l'accessibilità al codice legacy a cui non è possibile apportare modifiche sostanziali. Vedere Prima regola dell'uso di ARIA .
W896 SC 4.1.2: Non dovresti usare ruoli o attributi ARIA, che sono quelli predefiniti per l'elemento Gli sviluppatori Web non dovrebbero impostare ARIA role e aria-* gli attributi su valori che corrispondono alla semantica ARIA implicita predefinita. Vedere ARIA in HTML .
W897 SC 4.1.2: Non dovresti usare ARIA ATTRIBUTE NAME al posto di ATTRIBUTE Gli sviluppatori Web non dovrebbero usare aria-* attributi quando esiste un attributo regolare equivalente per un elemento. Vedere ARIA in HTML .
W898 SC 4.1.2: La FUNZIONE ARIA è stata deprecata Le funzionalità deprecate potrebbero essere rimosse in qualsiasi momento, quindi non dovresti fare affidamento su di esse. La specifica ARIA di solito fornirà un'alternativa o indicherà perché non dovrebbe essere usata affatto. Vedi ARIA 1.2 .
W899 SC 4.1.2: Non dovresti usare il generic ruolo Il generic ruolo è il ruolo implicito degli elementi generici per l'uso solo da parte degli user agent. Non dovrebbe essere utilizzato dagli autori web. Vedere ARIA in HTML .
W901 SC 4.1.2: Evitare di utilizzare ruoli ARIA non consigliati Se possibile, considera di usare un elemento HTML diverso che consenta il ruolo specificato. Vedi ARIA in HTML .
I8602 SC 4.1.2: Non è stata selezionata alcuna convalida HTML Dovresti sempre selezionare una convalida HTML per assicurarti che la pagina non abbia problemi che potrebbero impedire agli aiuti per l'accessibilità di rappresentare correttamente la pagina. Vedi WCAG2 HTML Technique H88 .
I873 SC 4.1.2: Nome univoco accessibile richiesto per <iframe> s che puntano a risorse diverse. Vedere i tag corrispondenti sulle righe: NUMERI DI RIGA <iframe> s devono avere nomi accessibili univoci quando puntano a risorse diverse. Se le risorse sono diverse, dovresti rendere i nomi univoci, in modo che gli aiuti all'accessibilità possano distinguerli. Il nome accessibile è fornito da aria-labelledby > aria-label > title . Vedi Understanding 4.1.2 .

WCAG 2.1 Livello AA

Codice Riepilogo Dettagli
W918 SC 1.3.4: Fare attenzione a non limitare l'orientamento del dispositivo quando si utilizzano le trasformazioni CSS Quando si utilizzano le trasformazioni CSS, fare attenzione a non limitare il contenuto a un singolo orientamento di visualizzazione, ad esempio verticale o orizzontale, a meno che non sia essenziale un orientamento specifico. Vedere WCAG2 Failure F97.
E9151 E9152 SC 1.3.5: L' autocomplete attributo non è corretto L' autocomplete attributo è un aiuto molto importante, e quindi deve sempre essere usato correttamente. Ci sono regole rigide su quali valori può avere, e queste variano a seconda del contesto in cui viene usato. Vedere WCAG2 Failure F107 .
P9111 P9112 SC 1.4.3: Il testo di grandi dimensioni all'interno di questo elemento ha un basso rapporto di contrasto. Rapporto rilevato: RAPPORTO Assicurarsi che la presentazione visiva di testo di grandi dimensioni abbia un rapporto di contrasto di almeno 3:1, in modo che sia facile da leggere. Vedere Criterio di successo WCAG2 1.4.3 .
P9121 P9122 SC 1.4.3: Il testo all'interno di questo elemento ha un basso rapporto di contrasto. Rapporto rilevato: RATIO Assicurarsi che la presentazione visiva del testo abbia un rapporto di contrasto di almeno 4,5:1, in modo che sia facile da leggere. Vedere il Criterio di successo WCAG2 1.4.3 .
I863 SC 1.4.3: L'utilizzo di un'immagine di sfondo o di un gradiente può rendere il testo difficile da leggere Quando si utilizzano immagini di sfondo o gradienti, assicurarsi che la presentazione visiva del testo abbia un rapporto di contrasto sufficientemente ampio, in modo che sia facile da leggere. Vedere il Criterio di successo WCAG2 1.4.3 .
I864 SC 1.4.3: L'uso di un'ombra di testo può rendere il testo difficile da leggere Sebbene le ombre di testo possano essere utilizzate per migliorare il contrasto, possono anche peggiorare le cose. Quindi, quando si utilizzano le ombre di testo, assicurarsi che ci sia un rapporto di contrasto sufficientemente ampio, in modo che sia facile da leggere. Vedere il criterio di successo WCAG2 1.4.3 .
E910 SC 1.4.4: Utilizzare unità relative anziché assolute con NOME ATTRIBUTO L'uso di unità relative aiuta a rendere la pagina correttamente a diverse risoluzioni e consente alle persone con difficoltà visive di 'ingrandire' le pagine per leggerle. Vedere Understanding 1.4.4 .
E916 SC 1.4.4: Non utilizzare viewport impostazioni che impediscono all'utente di ingrandire L'utilizzo di user-scalable=no o maximum-scale con un valore inferiore a 2.0 potrebbe impedire alle persone con difficoltà visive di 'ingrandire' le pagine per leggerle. Vedere Understanding 1.4.4 .
P917 SC 1.4.12 : Non utilizzare !important con letter-spacing o word-spacing negli line-height attributistyle Gli aiuti all'accessibilità potrebbero non essere in grado di ignorare questo quando viene utilizzato in un style attributo con !important set. Ciò potrebbe significare che gli utenti non saranno in grado di leggere il testo. Vedere WCAG2 Success Criterion 1.4.12 .
W917 SC 1.4.12 : Non utilizzare !important con letter-spacing o word-spacing negli line-height attributistyle Gli aiuti all'accessibilità potrebbero non essere in grado di ignorare questo quando viene utilizzato in un style attributo con !important set. Ciò potrebbe significare che gli utenti non saranno in grado di leggere il testo. Vedere WCAG2 Success Criterion 1.4.12 .
I910 SC 2.4.5: Assicurarsi che ci sia più di un modo per individuare ogni pagina web Assicurare che ci sia più di un modo per navigare verso ogni pagina del sito web. Questo si ottiene comunemente aggiungendo un collegamento a una mappa del sito o a una funzione di ricerca a ogni pagina. Vedere il Criterio di successo WCAG2 2.4.5 .
E8791 SC 2.4.6: La tabella dati non ha un nome accessibile Le tabelle dati devono avere nomi accessibili per aiutarle a identificarle. Il nome accessibile è fornito da aria-labelledby > aria-label > <caption> > title > summary . Vedere Understanding 2.4.6 .
E8792 SC 2.4.6: Il nome accessibile NAME non è univoco. Vedere i tag corrispondenti sulle righe: LINE NUMBERS Le tabelle dati devono avere nomi accessibili univoci (quando letti ad alta voce) per aiutare a distinguere tra ogni tabella nella pagina. Il nome accessibile è fornito da aria-labelledby > aria-label > <caption> > title > summary . Se due tabelle contengono le stesse informazioni, numerarle nel nome accessibile. Vedere Understanding 2.4.6 .
E913 SC 2.4.6: L'etichetta di controllo del modulo LABEL non è univoca. Vedere i tag corrispondenti sulle righe: LINE NUMBERS Utilizzare etichette univoche in modo che gli utenti possano distinguere tra i controlli del modulo nella stessa pagina quando vengono letti ad alta voce. In alternativa, posizionarli in modo diverso <fieldset> con etichette univoche <legend> , perché il testo della legenda viene letto insieme al testo dell'etichetta. Vedere Criterio di successo WCAG2 2.4.6 .
W911 SC 2.4.6: Fornire testo descrittivo Qualsiasi testo descrittivo fornito deve essere chiaro. Vedere WCAG2 General Technique G131 .
E887 SC 2.4.7: Non utilizzare onfocus per rimuovere il focus quando il focus è ricevuto L'indicatore di messa a fuoco del sistema è una parte importante dell'accessibilità per gli utenti di tastiera. La rimozione completa della messa a fuoco significa che il contenuto è accessibile solo tramite un dispositivo di puntamento. Vedere WCAG2 Failure F55 .
E914 SC 2.4.7: Non rimuovere l'indicatore di messa a fuoco visiva o renderlo invisibile Disattivare l'indicatore di messa a fuoco o usare uno stile che potrebbe rendere difficile la visualizzazione dell'indicatore di messa a fuoco impedisce alle persone di sapere quale elemento ha il focus della tastiera. Vedere WCAG2 Failure F78 .