Uw website toegankelijk maken: audit, herstel en een eerlijke verklaring

Die bezoekers gebruiken vaak hulpmiddelen. Een screenreader leest de pagina voor, een vergrotingsprogramma toont een klein stukje van het scherm heel groot, en wie geen muis gebruikt, springt met de Tab-toets van link naar link. Een site werkt met die hulpmiddelen alleen als de code goed in elkaar zit: knoppen die ook echt knoppen zijn, afbeeldingen met een beschrijving, formuliervelden met een label. Hoe dat er voor een blinde bezoeker uitziet, leest u in hoe iemand die blind is een website gebruikt.

Het verschil tussen een ontoegankelijke en een toegankelijke pagina ziet u vaak niet eens. Het zit in wat de hulpmiddelen ervan maken.

Er is een belangrijke uitzondering. Micro-ondernemingen die diensten leveren, met minder dan tien werknemers en een jaaromzet of balanstotaal van hooguit twee miljoen euro, hoeven niet aan de eisen voor diensten te voldoen. Veel zzp'ers en kleine winkels vallen daardoor buiten de verplichting. Of dat voor u geldt, leest u op geldt de toegankelijkheidswet voor uw kleine bedrijf. Voor overheden en semipublieke organisaties gelden al langer eigen regels, zie digitoegankelijkheid voor de overheid.

Ook als de wet niet voor u geldt, is toegankelijkheid verstandig. U sluit geen klanten uit, uw site wordt voor iedereen prettiger en veel verbeteringen helpen ook uw vindbaarheid. Twijfelt u over uw juridische positie, laat u dan adviseren door een jurist. De volledige uitleg over de wet staat op de European Accessibility Act in Nederland, en voor webshops is er een apart stuk over WooCommerce.

De eisen zijn opgebouwd rond vier principes. Informatie moet waarneembaar zijn, de site moet bedienbaar zijn, de inhoud begrijpelijk en de code robuust genoeg voor hulpmiddelen. Hoe dat er in de praktijk uitziet, leest u in de vier principes van WCAG in gewone taal. Wat niveau AA concreet betekent, staat op WCAG niveau AA uitgelegd.

Een van de bekendste eisen gaat over contrast. Gewone tekst moet een contrastverhouding van minstens 4,5 staat tot 1 hebben met de achtergrond. Lichtgrijze tekst en felle huisstijlkleuren halen dat vaak net niet, terwijl een iets donkerdere tint het probleem oplost zonder dat uw ontwerp verandert.

• Te weinig contrast in lopende tekst, placeholders en knoppen. Zie kleurcontrast verbeteren.
• Geen zichtbare focus. Wie met het toetsenbord navigeert, ziet niet waar hij is. Meer daarover in zichtbare focus.
• Formuliervelden zonder label en foutmeldingen die alleen uit een rood randje bestaan. Zie toegankelijke formulieren.
• Afbeeldingen zonder bruikbare alt-tekst, of juist met een bestandsnaam als beschrijving.
• Koppen die alleen voor de opmaak zijn gebruikt, waardoor de structuur voor een screenreader niet klopt.
• Menu's, pop-ups en sliders die niet met het toetsenbord te bedienen zijn.
• Linkteksten als "lees meer" die buiten hun context niets zeggen.

Het volledige lijstje, met wat u er zelf aan doet, staat in de tien toegankelijkheidsfouten die wij het vaakst zien. Wilt u zien hoe het met het toetsenbord gaat op een site zonder zichtbare focus, kijk dan hieronder.

U krijgt een rapport in gewone taal, met per probleem waar het zit, welk WCAG-criterium het raakt en hoe ernstig het is. Daarna herstellen wij de problemen in uw thema, plugins en content, tegen een vaste prijs die u vooraf weet. Wilt u het herstel liever door uw eigen bouwer laten doen, dan kan dat ook met ons rapport. Na het herstel testen wij opnieuw en stellen wij een eerlijke toegankelijkheidsverklaring op.

Meer over de test zelf leest u op een WCAG-audit laten doen. Heeft u al een rapport of een klacht en wilt u vooral dat het opgelost wordt, kijk dan bij toegankelijkheidsproblemen laten herstellen.

Een widget is ook geen basis voor een verklaring of voor naleving van de norm. Wij halen daarom liever de oorzaak weg. Wat zo'n plugin wel en niet doet, staat op toegankelijkheidsplugins en overlays.

Wat wij wel doen: na een eerste blik op uw site hoort u wat een audit kost, en na de audit wat het herstel kost. Pas als u akkoord bent, beginnen wij. De factoren op een rij leest u op wat het kost om een website toegankelijk te maken. Bouwt u liever helemaal opnieuw, dan is een toegankelijke website laten maken de logischere stap.

Wilt u eerst zelf een indruk krijgen, volg dan de test die u in dertig minuten zelf doet. Of vraag hieronder een toegankelijkheidscheck aan, dan kijken wij met u mee.