Is een site toegankelijk zodra de tekst groot genoeg is, of hoort er meer bij? Rond dit onderwerp leven nogal wat misverstanden, bijvoorbeeld dat toegankelijkheid alleen voor mensen met een beperking telt of dat een mobiele site gewoon een verkleinde desktopversie is. Dit stuk loopt die gedachten na en zet er telkens de werking of de regel naast, met aandacht voor wat daarvan op kleine schermen terechtkomt.
Wat toegankelijk ontwerp inhoudt
Een veelgehoorde gedachte is dat toegankelijk ontwerp een aparte versie voor een kleine groep is. In werkelijkheid gaat het om een ontwerp dat bruikbaar is voor zoveel mogelijk mensen, in zoveel mogelijk omstandigheden. Wie met een hand een telefoon vasthoudt, in fel zonlicht leest of wat slechter ziet, profiteert van dezelfde keuzes als iemand met een blijvende beperking. Dat gaat over de kleur van tekst, de plaats van knoppen, de volgorde van informatie en de duidelijkheid van foutmeldingen. Een toegankelijke site is daardoor niet een uitzonderingsgeval, maar een site waarvan de informatie in verschillende situaties te gebruiken is, en dat maakt het begrip breder dan menigeen denkt.
Europese toegankelijkheidsrichtlijnen in grote lijnen
Een veelgehoorde gedachte is dat toegankelijkheid een vrijblijvende wens is. Er bestaan echter Europese afspraken over digitale toegankelijkheid, en daarnaast internationale richtlijnen voor webtoegankelijkheid die als maatstaf gelden. Hoe ver de verplichtingen reiken, hangt af van de sector en het soort dienst, maar de gedachte erachter is overal gelijk.
Bediening met duim en touchscreen
Een veelgehoorde gedachte is dat een knop klein mag zijn zolang hij zichtbaar is. Op een touchscreen werkt dat anders: de duim is breder dan een muisaanwijzer, en een te kleine of te dicht bij een andere knop geplaatste knop leidt snel tot een verkeerde aanraking. Een goed ontwerp geeft bedieningselementen daarom voldoende grootte en afstand, en plaatst de belangrijkste handelingen binnen bereik van de duim. Bij een telefoon in de ene hand liggen de onderste hoek en het midden het gemakkelijkst bereikbaar. Wie de knoppen daar plaatst, maakt de site prettiger zonder dat de inhoud verandert, en dat geldt voor rechts- en linkshandige gebruikers evengoed.
De tabel zet drie ontwerpkenmerken naast hun voordeel:
| Voldoende grote knoppen | Minder verkeerde aanrakingen |
| Ruimte tussen elementen | Duidelijker welk element wordt gekozen |
| Belangrijke acties binnen duimbereik | Gemakkelijker bediening met een hand |
Meldingen en pop-ups die leesbaar blijven
Voor wie een telefoon gebruikt, helpt het te weten hoe een pagina is opgebouwd. Hoe zo’n pagina op een klein scherm is ingedeeld, is te zien op de officiele website van een aanbieder. Een veelgehoorde gedachte is dat een melding op een telefoon vanzelf past; een melding die elke 30 minuten de speelduur toont, moet daarvoor wel leesbaar blijven en het scherm niet afdekken.
Responsief ontwerp op telefoon en tablet
Een veelgehoorde gedachte is dat een mobiele site een verkleinde desktopsite is. Een responsief ontwerp past zich juist aan de schermgrootte aan: kolommen schuiven onder elkaar, menu’s klappen in en afbeeldingen schalen mee. Daardoor hoeft een lezer niet te zoomen of zijwaarts te scrollen.
Een vergelijking van mobiel en desktop:
| Invoer | Aanraken | Muis en toetsenbord |
| Indeling | Een kolom, onder elkaar | Meerdere kolommen naast elkaar |
| Sterk punt | Altijd bij de hand | Veel informatie in een oogopslag |
Nederlandstalige regels als wettelijke basis
Een veelgehoorde gedachte is dat spelregels en knoppen in elke taal mogen worden aangeboden, zolang de inhoud maar klopt. Voor vergunde aanbieders in Nederland geldt dat de regels en de knoppen in het Nederlands moeten zijn, terwijl een losse Engelse opmerking van een live-dealer is toegestaan. Voor de leesbaarheid scheelt dat.
Bedragen helder in euro’s weergeven
Een veelgehoorde gedachte is dat fiches of tokens op een scherm hetzelfde zijn als geld. Bij vergunde aanbieders worden bedragen altijd in euro’s getoond, niet in fiches of tokens, zodat een lezer meteen ziet om welk bedrag het gaat. Dat is bij kleine schermen extra nuttig, omdat er weinig ruimte is voor uitleg en omrekening. Een duidelijk bedrag zonder tussenvaluta voorkomt misverstanden over wat een inzet of een saldo in werkelijkheid inhoudt, zeker wanneer informatie snel wordt gelezen.
Neutrale instelling van limieten in de interface
Een veelgehoorde gedachte is dat een aanbieder bij het instellen van limieten mag duwen naar een bepaald antwoord. De regels vragen om het tegendeel: de keuze verloopt in een neutrale omgeving, zonder vooraf ingevulde opties en zonder reclame. De speler bepaalt zelf welke limiet wordt ingesteld, en een aanbieder mag geen minimum eisen. Voor het ontwerp betekent dit dat een invoerveld leeg begint en dat er geen aanbevolen waarden worden getoond. Een leeg veld is dan geen gebrek, maar een bewuste keuze die de eigen beslissing van de lezer beschermt en het scherm overzichtelijk houdt, ook op een klein toestel.
Toegankelijkheid voor mensen met een visuele beperking
Een veelgehoorde gedachte is dat voor blinden en slechtzienden niets te doen valt. Schermlezers lezen de tekst van een pagina voor, mits het ontwerp daarop is voorbereid: afbeeldingen hebben een tekstalternatief, kopjes zijn als kopjes gemarkeerd en knoppen hebben een duidelijke naam. Daarnaast speelt kleurcontrast een rol voor wie slecht ziet of kleuren verwisselt. Informatie die alleen met kleur wordt overgebracht, valt dan weg.
De hulpmiddelen en hun taak op een rij:
| Schermlezer | Leest de tekst van de pagina voor |
| Tekstalternatief | Beschrijft een afbeelding in woorden |
| Voldoende contrast | Houdt tekst leesbaar voor slechtziende gebruikers |
Lettergrootte, contrast en witruimte
Een veelgehoorde gedachte is dat groter altijd beter leest. Leesbaarheid ontstaat uit drie samenhangende principes: een lettergrootte die zonder inspanning leesbaar is, een contrast dat tekst scherp laat afsteken van de achtergrond en voldoende witruimte tussen regels en blokken. Een grote letter op een druk scherm leest slechter dan een gemiddelde letter met ruimte eromheen. Op een telefoon is het bovendien mogelijk om de instellingen van het apparaat aan te passen, zodat de pagina zich naar de lezer voegt en niet andersom.
Instellingen die de leesbaarheid verbeteren:
- Een tekstgrootte kiezen die zonder moeite leesbaar is.
- Een donkere of lichte weergave kiezen, naargelang wat prettiger leest.
- Het contrast verhogen als tekst vaag overkomt.
- De schermlezer of voorleesfunctie inzetten als lezen vermoeiend is.
Van desktopsite naar mobiel eerst
Een veelgehoorde gedachte is dat sites nog steeds voor de grote monitor worden ontworpen. De verschuiving is al langer in volle gang: veel sites beginnen bij de telefoon en breiden uit naar grotere schermen. Dat leidt tot kortere teksten, grotere bedieningselementen en een eenvoudiger structuur, en werkt door in hoe aanbieders hun informatie ordenen. Wat op een telefoon werkt, blijkt bovendien vaak ook op een groot scherm prettiger te lezen, omdat overbodige elementen zijn weggelaten.
Ontwerp dat met de gebruiker meebeweegt
Een veelgehoorde gedachte is dat een interface voor iedereen op dezelfde manier werkt. Stemhulp, voorleesfuncties en adaptieve interfaces laten zien dat het ontwerp zich kan aanpassen aan de manier waarop iemand de site gebruikt, bijvoorbeeld door tekst groter te tonen of de volgorde van elementen te veranderen. Zulke aanpassingen horen bij een ontwerp dat de lezer centraal zet en niet het apparaat. Het is een ontwikkeling die nog doorloopt, en die steeds meer onderdelen van het scherm raakt, van knoppen tot teksten en meldingen.
Samengevat blijkt dat toegankelijkheid een kwestie is van ontwerp en niet van uitzondering. De misverstanden over kleine knoppen, verkleinde sites en vrijblijvende afspraken lossen op wanneer duidelijk is hoe schermen, regels en lezers samenwerken. Een site die in een eigen taal, met duidelijke bedragen en leesbare meldingen is opgebouwd, is voor veel gebruikers bruikbaar.
Leave a Reply