WAI-ARIA - Stati e proprietà

Gli states e properties danno maggiori informazioni di un widget alle tecnologie assistive, aiutando gli utenti a capire come interagire con essi.

Sono spesso dinamici e vengono aggiornati via Javascript, in base alle interazioni dell’utente.

Ad esempio l’attributo aria-expanded può essere usato su un menu’ che si espande e chiude, come può essere il classico hamburger menu.

Un attributo spesso raccomandato è describedby,c he permette alle tecnologie assistive di comprendere la correlazione fra elementi, per esempio campo password e il suggerimento per l’input:

<label for="password">Seleziona una password</label>
<input type="text" id="password" aria-invalid="true" aria-describedby="password-hint" />
<div id="password-hint">La tua password deve essere lunga almeno 6 caratteri</div>