Laat zoomen toe in de meta viewport-tag om mensen met visuele beperkingen te helpen
Laatste wijziging:
Hoe zoomen toestaan in de meta viewport-tag?
Verwijder user-scalable=no uit het content-attribuut van de <meta name="viewport">-tag:
voorkomt dat gebruikers kunnen inzoomen
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
staat zoomen toe
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Een maximum-scale-waarde onder 2 beperkt zoomen ook. Gebruik het liever niet, of stel het in op minimaal 5:
beperkt zoomen tot 200%
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2" />
geen maximum-scale beperking
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Waarom is dit belangrijk?
Gebruikers met een visuele beperking zijn afhankelijk van zoomen om tekst en inhoud te vergroten tot een leesbaar formaat. Wanneer een pagina zoomen uitschakelt, hebben deze gebruikers geen effectieve toegang tot de inhoud.
Het uitschakelen van zoomen verslechtert ook de ervaring op telefoons voor gebruikers die een grotere standaardtekstgrootte hebben ingesteld in hun besturingssysteeminstellingen.
Meer info:
Regelinformatie
Standaard
Regelgeving
Impact voor gebruikers
Matige impact Veroorzaakt moeilijkheden voor gebruikers met een beperking, maar blokkeert de toegang niet. Los dit op wanneer mogelijk. Kritiek : blokkeert toegang volledig Ernstig : belemmert gebruik aanzienlijk Matig : veroorzaakt moeilijkheden Klein : minimale hinderComplexiteit van de oplossing
Veel technische expertise benodigd Om dit probleem op te lossen is technische expertise benodigd. Het oplossen van dit probleem vereist aanpassingen aan de broncode van uw website.Treft
Gratis Website Accessibility Audit