Ruolo ARIA non valido

Silktide controlla ogni attributo role nelle tue pagine confrontandolo con l'elenco dei ruoli definiti dallo standard ARIA. Un ruolo scritto in modo errato, inventato, vuoto o riservato all'uso interno viene ignorato silenziosamente dai browser, quindi il significato previsto dell'elemento non raggiunge mai le persone che dipendono da esso.

<!-- Problema: "buton" non è un ruolo reale, quindi questo div rimane privo di significato -->
<div role="buton" tabindex="0">Save</div>

<!-- Soluzione: usa un ruolo valido (o, meglio ancora, un vero elemento button) -->
<button>Save</button>

Perché è importante

Un ruolo indica alla che cosa sia un elemento: un pulsante, una scheda o una finestra di dialogo. Quando il ruolo non è valido, i browser lo scartano: un utente di sente del testo semplice laddove l'autore intendeva inserire un controllo e potrebbe non avere modo di sapere che è possibile interagire con l'elemento. Poiché la pagina appare e funziona normalmente per gli utenti vedenti che usano il mouse, questi errori passano inosservati senza un controllo.

Come risolvere il problema

Correggi gli errori di battitura in modo che il ruolo corrisponda a un ruolo ARIA reale (elenco completo) - ad esempio role="navigation", non role="nav".
Sostituisci i ruoli astratti (widget, composite, landmark, section e simili) con un ruolo concreto: i ruoli astratti esistono solo per organizzare lo standard e non devono essere usati nelle pagine.
Rimuovi gli attributi vuoti role="".
Quando un elemento nativo esprime il significato corretto (<button>, <nav>, <main>), preferiscilo e rimuovi completamente l'attributo role.

Come esegue il controllo Silktide

Individua ogni elemento della pagina con un attributo role.
Segnala i valori role vuoti.
Controlla ogni parola nel valore del ruolo confrontandola con i ruoli definiti da ARIA 1.2. I ruoli delle estensioni per l'editoria digitale (doc-) e la grafica (graphics-) sono accettati.
Segnala le parole che non corrispondono ad alcun ruolo definito e quelle che indicano un ruolo astratto.

Risoluzione dei problemi

Il ruolo contiene più parole

Un attributo role può elencare diversi ruoli come alternative; i browser usano il primo che riconoscono. Silktide segnala ogni parola non valida o astratta nell'elenco, così puoi ripulire anche le alternative.

Questo controllo non segnala nulla anche se mi aspetto dei risultati

Il controllo ARIA può essere disattivato per ogni sito web. Controlla le impostazioni avanzate del sito web.