Grundlæggende strukturtjek

Billederne nedenfor illustrerer, hvordan en webside vises i 3 kolonner som standard, og hvordan den kan ændres.

Figur A viser standardvisningen med ​​tre kolonner med navigationen til venstre.

Figur B viser siden lineariseret i én kolonne med navigationen øverst.

Figur C viser siden lineariseret med navigationen i bunden. Rækkefølgen af sektionerne, fx navigation øverst eller nederst eller andetsteds, afhænger af, hvordan websiden er udviklet. Brugeren kan normalt ikke kontrollere rækkefølgen.

Figur D viser siden lineariseret og med typografier slået fra. Når du følger nedenstående trin til tjek af grundlæggende struktur, ser din side ud som i Figur D:

Figur E viser siden ændret af en person med nedsat syn for at gøre den mere læsbar. Fx er brødteksten forstørret, sidefodsteksten er meget lille og overskrifterne har en anden farve.

Selvom det er nyttigt at få en erfaren skærmlæserbruger til at tjekke websider, kan alle få en indledende idé om potentielle tilgængelighedsbarrierer for skærmlæserbrugere og andre, der ændrer den måde, siden vises på. Trinene nedenfor viser dig, hvordan du deaktiverer billeder, deaktiverer den normale visuelle præsentation (typografier, farver mm.), og lineariser siden for at tjekke sidestrukturen.

Bemærkninger:

• Datatabeller giver ikke mening, når de lineariseres, hvilket er i orden, fordi skærmlæsere har funktionalitet til at gøre datatabeller brugbare, hvis de er markeret korrekt.
• FED giver et klart eksempel på, hvordan det grundlæggende strukturtjek afslører tilgængelighedsbarrierer.

Sådan foretager du grundlæggende strukturtjek med WebDev-værktøjslinjen:

1. Åbn den webside, du tjekker.
2. På værktøjslinjen skal du vælge ”Images”, derefter ”Disable Images” og derefter ”Disable All Images”.
   Eller med tastaturet: Alt + T, W (til webudvikler-udvidelse), I, D, D.
3. På værktøjslinjen skal du vælge ”CSS”, derefter ”Disable Styles” og derefter ”Disable All Styles”.
   Eller med tastaturet: Alt + T, W (til webudvikler-udvidelse), S, D, D.
4. På ”værktøjslinjen” skal du vælge ” Miscellaneous ” og derefter ”Linearize Page”.
   Eller med tastaturet: Alt + T, W (til webudvikler-udvidelse), M, I.

1. Brug først den tilgængelige startside med et af ovenfor anførte tjek for at deaktivere billeder, deaktivere CSS og linearisere.
   Find den tilgængelige startside her
   • Skim ned og bemærk, at der under ”Welcome to CityLights” er tre artikeloverskrifter med resumétekst under hver overskrift. Bemærk, at de tre artikeloverskrifter er sammen, og artikelteksten er sammen.
2. Brug derefter den ikke-tilgængelige startside med et af ovenfor anførte tjek for at deaktivere billeder, deaktivere CSS og linearisere.
   Find den ikke-tilgængelige startside her
   • Skim ned for at finde ”Welcome to CityLights”.
   • Bemærk, at det er meget sværere at finde. Det skyldes, at det ikke er markeret som en overskrift som beskrevet ovenfor.
3. For at tjekke en formular skal du bruge siden med en ikke-tilgængelig undersøgelse. Undersøg hvordan radioknapperne er lagt ud. Derefter lineariseres.
   Find siden med en ikke-tilgængelig undersøgelse her 
   • Bemærk, at radioknappernes etiketter ikke er med knapperne. Dette skyldes, at siden bruger layouttabeller forkert.