Succescriterium 1.3.4 Weergavestand
De content beperkt de weergave en bediening niet tot een enkele presentatie-oriëntatie, zoals staand of liggend, tenzij een specifieke presentatie-oriëntatie essentieel is.
Weergavestand begrijpen (Engelstalig)
Maak je website of app zo dat mensen deze zowel in landschap (liggend) als portret (staand) formaat kunnen bekijken. Niet iedereen kan namelijk hun apparaat draaien. Bijvoorbeeld rolstoelgebruikers met een apparaat in een vaste houder. Zorg daarom dat alle functies beschikbaar blijven, ongeacht de oriëntatie van het apparaat.
Er zijn een paar uitzonderingen waarbij je wel een vaste oriëntatie mag blijven gebruiken, zoals in een piano-app of bij VR-toepassingen.
Hoe pas je dit toe?
- Beperk de weergave van content niet tot één schermoriëntatie (staand of liggend).
- Zorg dat de schermoriëntatie van een apparaat kan worden aangepast zonder dat content wegvalt.
- Zorg dat de schermoriëntatie van een apparaat kan worden aangepast zonder dat functionaliteit niet meer werkt.
Lees meer over weergave en toegankelijkheid
Handige tips
- Respecteer de oriëntatievoorkeur die op een apparaat is ingesteld.
Voor wie is dit belangrijk?
- Mensen die een fysieke of motorische beperking hebben.
- Mensen die een slechtziend zijn.
Wie is verantwoordelijk?
Hoe toets je dit?
Benodigdheden
- Twee verschillende browsers (bijvoorbeeld Chrome en Firefox)
- Viewport ingesteld op 1280px bij 1024px
- Smartphone of tablet
Uitzonderingen
Uitzonderingen zijn:
- content waarvan een vaste weergavestand essentieel is, zoals een acceptgiro, een piano-app, dia’s voor een projector of televisiescherm, of virtual reality
Testprocedure
Test 1: Weergavestand
- Open de te testen webpagina
- Zorg dat de zoom op 100% staat
- Controleer of de pagina direct in de huidige schermoriëntatie wordt getoond
- Open de Inspector en selecteer “Responsive Design-modus”
- (Firefox: Command + Option + M (macOS) of Control + Shift + M (Windows))
- (Chrome: Command + Shift + M (macOS) of Control + Shift + M (Windows))
- Stel de viewport in de Responsive Design-modus in op 1280px bij 1024px (liggende oriëntatie)
- Controleer:
- Of alle content beschikbaar is
- Of alle functionaliteit te gebruiken is
- Gebruik de “Viewpoort draaien”-knop om te wisselen naar 1024px bij 1280px (staande oriëntatie)
- Controleer:
- Of de pagina niet automatisch naar een andere oriëntatie roteert
- Of een eventuele melding om het apparaat te draaien de content of functionaliteit niet blokkeert
- Of alle content beschikbaar en leesbaar blijft
- Of alle functionaliteit beschikbaar en bruikbaar blijft
Smartphone weergavestand
Let op: Alleen als Responsive Design-modus niet werkt.
- Open de te testen webpagina op een smartphone of tablet
- Zorg dat de schermoriëntatie niet vergrendeld is in het besturingssysteem
- Begin in staande schermoriëntatie
- Zorg dat de zoom op 100% staat
- Controleer
- Of de pagina direct in de huidige schermoriëntatie wordt getoond
- Of alle content beschikbaar en leesbaar is
- Of alle functionaliteit beschikbaar en bruikbaar is
- Draai het apparaat 90 graden (liggende oriëntatie)
- Controleer:
- Of de pagina automatisch naar een andere oriëntatie roteert
- Of een eventuele melding om het apparaat te draaien de content of functionaliteit niet blokkeert
- Of alle content beschikbaar en leesbaar blijft
- Of alle functionaliteit beschikbaar en bruikbaar blijft
Beoordeling
- De weergave moet zich aanpassen aan de schermoriëntatie van het apparaat
- Alle content moet beschikbaar en leesbaar blijven na het aanpassen van de weergavestand
- Alle functionaliteit moet beschikbaar en bruikbaar blijven na het aanpassen van de weergavestand
- De pagina moet de content of functionaliteit niet blokkeren met een melding die vraagt om het apparaat te draaien