Identificare lo scopo

Silktide ti invita a verificare che lo scopo delle aree, delle icone e dei controlli presenti nella pagina possa essere determinato a livello programmatico, in modo che gli user agent possano adattare la pagina al visitatore. Questo è il criterio di successo 1.3.6 di (livello AAA).

Si tratta di una : non esiste un vocabolario W3C completo per contrassegnare ogni scopo e nessuno strumento automatizzato può valutare se la semantica effettivamente presente corrisponda a ciò a cui serve ogni area o controllo. Silktide mostra il prompt su ogni pagina e una persona lo conferma.

Perché è importante

Le persone con disabilità cognitive, con un basso livello di alfabetizzazione o con una capacità di attenzione limitata personalizzano spesso il web: nascondono le aree di cui non hanno bisogno, sostituiscono le icone con un insieme che riconoscono o semplificano i controlli. Questo funziona solo quando la pagina espone a cosa serve ogni elemento, non solo il suo aspetto.

Senza uno scopo determinabile a livello programmatico, la tecnologia assistiva non può distinguere un link "home" da un pulsante di "ricerca" o da un'icona decorativa, e gli strumenti di personalizzazione non hanno informazioni su cui lavorare.

Cosa controllare

Aree - le aree principali della pagina utilizzano landmark (<header>, <nav>, <main>, <aside>, <footer> o ruoli ARIA corrispondenti) e, quando sono presenti più aree dello stesso tipo, queste sono distinte da un nome accessibile.
Controlli - gli elementi interattivi utilizzano il ruolo HTML nativo o il ruolo ARIA corretto, in modo che il loro scopo sia chiaro (un pulsante è un pulsante, un link è un link).
Icone - le icone funzionali hanno un nome accessibile che ne indica lo scopo; le icone decorative sono nascoste alla tecnologia assistiva.
Campi dei moduli che raccolgono dati dell'utente - quando pertinente, soddisfano anche Identificare lo scopo dell'input (1.3.5) tramite autocomplete.

Il W3C non ha completato un vocabolario di personalizzazione consigliato che vada oltre landmark e ruoli; pertanto, per la maggior parte dei siti di oggi, la soglia pratica è costituita da landmark, ruoli corretti e icone denominate.

Come risolvere il problema

Contrassegna le aree della pagina con gli elementi di sezionamento HTML5 o con i landmark ARIA.
Preferisci i controlli nativi (<button>, <a>, input dei moduli) ai <div> cliccabili.
Assegna un nome accessibile a ogni icona funzionale; imposta aria-hidden="true" per quelle decorative.
Aggiungi i token autocomplete ai campi relativi ai dati dell'utente (vedi 1.3.5).

Se le aree, le icone e i controlli della pagina espongono chiaramente il proprio scopo (oppure la pagina non ne contiene di pertinenti), la segnalazione.

Come esegue il controllo Silktide

Silktide non può stabilire se la semantica esistente comunichi accuratamente lo scopo, quindi questo controllo mostra un prompt di revisione per ogni pagina. I e ai landmark di Silktide, all'interno dei criteri 1.3.1 e 4.1.2, rilevano automaticamente il markup non valido; questa revisione copre la valutazione che rimane da effettuare. Nessuno strumento diffuso automatizza il criterio 1.3.6: non esiste una regola ACT del W3C per questo criterio.