Een website kan perfect op een telefoon passen en toch verhinderen dat iemand een offerte aanvraagt. Het menu vraagt misschien een muis, een veld heeft geen duidelijk label of een fout wordt niet aangekondigd door een schermlezer. Responsive design behandelt schermformaten. Toegankelijkheid onderzoekt of mensen met verschillende mogelijkheden en manieren van bedienen de site kunnen begrijpen en gebruiken.
Begin bij het klanttraject
Kies een belangrijke taak, zoals een dienst vinden en een gesprek aanvragen. Probeer die zonder muis. Volg de volgorde van bedieningselementen, open en sluit het menu, vul gegevens in en verstuur het formulier. Noteer waar het onduidelijk of onmogelijk wordt. W3C bespreekt visuele, auditieve, fysieke, spraak-, cognitieve en neurologische beperkingen in de inleiding tot webtoegankelijkheid.
Voor een fictief boekhoudkantoor heeft het afsprakenformulier meer gevolgen dan een decoratieve animatie. Geef voorrang aan de afspraakmogelijkheden vinden, een tijdstip kiezen en de bevestiging begrijpen. Een praktische controle volgt de hele reeks, inclusief fouten en geslaagde acties. Automatische controles helpen, maar bewijzen niet dat elke klant die reeks kan afronden.
Maak toetsenbordnavigatie begrijpelijk
Interactieve elementen moeten met het toetsenbord bereikbaar en bedienbaar zijn. Bezoekers moeten zien welk element op dat moment focus heeft. De volgorde hoort logisch door de pagina te lopen, zonder onverwacht tussen secties te springen. Wanneer een dialoogvenster opent, moet iemand het kunnen gebruiken en naar de pagina terugkeren zonder vast te lopen.
Laat een professional de uitvoering van menu’s, tabbladen, dialoogvensters en eigen bedieningselementen controleren. Een visueel overtuigende imitatie van een knop heeft mogelijk niet het verwachte gedrag. Standaard HTML-elementen bieden een nuttige basis wanneer ze passend gekozen zijn, maar vormgeving en applicatielogica kunnen nog problemen toevoegen. Noteer precies welke actie faalt, in plaats van de hele site op basis van één waarneming te beoordelen.
Maak formulierfouten herstelbaar
Een voorbeeldtekst in een leeg veld verdwijnt gemakkelijk zodra iemand typt. Gebruik duidelijke labels, leg uit welke gegevens verplicht zijn en vraag geen overbodige informatie. Foutmeldingen moeten aangeven wat te corrigeren en verbonden blijven met het betreffende veld. Bewaar bruikbare ingevulde informatie zodat een fout iemand niet dwingt opnieuw te beginnen.
Bij het fictieve boekhoudkantoor laat een onverklaarde rode rand rond het telefoonveld de bezoeker raden. Een concrete uitleg over het toegestane formaat helpt meer. Test een ontbrekend verplicht antwoord en een ongeldige waarde. Controleer daarna hoe de fout visueel en via ondersteunende technologie wordt overgebracht. Leg ook uit wat volgt na een geslaagde verzending, waaronder wanneer de bezoeker een antwoord mag verwachten.
Ontwerp voor lezen en begrijpen
Leesbare letters, voldoende contrast, betekenisvolle koppen en beschrijvende links helpen klanten hun weg vinden. Gebruik niet alleen kleur om belangrijke toestanden te onderscheiden. Informatieve afbeeldingen vragen tekstalternatieven; puur decoratieve beelden hebben een andere functie. Overweeg ondertiteling en andere alternatieven wanneer audiovisuele inhoud essentiële informatie bevat.
Een herkenbaar merkontwerp kan met die behoeften samengaan. Dat vereist geen bleke tekst, piepkleine bijschriften of een raadselachtig menu. Onze gids over merkstrategie legt uit hoe ontwerpkeuzes bij het publiek beginnen. Controleer vergrote tekst, smalle schermen en voorkeuren voor minder beweging naast de gewone lay-out. Zorg dat inhoud beschikbaar blijft.
Geef de controle een duidelijke afbakening
Spreek af welke pagina’s, onderdelen en klanttrajecten beoordeeld worden en welke toegankelijkheidsstandaard richting geeft. De uitspraak dat een site “toegankelijk” is, is zonder afbakening en bewijs moeilijk te beoordelen. Handmatige controles, tests met ondersteunende technologie en passend specialistisch advies vullen automatische bevindingen aan. Wettelijke verplichtingen hangen van de dienst en situatie af en vragen waar relevant een afzonderlijke beoordeling.
Wijzigingen na lancering kunnen nieuwe drempels toevoegen, zoals een boekingstool of nieuwe media. Onze lanceringschecklist voor AI-websites helpt vooraf controleren. Het dossier over professionele websites verbindt die checks met onderhoud. Wijs verantwoordelijkheid toe om essentiële trajecten bruikbaar te houden, in plaats van de eerste controle als permanente goedkeuring te zien.
Webility’s dienst voor webdesign en ontwikkeling kan toegankelijkheid in de projectafspraken opnemen. Bespreek welke acties elke klant moet kunnen voltooien zodat ontwerp, inhoud en uitvoering aan hetzelfde praktische doel werken.
