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 . |