Gör kopplingen mellan etikett och fält maskinläsbar

Därför ska du göra etikettrelationer tillgängliga

Personer som använder olika typer av hjälpmedel, så som skärmläsare, punktskrift eller röststyrning, behöver få veta vilken etikett som hör till vilken kontroll. Om det står ”Telefonnummer” intill ett inmatningsfält ska hjälpmedlet kunna förmedla att fältet gäller telefonnummer, även när användaren inte tar del av den visuella placeringen i gränssnittet.

En synlig etikett bredvid ett fält räcker därför inte alltid. Relationen mellan etiketten och kontrollen behöver gå att fastställa programmässigt, så att användaren förstår vad varje fält gäller, kan navigera mellan kontroller utan att tappa kontexten och kan välja rätt kontroll med hjälpmedel.

Vad säger kravet?

Programvaran ska exponera relationen mellan etikett och kontroll via plattformens tillgänglighetstjänster. Det ska gå att fastställa programmässigt att:

• ett element är etikett för ett annat element och/eller
• ett element är etiketterat av ett annat element.

Exempel

• Ledtexten ”Telefonnummer” står intill ett inmatningsfält. Skärmläsare ska kunna förmedla att texten och inmatningsfältet hör ihop.
• En kryssruta har en intilliggande text som beskriver valet. Texten ska vara kopplad till kryssrutan.
• I en inställningsrad fungerar rubriken som etikett för en kontroll (t.ex. ett reglage). Rubriken ska vara kopplad till reglaget.
• Om en rubrik/etikett gäller flera kontroller, så använd plattformens stöd för grupper och associationer så att relationerna går att läsa ut.

Undantag från kravet

Kravet gäller när det finns etiketter som beskriver andra element.

Andra rekommendationer

• Om du bygger egna komponenter: koppla ihop etikett och kontroll i plattformens accessibility API.
• Se till att etiketten är tydlig och tillräckligt särskiljande i kontexten.
  

Vanliga misstag

• Att bara lita på visuell placering utan programmatisk koppling.
• Att enbart använda placeholder som enda etikett för inmatningsfält.
  

Så testar du att etikettrelationer är tillgängliga

Ett sätt att kontrollera att relationen mellan etikett och kontroll går att läsa ut programmässigt kan vara att använda en skärmläsare. Använd skärmläsaren och navigera dig i gränssnittet till komponenten. Om ett inmatningsfält till exempel har etiketten ”Telefonnummer”, ska det gå att fastställa att etiketten hör till just det fältet. Skärmläsaren ska då förmedla att inmatningsfältet används för telefonnummer.

Metod

1. Välj ett fält eller en kontroll som har en synlig etikett.
2. Kontrollera i plattformens tillgänglighetsträd att kontrollen har en programmatisk koppling till etiketten.
3. Kontrollera att etiketten kan kopplas till rätt kontroll, om plattformen har stöd för det.

Kravet är uppfyllt om relationen mellan etikett och kontroll går att fastställa programmässigt för de relevanta elementen, i minst en av riktningarna.