Ik ben Mark Scholten. Ik werk bij Binnenlandse Zaken. Ik richt me op digitale toegankelijkheid.
Eigenlijk is dat voor mij heel belangrijk, want ik ben zelf blind.
Ik kan de computer niet gebruiken met het beeldscherm.
Ik kan ook de muisaanwijzer niet zien, dus ik kan ook geen muis gebruiken.
Op mijn computer staat een schermlezer, een screenreader.
Deze vertelt wat op het scherm staat aan mij via spraak.
Ik bedien de computer volledig met het toetsenbord...
en ik wil heel graag demonstreren welke problemen ik dan ervaar.
Ik start een simpele demonstratiewebsite op.
Dit is een hele eenvoudige webpagina in HTML.
De schermlezer leest netjes de tekst op. Toch zijn er grenzen.
Jullie zien dat er een tekst komt in het Engels. Ik weet dat niet.
'Often you use Dutch.'
Nou, je hoort dus een Nederlandse stem die Engels praat.
'Je suis fatigué.' Een Nederlandse stem die Frans spreekt, is niet te verstaan.
En helaas gebruiken we veel Engelstalige woorden op webpagina's.
Probleem 1, dus.
Dit stukje tekst geeft hij aan: Volgende pagina. 'Link' zegt hij erachteraan.
Mijn schermlezer is zo slim dat hij weet dat dit element een link is. Dat is voor mij handig...
want dat vertelt hij erachter, dat ik daar dus op kan klikken met een muis...
maar in mijn geval met de entertoets en dan activeer ik de link.
De pagina is geladen. Naast een link zijn ook allerlei knoppen mogelijk.
Met onderstaande standaard HTML knop gaan we naar de volgende pagina. Volgende pagina, knop.
De pagina is geladen. Knoppen kunnen allerlei vormen hebben, elk plaatje kan een knop worden.
Met onderstaande icoon gaan we naar de volgende pagina. Volgende pagina, knop.
De pagina is geladen. Er volgen enkele bekende elementen op een webpagina.
Kopniveau 1: een plaatje.
'Kopniveau 1', zegt hij. Dat is dus een koptekst van een bepaald niveau. Er komt een plaatje onder.
Afbeelding: het logo van netwerk VisusRijk, namelijk.
Voor mij is een plaatje niks anders dan een stukje tekst.
Ik verwacht dat degene die dat plaatje op een site zet daar netjes een alternatieve tekst bij zet...
zodat ik begrijp waarover dat plaatje gaat.
Kopniveau 1: een tabel. Tabel: drie rijen met twee kolommen.
Normaal, beperking, kolom 1, rij 1.
Nu hoor je gelijk al mijn probleem ook: tabellen zijn best wel complex.
Je moet je een hele voorstelling maken van rijen en kolommen.
Die worden cel voor cel opgenoemd en ik moet maar proberen in m'n hoofd...
er een plaatje bij te krijgen van hoe zo'n matrix in elkaar zit.
De schermlezer helpt door aan te geven hoeveel rijen, hoeveel kolommen...
en in welke kolom en rij ik zit, maar het blijft heel erg lastig.
De pagina is geladen. Er volgen enkele veel- gebruikte invoervarianten op een webformulier.
Wilt u onze nieuwsbrief ontvangen? Ja, graag, niet-geselecteerd keuzerondje. Voornaam.
Voornaam. -Voornaam, lege regel tekstgebied.
Lege regel tekstgebied. Tekstgebied geeft aan dat je hier tekst in kan voeren en hij is nog leeg.
Supermarkt.
Supermarkt wordt gevraagd. -AH, gesloten oproep keuzelijst.
Oproep keuzelijst. Dit is een keuzelijst, dus ik begrijp dat ik hier kan...
Het formulier... Supermarkt. AH, gesloten op... De pagina is gela... Aldi, 2 van 4. Jumbo, 3 van 4.
Nou, ik kan hier uit een aantal supermarkten kiezen. Ik kies even Jumbo.
Supermarkt, Jumbo, gesloten oproep keuzelijst.
Hij sluit de keuzelijst weer en ik ga weer eruit en verder.
Niet-geselecteerd aankruisvak. -Een aankruisvak is een checkbox.
Dus zo kan ik prima elementen in een formulier bedienen.
Dit is een heel bekend verschijnsel op veel websites...
dat de toelichting van wat gevraagd wordt wat je invoert erachter staat en niet ervoor...
dus ik heb geen aanwijzing hoe die naam ingevoerd moet worden.
Hetzelfde geldt hiervoor. -Normaal, postcode. Duizend... Verzenden-knop.
Postc... Postcode. -Ik loop er even doorheen.
Normaal, postc... Verzenden. Tot slot eens een echte website bezoeken.
Ik snap hier dus niks van, want er gebeurt niks.
Ik heb niet door dat er dus een melding staat dat ik iets niet goed gedaan heb.
Laten we eens kijken naar een website, een echte website.
Nu zit ik in het navigatiedeel. Ik krijg een aantal linkjes.
Producten-link. Nieuws-link. Over Jumbo-link. Klantenservice... Nederlands, link.
Hé, een link zonder label, dus ik begrijp niet wat ik met deze link moet.
Nieuw: 1000 kilometer, het spannende bordspel voor het hele gezin. Ontdek het spel.
Nieuw: 1000 kilometer... -Ho. Hier gebeurt ook iets raars.
Nieuw: 1000 kilometer. -Ik doe niks, maar hij begint toch.
Nou ja. -Het spannende bordspel voor het hele gezin.
O? -Link. Ontdek het spel, knop.
Hé, link en knop. Ook voor... Hé. Nou, hier word ik dus een beetje iebelig van.
Dit is zo'n website waar ik op een gegeven moment afhaak...
omdat hij zo slecht toegankelijk is. Dit zijn voorbeelden, waarbij het belangrijk is...
dat de programmeur van de website zich heel goed houdt aan de WCAG-richtlijnen...
zodat dit soort problemen niet ontstaan.
En in de demo hiervoor werkt het allemaal heel erg goed.
Dat kan, als je het maar goed programmeert.