02

Etichette

Le etichette sono delle brevi indicazioni che hanno il compito di descrivere all’utente l’azione o il significato di un elemento. Si possono trovare sotto alle icone, all’interno dei pulsanti o accanto ai campi di input.

illustrazione del contrasto

Perché e (per chi)
è importante?

Se l’utente utilizza una tecnologia assistiva come lo screen reader, le etichette rappresentano l’unica modalità per comprendere gli elementi all’interno dell’interfaccia.
Inoltre, possono essere molto utili per gli utenti meno esperti che non riconoscono intuitivamente i simboli e le icone.


persona che utilizza uno screen reader

Le etichette
delle icone


Se ad un’icona è associata un’azione, l’etichetta dovrà descrivere l’azione e non la sua rappresentazione grafica (il simbolo). In pratica, se ad esempio il tasto “Modifica” è indicato con il simbolo di una matita, l’etichetta reciterà “Modifica” e non “Matita”.

icona modifica
icona corretto

Modifica

icona_modifica
icona corretto

Matita

Le etichette nei
campi di riempimento


Le etichette sono essenziali anche nei campi di riempimento, ovvero negli spazi dove è richiesto l’inserimento di dati
da parte dell’utente.
Tendenzialmente, è preferibile specificare l’azione al di fuori dello spazio di input e lasciare all’interno solo il nome o un esempio dell’elemento da inserire.



icona corretto

ATTENZIONE!

Esercitati