Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
Barrierefreiheit
Moet mijn website in staand en dwars formaat werken?
Ja: uw website moet in staand en dwars formaat bruikbaar zijn en mag geen oriëntatie afdwingen. De reden is praktisch — sommige mensen kunnen hun apparaat niet draaien, bijvoorbeeld omdat de tablet vast aan de rolstoel is bevestigd. Een pagina die alleen dwars werkt, sluit deze bezoekers volledig uit.
De afgedwongen oriëntatie sluit bezoekers uit
De meeste websites passen zich automatisch aan de apparaatoriëntatie aan. Problemen ontstaan wanneer vormgeving of code een oriëntatie vastlegt: een bericht „Draai uw apparaat”, een videogebied dat alleen dwars bedienbaar is, een boekingsformulier dat in staand formaat wordt afgesneden. Voor de meeste gebruikers is dat een ongemak — voor mensen met vast gemonteerd apparaat een gesloten deur. Ook getroffen zijn gebruikers wiens apparaatrotatie om gezondheidsredenen is geblokkeerd, bijvoorbeeld bij duizeligheid. De regel kent een enge uitzondering: waar een oriëntatie zakelijk noodzakelijk is — bijvoorbeeld bij een pianoklaviertoepassing — mag deze worden vastgelegd. Voor gewone bedrijfswebsites zijn zulke redenen praktisch nooit aanwezig.
Zo controleert onze messkern de oriëntatie
Onze messkern geeft uw pagina in een echte browser in diverse schermbreedtes weer — van de smalle mobiele weergave tot de brede bureaubladweergave — en dekt daarmee de typische staande-formaatbreedtes af: wat daar horizontaal overloopt of wordt afgesneden, stroomt als bevinding in het controlegebied Responsive. Of een pagina de oriëntatie daarbuiten actief blokt of tot draaien opfordert, toont zich vaak pas op het echte apparaat en in het gedrag van de pagina — dat beoordeelt bij de goudstandaard iemand die de pagina in beide oriëntaties bedient. Het verslag maakt scherp onderscheid tussen wat is gemeten en wat een menselijk oordeel is.
Beispiele
Querformat erzwungen
<meta name="viewport" content="width=device-width">
<script>screen.orientation.lock("landscape");</script>
<style>@media (orientation: portrait) { body { display: none } }</style><meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.tabelle { overflow-x: auto; }
</style>Ein Tablet am Rollstuhl ist fest montiert. Die Seite passt sich der Lage an; breite Inhalte bekommen einen eigenen Scrollbereich.
- Open uw website op de mobiel en draai het apparaat — elke functie moet in beide oriëntaties bereikbaar blijven.
- Verwijder berichten als „Draai uw apparaat” — ze zijn het duidelijkste teken van een afgedwongen oriëntatie.
- Test formulieren en boekingspaden doelbewust in staand formaat, daar treden afsnijdingen het meest op.
- Vraag uw bureau te bevestigen dat geen oriëntatieblokkade in de code is ingesteld.
- Controleer ingesloten inhoud als video's en kaarten in beide oriëntaties — externe componenten brengen eigen blokkades mee.