En registrerings- eller kassaprocess som misslyckas på grund av ett tillgänglighetsfel är inte bara ett abstrakt problem – det är en kund som inte har slutfört ett köp, och ibland en kund som inte kommer tillbaka. Den här artikeln fokuserar på de mest kritiska punkterna i formulär, registrerings- och kassaflöden – och om du också är intresserad av PDF-formulär, se vår guide omtillgängliga PDF-formulär.
Kort sagt – vad den här artikeln täcker
Felmeddelanden i realtid
Det vanligaste misstaget: ett felmeddelande som visas visuellt (liten röd text bredvid fältet) men som inte meddelas till en skärmläsare. En blind användare fyller i formuläret, klickar på "Skicka" och förstår inte varför ingenting händer - eftersom de aldrig hör om felet alls. Korrigeringen: använd `aria-live` för att automatiskt meddela fel, och länka varje fel direkt till dess relevanta fält med `aria-beskrivna av`, så att skärmläsaren läser upp felet i samma ögonblick som användaren når det fältet.
Tydliga, beständiga fältetiketter
Platshållartext (den grå texten som försvinner när du börjar skriva) är inte en ersättning för en riktig fältetikett – i samma ögonblick som användaren börjar skriva tappar de sammanhanget för vad fältet ens frågar efter. Varje formulärfält behöver en riktig ` ` som förblir synlig (eller åtminstone tillgänglig för en skärmläsare) under hela ifyllningsprocessen, inte bara som en ledtråd som försvinner.
💡 Praktiskt tips
Obligatoriska fält behöver dubbel märkning: visuell (en asterisk eller ordet "Obligatoriskt") och även i koden (`aria-required="true"`), så att även en användare som inte kan se asterisken vet att fältet krävs innan ett inlämningsfel träffas.
Flerstegsprocesser
Flerstegsregistrering eller kassaflöden (personliga uppgifter ▸ frakt ▸ betalning ▸ bekräftelse) måste tydligt tala om för en skärmläsare vilket steg användaren är på av hur många totala steg, och meddela det när användaren går till nästa steg – så att en användare som inte kan se den visuella framstegsindikatorn förlorar sin indikator.
En tillgänglig orderbekräftelse
När ett köp eller registrering har slutförts måste själva bekräftelsemeddelandet vara tillgängligt – tydligt meddelat för en skärmläsare (inte bara en tyst visuell förändring på sidan), och inkludera all viktig information (ordernummer, belopp, leveransdatum) som riktig text, inte som en bild.
Har du användarvillkor eller orderbekräftelser som skickas som PDF-filer?
Vårt verktyg kontrollerar också dokumenten som följer med köp- och registreringsflöden – användarvillkor, kvitton, bekräftelser.
Skanna din webbplats gratis ←Efter skanning kan du även göra de dokument som hittades tillgängliga direkt och gratis viaAccessiDoc.