Toegankelijk voor iedereen — standaard, geen optie

Ongeveer 1 op de 4 Nederlanders heeft een vorm van beperking: slechtziend, motorisch beperkt, kleurenblind of afhankelijk van een schermlezer. Een website die voor hen niet werkt, is een deur die dichtzit — en dus omzet die je nooit ziet, want die bezoeker klikt gewoon door naar een concurrent waar het wél werkt.

Veel platforms behandelen toegankelijkheid als een vinkje achteraf of een betaalde add-on. Bij HotsaCity is het de standaard waarin alles gebouwd is. Elke knop, elk formulier, elke tabel en elke modal in het platform volgt de internationale richtlijn WCAG 2.1 op niveau AA — van je eigen admin-dashboard tot het klantportaal en het werknemersportaal, en van daaruit door naar de website die jij publiceert.

Dat is geen belofte op papier: er zijn ruim 280 componenten stuk voor stuk geaudit en waar nodig herbouwd, en de code is inmiddels voor ongeveer 99% aantoonbaar WCAG 2.1 AA op code-niveau. Voor terugkerende patronen — modals, tabs, tabellen, meldingen — bestaan 8 herbruikbare toegankelijke componenten, zodat ook alles wat er in de toekomst bij komt automatisch aan dezelfde lat hangt.

Een schermlezer leest een webpagina hardop voor of zet hem om naar braille. Dat werkt alleen als de pagina onder de motorkap klopt: een knop met alleen een prullenbak-icoontje is voor een ziende bezoeker duidelijk, maar voor een schermlezer betekenisloos — tenzij er een beschrijvend label aan hangt. Op HotsaCity hangt dat label er altijd.

Hetzelfde geldt voor de lastigere gevallen. Popupvensters (modals) melden zich netjes als dialoogvenster en houden de focus vast, zodat een schermlezer-gebruiker niet “achter” het venster verdwaalt. Tabellen hebben kolomkoppen die als kop herkend worden en een onderschrift dat vertelt waar de tabel over gaat. En als er ergens iets gebeurt — een melding, een statusupdate — wordt dat via een live-regio actief voorgelezen, in plaats van stilletjes ergens op het scherm te verschijnen.

Niet iedereen bedient een website met een muis. Sommige mensen navigeren volledig met het toetsenbord, anderen met een aangepast hulpmiddel, en op een telefoon is elke vinger een “dikke cursor”. Het hele platform is daarom volledig met het toetsenbord te bedienen: elk formulier, elke boekingsflow, elke instelling — zonder dat je ergens vastloopt in een element dat alleen op een muisklik reageert.

Wie tabt, ziet altijd wáár hij is: focus-indicatoren zijn zichtbaar, en een skip-to-content-link brengt je in één sprong voorbij de navigatie naar de inhoud. Aanraakdoelen zijn ruim bemeten, zodat knoppen ook met beperkte motoriek of op een klein scherm raak te tikken zijn. En wie in zijn systeem heeft aangegeven minder beweging te willen (prefers-reduced-motion), krijgt de animaties gedempt — geen zwierende overgangen voor wie daar duizelig van wordt.

Veel toegankelijkheid zit in dingen die je niet ziet. De taal van elke pagina staat expliciet op Nederlands (lang=“nl”), zodat een schermlezer niet met een Engels accent Nederlandse teksten gaat voorlezen. Koppen volgen een logische hiërarchie — h1, dan h2, dan h3 — waardoor een bezoeker met hulpsoftware door de pagina kan springen zoals jij door een inhoudsopgave bladert.

Landmarks (nav, main, aside, section) verdelen elke pagina in herkenbare gebieden, en elk invoerveld is via zijn label echt gekóppeld aan dat veld — niet alleen een tekstje dat er toevallig boven staat. Klik je op het label, dan spring je in het veld; een schermlezer weet precies welk veld hij aankondigt.

Het belangrijkste voor jou als ondernemer: je hoeft hier zelf níets van te weten. De modules waarmee je in de builder je website samenstelt zijn dezelfde toegankelijke bouwstenen als de rest van het platform. Wat jij publiceert, is dus automatisch een toegankelijke website — met contrastwaarden die aan de AA-norm voldoen en een layout die op elk schermformaat werkt.

Digitale toegankelijkheid is in Europa geen vrijblijvend advies meer. De Europese richtlijn (EU) 2016/2102 stelt eisen aan de toegankelijkheid van websites, en in Nederland is die uitgewerkt in het Tijdelijk besluit digitale toegankelijkheid. Voor overheidsorganisaties is dat al verplicht — en wie als bedrijf met overheden of zorginstellingen werkt, krijgt die eisen steeds vaker doorgeschoven in aanbestedingen en leveranciersvragen.

Maar ook los van de regels is toegankelijkheid gewoon goed voor je zaak. Een kwart van je potentiële klanten beter bedienen betekent letterlijk meer bereik. En de dingen die een schermlezer nodig heeft — heldere koppenstructuur, alt-teksten, semantische opbouw — zijn precies de dingen waar zoekmachines van houden. Een toegankelijke site is dus ook een site die beter gevonden wordt.