2.5.3 Namn och etiketter A

Alla element som går att använda eller klicka på ska ha ett namn i koden och kan också ha en synlig etikett. Namnet är en dold text som används av hjälpmedel, som skärmläsare, för att beskriva elementet. Etiketten är den text som syns på skärmen, till exempel ‘Skicka’ på en knapp. En person som använder röststyrning säger den synliga etiketten, medan hjälpmedlet använder namnet i koden. Om namnet och etiketten inte stämmer överens kan röststyrningen missförstå vilken funktion som ska aktiveras. Användare med skärmläsare kommer också att få en bättre upplevelse om namnet är samma som den synliga texten.

Etiketter

Etiketter i denna riktlinje refererar till den synliga text som finns nära elementet. Det kan vara exempelvis texten i en knapp, eller en text ovanför ett formulärfält. Riktlinjen kräver inte att den synliga etiketten är korrekt kopplad till elementet i koden. Finns det ingen kopplad etikett, kan exempelvis en placeholdertext i ett formulärfält agera som synlig etikett enligt denna riktlinje.

Namn

Namnet måste inte vara exakt samma som den synliga etiketten, men den måste innehålla den texten. Exempelvis kan en knapp ha den synliga etiketten “sök”, men namnet är “sök på webbplatsen”. Detta är godkänt eftersom den synliga etiketten finns med i namnet. Om namnet däremot är “hitta på den här sidan” skulle det inte vara godkänt, eftersom texten i den synliga etiketten inte finns med.

Om den synliga etiketten redan är kopplad till elementet i koden, ska man inte lägga till ett namn. En kopplad etikett agerar som både etikett och namn för elementet. Att lägga till ett separat namn ska endast behövas när det inte finns en kopplad synlig etikett. Texten i en knapp är exempelvis redan kopplad till knappen, och ska därför inte ha ett extra namn.

Undantag

Riktlinjen gäller endast för de komponenter som har en synlig etikett. 

Läs mer om riktlinje 2.5.3 på W3Cs webbplats.