Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
Responsive
Waarom mag een website op de mobiele telefoon niet zijdelings schuiven?
Een website mag op de mobiele telefoon niet zijdelings schuiven, omdat bezoekers anders inhoud alleen bereiken, als zij de pagina met de vinger heen en weer schuiven. Velen geven voordien op en verlaten de pagina. De toegankelijkheidregel WCAG verlangt daarom in regel 1.4.10, dat zich inhoud aan de schermbreet aanpast. De controledienst meet de overstek in pixels op vier apparaatgroottes en noemt, waar duidelijk herkenbaar, het veroorzakende element.
Zo ontstaat zijdelings schuiven op de mobiele telefoon
Oorzaak is bijna altijd een element met vaste breedte: een tabel met veel kolommen, een afbeelding in originaalgrootte of een bouwsteen uit een vorlage, die voor grote schermen werd gebouwd. Op het bureaublad-beeldscherm valt dat nauwelijks op, omdat daar veel ruimte is. Op een smartphone met 390 pixels breedte steekt datzelfde element over de rand uit, en de browser toont een horizontale schuifbalk. Bezoekers zien dan slechts een uitsnede van de inhoud en moeten de pagina bij het lezen voortdurend verschuiven. Een enkel te breed element volstaat, om de gehele pagina zijdelings bewegelijk te maken — daarom loont het zich, precies dit ene element te vinden en te herstellen.
Zo meet de controledienst de overstek
De controle laadt uw pagina in een echte browser op vier apparaatgroottes: 390, 768, 1440 en 1920 pixels breedte. Dan vergelijkt zij de breedte van de inhoud met de breedte van het scherm en probeert werkelijk de pagina zijwaarts te schuiven. Eerst wanneer dat lukt, geldt de bevinding — een overstek, dat de browser zelf afkapt, veroorzaakt geen schuifbalk en wordt daarom ook niet als zulks gerapporteerd. Elke meting loopt tweemaal; gerapporteerd wordt alleen wat beide runs eenstemmig zien. Het rapport noemt de overstek in pixels en, waar duidelijk herkenbaar, het veroorzakende element samen met schermafbeelding. Zo weet uw bureau onmiddellijk, waar het moet aanpakken.
Dit fordert de toegankelijkheidregel WCAG 1.4.10
Regel 1.4.10 („Reflow”) van de richtlijn WCAG verlangt, dat zich inhoud aan de beschikbare breedte aanpast, zonder dat bezoekers in twee richtingen schuiven moeten. De gedachte daarachter: mensen met gezichtsverminderde vergroten pagina's sterk; wat dan zijdelings uitsteekt, gaat voor hen verloren. Dezelfde aanpassingsvermogen helpt iedere bezoeker met een klein scherm — dus de meerderheid, want veel websites worden tegenwoordig vooral op de mobiele telefoon gelezen. Een behaalde controle is daarmee tegelijk een stap naar toegankelijkheid en naar een beter bedienbare website. De controle is een technisch onderzoek; of voor uw bedrijf wettige plichten bestaan, heldert een rechtskonsultatie op.
- Open uw startpagina op uw eigen mobiele telefoon en wis naar links en rechts. Beweegt de pagina zijdelings, dan is er een overstek.
- Controleer vooral pagina's met tabellen, grote afbeeldingen of ingebedde video's — daar ontstaat de overstek het vaakst.
- Geef uw bureau het in het controlerapport genoemde element en de pixelgetal door, in plaats van het zelf te laten zoeken.
- Herhaal de blik op de mobiele telefoon na elke grotere verandering aan de website.