Weergavestand

Nieuw in WCAG 2.1

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?

  • 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.

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?

  • Vormgever
  • Ontwikkelaar

Hoe toets je dit?

Benodigdheden
  • Twee verschillende browsers (bijvoorbeeld Chrome en Firefox)
  • Viewport ingesteld op 1280px bij 1024px
Testprocedure

Test 1: Weergavestand

Browser weergavestand
  1. Open de te testen webpagina
    • Zorg dat de zoom op 100% staat
    • Open de Inspector en selecteer “Reponsive Design-modus”
      • (Firefox: Cmd + Option + M)
      • (Chrome: Cmd + Shift + M)
    • Stel de viewport in de Responsive Design-modus in op 1280px bij 1024px (liggende oriëntatie)
  2. Controleer:
    • Of alle content beschikbaar is
    • Of alle functionaliteit te gebruiken is
  3. Gebruik de “Viewpoort draaien”-knop om te wisselen naar 1024px bij 1280px (staande oriëntatie)
  4. Controleer:
    • Of de weergave van de content aanpast naar de nieuwe oriëntatie
    • Of alle content nog steeds beschikbaar is
    • Of alle content en functionaliteit nog steeds beschikbaar is
Smartphone weergavestand
  1. Controleer oriëntatie-instellingen
    • Zorg dat de oriëntatie niet vergrendeld is op besturingssysteem niveau
  2. Open de te testen webpagina
    • Begin in staande oriëntatie
    • Controleer of de pagina automatisch in de juiste modus toont
  3. Draai het apparaat 90 graden (liggende oriëntatie)
  4. Controleer of:
    • Of de weergave van de content aanpast naar de nieuwe oriëntatie
    • Of alle content nog steeds beschikbaar is
    • Of alle content en functionaliteit nog steeds beschikbaar is
Beoordeling
  • Content moet niet worden beperkt tot een vaste schermoriëntatie
  • Content moet zich aanpassen als een andere schermoriëntatie wordt gevraagd
  • Alle content moet nog steeds beschikbaar en leesbaar zijn na het aanpassen van de weergavestand
  • Alle functionaliteit moet nog steeds beschikbaar en leesbaar zijn na het aanpassen van de weergavestand

Bronnen

Andere richtlijnen

Laatst gewijzigd op