Gør din løsning forståelig: Forudsigelighed

Sådan gør du

Overraskelser kan være sjove i mange tilfælde. Selvbetjeningsløsninger er ikke én af dem.

Der må ikke ske ændring i kontekst, uden brugeren foretager en bevidst handling. Det må ikke ske, blot ved at et felt eller et link får fokus. Fokus sker ved, at brugeren tabber sig til et element med tastaturet, eller med musen klikker på et inddateringsfelt. Og det må heller ikke ske ved, at der blot tastes noget i et felt, og så løsningen rykker videre til ny side e.l. uden forudgående advarsel.

Det betyder, at: 

  • En formular ikke må ”sendes”, blot ved at et element får fokus (fejlen sker typisk i select formularer, hvor den første option vælges automatisk pga. tilføjet script, når brugeren prøver at bevæge sig igennem valgmulighederne med tastaturet).
  • Der ikke må dukke en ”hjælp” op ved at brugeren tabber sig ind i et inddateringsfelt, hvor fokus flyttes til hjælpen, så brugeren ikke kan komme til at inddatere
  • Der oftest skal bruges ”Send”, ”Videre” eller ”Afslut” e.l. submit-knapper, før kontekst må ændres til fx en ny side

Det betyder IKKE, at:

  • Dele af indholdet ikke må ændres, fx ved svar i en del af formularen giver andre svarmuligheder senere i formularen.

Der er benyttet en konsekvent navigation og identifikation af elementer på tværs af sider.

Det betyder, at:

  • Fx søgefunktionen hedder ”Søg” på alle sider, og ikke ”Find” på nogle og ”Søg” på andre.
  • De forskellige navigationselementer er placeret samme sted på tværs af sider.
  • At en ”videre”-knap godt må have alternativteksten ”Videre til side 2” på side 1, og ”Videre til side 3” på side 2. Det er ikke ens, men det er konsekvent.

Fordele

  • Det er ikke alle, der kan se billeder. Det kan enten være fordi deres værktøj forhindrer billedvisning, eller fordi de ikke kan se i det hele taget. Alternativ tekst til et billede, sikrer at den information, der ligger i billedet, bliver tilgængelig alligevel, fordi den alternative tekst vil blive vist der, hvor billedvisning ikke understøttes. Hvis brugeren for eksempel benytter en skærmlæser, vil den alternative tekst blive læst op, og brugeren få glæde af informationen i billedet.

Ulemper

  • Ingen.

Link

WCAG 2.0, Forudsigelig.

Se også video (sidst i videoen).

Eksemplet er fra

Digitaliseringsstyrelsens eLær og WCAG 2.0.

Eksemplet er hentet

17. juni 2013.

Permanent URL til denne artikel: http://arkitekturguiden.digitaliser.dk/node/609