hvorfor bliver min website ødelagt, når du forstørrer teksten

Tekst, der ikke kan forstørres, er et kendt WCAG-knudepunkt

Et websted, der "går i stykker", så snart en kunde forstørrer teksten, skyldes næsten altid faste mål: tekst, knapper eller containere, der er fastsat i pixels i stedet for i enheder, der skaleres med. Hvis en kunde øger tekststørrelsen i browseren, forbliver en boks med en fast pixelhøjde af samme størrelse, og teksten løber ud af den, overlappes med andre elementer eller bliver skåret over. Menuer, der passer præcist ved standardstørrelsen, udvidelige paneler, der ikke vokser med, og knapper, hvis tekst løber ud over kanten, er de mest almindelige symptomer.

Dette er ikke et æstetisk fejl, men et funktionelt problem: hvis en etiket bliver ulæselig, eller en knap ikke længere kan klikkes på, fordi teksten løber henover den, kan en kunde ikke længere fuldføre et trin i ordreprocessen. Det berører de samme sårbare steder som ved tastaturnavigation gennem hele bestillingen: et skalaproblem, der ser uskyldigt ud på kernesidering, kan være afgørende ved ordenprocessen eller loginskærmen. Også overskrifter og underoverskrifter løber risiko: hvis et strukturelement kollapser ved forstørrelse, bliver læserækkefølgen underlig, noget der også sker i den bredere fortælling om overskrifter, struktur og navigation.

Hvor det står i WCAG 2.1: forstørrelseskriteriet

WCAG 2.1 fastsætter, at tekst skal kunne forstørres op til en vis procentsats uden tab af indhold eller funktionalitet; det er udgangspunktet for kriteriet for skalerbar tekst, som beskrevet i selve retningslinjen. I praksis tester en scanning dette ved at indlæse siden på flere tekststørrelser og kontrollere, om teksten bliver skåret over, overlapper eller bliver ulæselig. Hvad en automatiseret test ikke ser, er om siden stadig er behagelig at bruge, eller kun teknisk "ikke ødelagt" — denne forskel hører til de ting, som en automatiseret scanning ikke kan vurdere.