Blog over WCAG en toegankelijk bouwen
Artikelen over WCAG, de EAA en het BDTO, geschreven door de auditors die de onderzoeken uitvoeren.
Dialoogvenster krijgt geen focus bij openen
Een popup verschijnt. “Wil je cookies accepteren?” Je drukt op Tab. En je zit in het navigatiemenu. Achter de popup. De focus is niet naar het dialoogvenster verplaatst.
Alle pagina's hebben dezelfde titel
Vijf tabbladen open. Allemaal van dezelfde website. Allemaal met dezelfde titel: “Gemeente Utrecht.”
Mouseover zonder focus-equivalent
Je hovert over een tekst. Een tooltip verschijnt. Handige extra informatie.
Invoerveld zonder zichtbare rand
Een wit invoerveld op een witte achtergrond. Met een lichtgrijze rand. Heel lichtgrijs. #D9D9D9.
Content verdwijnt door overflow hidden
Je zoomt in op een webpagina. De tekst wordt groter. En dan, halverwege een zin, houdt de tekst op. Alsof iemand de rest heeft afgeknipt.
Plattegrond
De plattegrond van je museum is bedoeld om op een compacte manier veel informatie te geven over een complex gebouw. Waar is de ingang, waar koop je kaartjes, waar zijn de toiletten. Maar voor mensen die de pagina niet kunnen zien, is die plattegrond een dichte deur. En voor mensen die slecht zien, is het zoeken naar een naald in een hooiberg: kleine labels, weinig contrast, niet in te zoomen zonder dat je het overzicht verliest.
Tolkie als leeshulp voor je overheidswebsite: zo wordt je tekst begrijpelijk op B1-niveau
Wil je dat je overheidswebsite leesbaar is voor bezoekers op B1-niveau of lager? Dan kom je vroeg of laat de vraag tegen wat je doet met de teksten die er nu staan. B1 is het taalniveau dat een ruime meerderheid van de Nederlandse bevolking goed begrijpt, en de norm waar de meeste overheidsorganisaties op willen zitten. Alleen zit een groot deel van de bestaande overheidsteksten van nature op B2 of hoger. Alles handmatig herschrijven kost tijd die de meeste communicatie-afdelingen niet hebben.
Tekst in afbeelding
Je hebt op je website een prachtige banner: “Vandaag 15% korting op alle artikelen.” De tekst staat ingebakken in het plaatje. Ziet er geweldig uit. Maar wie bereik je er eigenlijk mee? Alleen de mensen die het plaatje kunnen zien en de tekst scherp genoeg kunnen lezen. Mensen die voorleessoftware gebruiken, horen niks. Mensen die de tekst groter willen maken of het contrast willen verhogen, kunnen dat niet. En Google kan de tekst in je afbeelding niet lezen.
Knop zonder naam in een webshop
Je hebt op je website een zoekveld met een knop. Op een desktop staat er “Zoeken” naast het vergrootglas-icoon. Prima, dat werkt. Maar wat gebeurt er als je inzoomt of de pagina op een telefoon bekijkt? De tekst “Zoeken” verdwijnt en alleen het icoon blijft over. En als dat icoon geen tekstalternatief heeft, dan weet iemand die voorleessoftware gebruikt niet wat die knop doet. Ze horen: “Knop.” Dat is alles. Geen “zoeken”, geen “versturen”, gewoon “knop.”
Knop die navigeert, link die een actie uitvoert
“Contact, knop.” Je drukt op Enter. Een nieuwe pagina opent. Maar het was een knop. Knoppen voeren acties uit. Ze navigeren niet.
Hoe vaak moet ik mijn website opnieuw laten testen?
Een toegankelijkheidsaudit is geen eenmalige exercitie. Je website verandert continu, met nieuwe content, updates, features en redesigns, en elke wijziging kan nieuwe problemen introduceren. Maar hoe vaak moet je laten hertesten?
Decoratieve afbeeldingen
Ik kom het regelmatig tegen in audits: een decoratieve scheidingslijn, leuke bolletjes, of een achtergrondpatroon, en ze hebben allemaal een beschrijving. “Afbeelding, blauwe cirkel.” “Afbeelding, golvend lijntje.” Iemand die voorleessoftware gebruikt, hoort al die rommel tussendoor terwijl die gewoon door je webshop wil scrollen. Stel je voor dat je in een fysieke winkel loopt en bij elke stap iemand in je oor fluistert: “Tegel. Tegel. Nog een tegel.”