ID aria-controls mancante

Silktide controlla ogni attributo aria-controls nelle tue pagine e verifica che gli ID degli elementi elencati esistano realmente. Questo attributo dichiara su quale parte della pagina agisce un controllo, ad esempio il pannello mostrato da una scheda o il menu aperto da un pulsante.

<!-- Problema: nessun elemento nella pagina ha id="filter-panel" -->
<button aria-expanded="false" aria-controls="filter-panel">Filtri</button>

Perché è importante

L'attributo aria-controls consente alla di collegare un controllo al contenuto su cui agisce: alcuni offrono una scorciatoia per passare direttamente all'elemento controllato. Quando il riferimento è interrotto, questa relazione scompare senza segnali visibili. I riferimenti interrotti indicano solitamente che un ID è stato rinominato o che un componente è stato rimosso, quindi sono anche un primo avviso del fatto che il widget potrebbe non funzionare più come previsto.

Come risolvere il problema

Fai corrispondere ogni ID elencato in aria-controls all'id di un elemento reale nella stessa pagina. L'attributo può elencare diversi ID separati da spazi: controllali tutti.
Se l'elemento controllato viene aggiunto dinamicamente, esegui il rendering dell'elemento nascosto fin dall'inizio oppure imposta aria-controls quando l'elemento esiste.
Se l'elemento controllato è stato rimosso definitivamente, elimina l'attributo.

Come Silktide esegue questo controllo

Individua ogni elemento della pagina con un attributo aria-controls.
Confronta ogni ID a cui fa riferimento con gli ID degli elementi presenti nella pagina.
Segnala ogni riferimento che non corrisponde ad alcun elemento.

Risoluzione dei problemi

La destinazione viene creata successivamente da uno script

Silktide controlla la pagina durante il caricamento. Se il pannello a cui si fa riferimento appare solo dopo un'interazione dell'utente, il riferimento è interrotto fino a quel momento: è preferibile mantenere la destinazione nella pagina (nascosta), in modo che il riferimento sia sempre risolto.

Questo controllo non segnala nulla anche se mi aspetto dei risultati

I controlli ARIA possono essere disattivati per ogni sito web. Controlla le impostazioni avanzate del sito web.