Infria förväntningar
Tänk dig att du sitter på bussen och din hållplats närmar sig. Du trycker på stopp-knappen och vips så har bussen blivit mindre och hoppat till en parallellgata. Om du är en miljöskadad webbdesigner tänker du: "Oj, någon har lekt lite för mycket med Javascript!"
Riktlinjen "Förutsägbar" handlar om att inte göra förändringar i miljö och sammanhang utan att först förbereda användaren på det.
Webbsidor ska se ut och uppföra sig på ett förutsägbart sätt. Denna riktlinje nämner en hel del om att undvika kontextförändringar som användaren inte är beredd på. Enkelt uttryckt handlar en kontextförändring om något som förändrar webbläsaren, dess viewport (den synliga ytan i webbläsaren), fokus i sidan eller ändrar innehåll som påverkar budskapet i sidan.
Exempel på kontextförändringar är:
- nya fönster,
- förflyttning av fokus till ett annat element,
- hopp till en ny sida (även om det för användare bara "ser ut" som att de bytt sida),
- eller att ”möblera om” innehåll på sidan så att det hamnar i en annan ordning.
Här är de tre nivåerna att förhålla sig till:
Nivå A
- 3.2.1 Vid fokus. När ett element på sidan får fokus (länk, knapp eller annat), så triggar inte den en kontextförändring. Observera att det handlar om fokus; ett klick är något annat.
- 3.2.2 Vid inmatning. Förändring av inställningar för en komponent i sidan orsakar inte en kontextförändring.
- 3.2.6 Konsekvent hjälp. Placera hjälp på samma ställe när den finns på flera sidor. Människor som behöver hjälp kan lättare hitta den om den är på samma plats. Hjälpfunktioner som omfattas är: kontaktuppgifter till personer, mekanismer för kontakter med människor, självhjälpsalternativ och även helt automatiserade kontaktfunktioner. Det kan handla om funktioner som finns i sidan eller som länkar till funktionen på en annan sida.
Exempel: Jag har sett inmatningsfält för kreditkortsnummer där användarens markör för inmatning automatiskt hoppar från ett fält till annat när 4 siffror är inmatade. Det är exempel på en otillåten kontextförändring.
Nivå AA
- 3.2.3 Konsekvent navigering. Om du har en meny eller för all del en sidfot med länkar som återkommer på många sidor, så ska inte de inbördes länkarna byta ordning från sida till sida.
- 3.2.4 Konsekvent identifiering. Komponenter som har samma funktionalitet inom en grupp webbsidor har identifierats på ett konsekvent sätt, oftast med samma namn.
Exempel: Textalternativ för dokumentikoner, om de används för att länka till dokument, börjar alltid med samma ord (ladda ner) och på samma sätt så har pilar längst ner på olika sidor samma textalternativ om de alltid används för att hänvisa vidare till en annan sida (gå till sida x). Om du har en sök-ruta med liknande funktionalitet på två olika sidor, men i ena fallet heter sök-knappen ”sök” och i andra fallet ”hitta”, då gör du alltså fel.
Nivå AAA
- 3.2.5 Förändringar på begäran. Kontextförändringar sker endast på användarens begäran eller så finns möjlighet att stänga av sådana förändringar.
Det här adresserar till exempel beteendet att öppna i nytt fönster eller i en ny flik. Om du gör rätt så ska sådana beteenden ske endast på begäran, eller så ska användaren kunna stänga av det. Om man har dålig syn eller kognitiva besvär är det inte alltid uppenbart varför inte bakåt-knappen funkar som den ska.
Andra exempel på kontextförändringar jag inte bett om är skickandet av formulär när jag kryssar en checkruta. Jag har sett liknande sådana tillämpningar i enkäter. Sluta med det.
Fortfarande kvar på bussen?
Tillbaka till bussen. Lustigt nog säger inte den här riktlinjen om förutsägbarhet så mycket om att klicka. Om man klickar så ska ju helst både bussen och knappen fortsätta bete sig på ett förutsägbart sätt. Det som avgör vad som är förutsägbart är förstås alltid de förväntningar du satt. Det är omhändertagande att vara tydlig med vad som händer vid specifika aktiviteter.
Men om busschauffören heter Joe Labero (en känd illusionist), ja då är kanske dina förväntningar helt i linje med aktuella skeenden. De flesta användare förväntar sig dock inte att bli lurade.