Om ett inmatningsfält saknar en etikett som är korrekt länkad till det fältet, vet en skärmläsare inte vad användaren ska fylla i. Användaren hör då bara "redigera, tomt textfält" utan att veta om det gäller ett namn, en e-postadress eller ett postnummer. Följden är omedelbar och konkret: personer som är beroende av en skärmläsare eller röststyrning kan inte fylla i formuläret på ett tillförlitligt sätt. För ett kontaktformulär är det irriterande, men för ett beställnings- eller registreringsformulär påverkar det kärnan i din tjänst.
Detta är ingen teoretisk risk. EN 301 549, den norm som EU:s tillgänglighetsdirektiv hänvisar till, föreskriver att varje formulärfält måste ha ett namn, en roll och ett värde som kan läsas av programvara — i praktiken innebär det en etikett som är programmatiskt länkad till fältet, inte bara visuellt placerad bredvid det. Om länkningen saknas är det en av de vanligaste bristerna vid en granskning, just för att det är så lätt att förbises vid en snabb blick.
Vad som går fel i praktiken
De vanligaste situationerna är en platshållare som används som etikett och försvinner när någon börjar skriva, en etikett som finns men inte är associerad med for-attributet är kopplat till fältet, och fält som endast anges med en ikon eller färg. I alla tre fallen ser en seende användare ett formulär som fungerar fint. För någon som använder en skärmläsare är fältet faktiskt namnlöst.
Dessutom markeras obligatoriska fält ofta endast med en asterisk eller röd färg. Den som inte uppfattar färg missar denna markering och stöter först på ett felmeddelande efter att ha skickat in formuläret — vilket sedan inte kopplas tydligt till rätt fält när det gäller samma typ av fält. På så vis samlas små brister till ett formulär som för en del av era besökare helt enkelt inte går att fylla i.
Konsekvenserna som ni märker
Den mest direkta konsekvensen är förlust av konvertering: besökare som inte kan fylla i ett formulär ger upp, kontaktar er via en annan kanal eller går till en konkurrent. Denna effekt är inte begränsad till personer med synnedsättning — även den som fyller i ett formulär automatiskt via webbläsar- eller assistiv programvara är beroende av korrekt kopplade etiketter.
Den andra konsekvensen rör era förpliktelser enligt tillgänglighetsbestämmelserna. I den obligatoriska tillgänglighetsförklaringen anger ni i vilken omfattning er tjänst uppfyller EN 301 549 och vilka återstående barriärer som finns. Formuläretikett som inte stämmer bör då listas som en känd barriär i denna förklaring, tillsammans med en åtgärdsplan och tidsplan. Om ni inte gör det och barriären uppdagas genom ett klagomål eller en inspektion, är frågan inte bara om problemet finns utan även om ni redan hade identifierat det.
Den tredje konsekvensen är mindre synlig men lika relevant: ett formulär med dåligt kopplade etiketter är ofta ett tecken på att det finns brister i kodstrukturen i övrigt — samma grundläggande orsak dyker då även upp vid felmeddelanden, vid grupper av relaterade fält och vid bekräftelsesteget. Den som hittar det i ett formulär gör klokt i att granska resten av köp- och inloggningsflödet med samma perspektiv.
Vad en granskning visar och inte visar
Saknade eller frånkopplade etiketter är tekniskt enkla att identifiera och ingår därför i standarduppsättningen av vad en automatiserad granskning hittar. Men även här gäller den anmärkning som återkommer i alla rapporter från axessia: en automatiserad skanning kontrollerar kodstrukturen, inte om etiketttexten faktiskt är tydlig för användaren. Ett fält som är tekniskt korrekt märkt med texten "fält 3" uppfyller strukturkravet, men hjälper ingen vidare. Denna nyans är anledningen till att resultatet från en skanning är en utgångspunkt, inte ett slutgiltigt omdöme.
Vill du veta om dessa typer av problem också förekommer på dina egna formulär, ger den kostnadsfria snabbgranskningen av dina viktigaste sidor redan en första indikation. För beställningssteget och inloggningsmiljön, där formulär ofta är mest komplexa, går den fullständiga granskningen djupare; vad som granskas och vad som inte granskas presenteras tydligt i en översikt. Hur denna granskning går till i detalj och vilka delar som kan eller inte kan kontrolleras automatiserat, läser du i förklaringen av vår arbetssätt.
Huruvida ett identifierat problem i din situation leder till förpliktelser och inom vilken tidsram är något som en jurist eller behörig tillsynsmyndighet måste bedöma. Det du själv kan göra är att identifiera problemet innan ett klagomål eller en inspektion gör det för dig. I kunskapsbanken förklaras det per ämne vad formuläretiketterna måste uppfylla och hur du kontrollerar det på en vanlig arbetsdag, utan att du behöver vara expert på teknik.