Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
Responsive
Hoe groot moeten knoppen op een website minstens zijn?
Knoppen en koppelingen moeten minstens 24 bij 24 pixels groot zijn — dat verlangt de toegankelijkheidregel WCAG 2.5.8. Kleinere oppervlaktes zijn met de vinger moeilijk te treffen: wie op de mobiele telefoon ernaast tikt, terechtkomt op de verkeerde koppeling of geeft op. De controledienst meet elke bedienelement op vier apparaatgroottes en toont voorbeelden van de te kleine oppervlaktes samen met gemeten grootte.
Deze oppervlaktes tellen als bedienelementen
Gemeten wordt alles, wat bezoekers kunnen aanklikken of aanraken: knoppen, koppelingen, invoervelden en keuzelijsten. Koppelingen midden in de lopende tekst zijn uitgesloten — hun hoogte bepaalt de tekstlijn, dat staat ook de norm uitdrukkelijk toe. Ook uitgesloten zijn onzichtbare hulpelementen van enkele pixels grootte, die sommige websites voor voorleessoftware of voor de statistiek inbouwen; zij zijn geen doelen voor de vinger, en zij mee te tellen zou vals alarm voortbrengen. Over blijven precies de oppervlaktes, die een mens werkelijk moet treffen: de bestellij knop, het menuonderdeel, het symbool voor de zoeking, het veld voor het e-mailadres. Voor elk van deze oppervlaktes geldt de ondergrens van 24 bij 24 pixels.
Zo meet de controledienst de grootte
De pagina wordt op vier apparaatgroottes in een echte browser opgebouwd: smartphone met 390, tablet met 768, bureaublad met 1440 en breedte met 1920 pixels breedte. Op elke grootte meet de controle de werkelijk afgetoonde breedte en hoogte van elke bedienelement. Dit is beslissend, want dezelfde knop kan op het bureaublad groot genoeg zijn en op de mobiele telefoon krimp. Elke bevinding wordt tweemaal opgeheven; gerapporteerd wordt alleen wat beide metingen eenstemmig zien. Het rapport toont tot drie voorbeelden met gemeten grootte — bijvoorbeeld een knop met 18 bij 18 pixels — en een schermafbeelding van de betreffende plaats, zodat de oppervlakte zonder zoeken wordt gevonden.
Dit brengt de minimumgrootte uw bezoekers
Grote bedienelementen helpen eerst mensen met trillingen, beperkte fijnmotorik of grotere vingers. Zij helpen echter allen: in het rijdende trein, met handschoenen, met de duim van de ene vrije hand. Wie een knop bij de eerste poging treft, blijft in de voortgang — wie driemaal ernaast tikt, verlaat de pagina. Voor een bedrijf betekent dit heel praktisch: de knop „Aanbod aanvragen” wordt vaker ingedrukt, als hij goed te treffen is. De 24 pixels zijn daarbij de ondergrens van de norm en geen ideale waarde; veel vormgevers kiezen bewust veel grotere oppervlaktes, vooral voor de belangrijkste knop van een pagina.
- Tik de belangrijkste knoppen van uw website op de mobiele telefoon met de duim en let erop, of u bij de eerste poging treft.
- Let vooral op kleine symbolen: loupe, menu, telefoonhoorn, pijlen in beeldgalerijen.
- Geef uw bureau de voorbeelden uit het controlerapport door — daar staat de gemeten grootte van elke te kleine oppervlakte.
- Laat nieuwe knoppen van het begin af aan met minstens 24 bij 24 pixels plannen.