1.4.10 Zoom AA
För att kunna se och läsa ordentligt på en webbplats är det viktigt för vissa användare att kunna förstora innehållet genom att zooma in. När en webbplats zoomas in blir antalet CSS pixlar som visas färre. Användare ska kunna zooma in till en bredd på minst 320 CSS pixlar utan att behöva scrolla i sidled. Inget innehåll ska gå förlorat, texter ska gå att läsa och funktioner ska gå att använda.
För innehåll som är menat att scrolla i sidled, ska det gå att zooma till en höjd på 250 CSS pixlar utan att behöva scrolla vertikalt.
Responsiv design
Responsiv design är ett begrepp som betyder att designen av en webbplats anpassas efter skärmstorlek. Ofta ser man inte samma version av en webbplats på mobilen som på datorn, eftersom knappar och text skulle bli alldeles för små. På mobiler och små skärmar får man alltså en inzoomad version av webbplatsen. När webbplatsen är responsiv till en bredd på minst 320 pixlar uppfyller webbplatsen även denna riktlinje.
Exempel
Den här texten syns även när den blir inzoomad
Den här texten syns inte när den blir inzoomad
Genom att kryssa i kryssrutan kan vi simulera hur textrutorna ser ut när vi zoomar in. Den första texten är fortfarande fullt läsbar eftersom den anpassar sig och fortsätter på en ny rad. Den andra texten håller sig på endast en rad, och den del av texten som inte får plats syns inte när vi zoomar in.
Läs mer om riktlinje 1.4.10 på W3Cs webbplats.