Varför läser en skärmläsare inte mina formulärfält högt?

Varför en synlig etikett inte alltid räknas

En skärmläsare läser inte upp ett formulärfält när etiketten som visas inte är programmatiskt länkad till det fältet — texten visas på skärmen, men i källkoden saknas den referens som en skärmläsare behöver för att koppla ihop etiketten och fältet. Detta händer vanligtvis för att `for`-attributet i etiketten inte matchar `id`:t för inmatningsfältet, för att etiketten inte omger fältet i markeringen, eller för att endast en platshållare används i stället för ett verkligt etikett-element. För ögat ser formuläret helt korrekt ut; för en skärmläsare är fältet namnlöst.

Den här typen av fel kan till stor del upptäckas automatiskt: en skanning ser om ett etikett-element saknas eller inte pekar på rätt fält, och om ett fält endast har en platshållare i stället för en etikett. Det som en skanning inte bedömer är om etikettexten som visas faktiskt anger vad fältet frågar efter — en etikett med texten "fält 1" är tekniskt korrekt länkad, men förmedlar ingen betydelse för en användare. Den bedömningen är fortfarande handarbete, även när själva länkningen är korrekt.

Var detta finns i WCAG 2.1

Detta krav följer av WCAG 2.1, ramverket för bedömning som EN 301 549 i praktiken motsvarar: kriterium 1.3.1 (Info and Relationships) kräver att relationen mellan en etikett och dess fält också är fastställd programmatiskt och inte bara visuellt synlig, kriterium 4.1.2 (Name, Role, Value) kräver att varje formulärelement har ett namn som kan läsas av programvara — inklusive skärmläsare — och kriterium 3.3.2 (Labels or Instructions) kräver att ett fält alls har en etikett eller instruktion. Tillsammans bestämmer dessa tre kriterier om ett formulärfält är igenkännbart och användbart för någon som använder en skärmläsare.