Spring til indhold

De tilgængelighedsfejl, jeres tjekværktøj overser

Har fundet og rettet 11 tilgængelighedsfejl, som browseren meldte i orden — otte footer‑links, der stadig lå i tab‑rækkefølgen bag pointer‑events, en scroll‑tidslinje, der klippede kolofonen af på tre sider, og en regelmotor, der kørte 70 af sine 105 regler.

  • Magnifying glass, flowers, plants
    Foto: Jade87 / Pixabay
  • Laptop, human hands, keyboard
    Foto: fancycrave1 / Pixabay

11 tilgængelighedsfejl, som browseren meldte i orden

Situation. Sitet bestod sine automatiske tilgængelighedsregler. Det havde også elleve defekter, som de regler ikke kunne se, fordi hver af dem var en egenskab ved, hvordan siden blev gengivet, og ikke ved, hvad markuppen sagde — den slags, som en validator melder i orden, og som en tastaturbruger rammer inden for få sekunder.

Opgave. Defekterne skulle findes, rettes og skrives op i en fortegnelse med den regel, hver af dem gav anledning til, så det er typen af defekt, der lukkes, og ikke det enkelte tilfælde.

Handling. De faldt i tre grupper. Størrelse: et nøgleord i stylesheetet, brugt som var det relativt, låste et helt område fast på seksten pixels, mens brødteksten voksede op til toogtyve; et subscript‑element blev brugt til at betyde “mindre”; mindre tekst gjorde en linje længere, indtil en titel nåede seksoghalvfems tegn; og et målt højdeloft blev sprængt af netop den tekstafstand, sitet hævder at understøtte. Fokus og beskæring: otte footer‑links blev liggende i tab‑rækkefølgen bag en egenskab, der fjerner pointer‑interaktion og intet andet; en overflow‑regel skabte en scroll‑container, ingen ville have; og en scroll‑drevet animation, som simpelthen er inaktiv på en side, der er for kort til at scrolle, klippede permanent footeren af på tre sider. Og to defekter i selve kontrollerne, som er dem, der er værd at nævne — hver vinduesform, layouttjekket åbnede, var ni hundrede pixels høj, så en telefon i liggende format på 852 gange 393 gav syv pixels mellem to elementer, og intet tjek havde nogensinde kigget; og regelmotoren havde kørt halvfjerds af sine hundrede og fem regler, så den regel, der ville have fanget det manglende landmærke, var ikke med i sættet.

Resultat. Elleve defekter rettet og, mere nyttigt, fire regler, der overlever dem: en kontrol, der tester én akse, forsvarer én akse; et regelsæt, der ikke indeholder reglen, kan ikke håndhæve den; højde er en dimension, så test den; og bevis synlighed i pixels og ikke i dokumentet. Da layouttjekket blev genåbnet ordentligt, fejlede det hundrede og otteogtyve gange på tre sprog, herunder i et vindue på størrelse med en telefon, hvor hero‑sektionens afsluttende linje lå enogtyve pixels under folden.

Ét stykke af en længere fortegnelse — og det hele ligger her på sitet.

Hver post er skrevet på samme måde: situationen, opgaven, hvad vi gjorde, og hvad der ændrede sig.

Se hele fortegnelsen