ACCESIBILIDAD ≠ OVERLAY · 29

Webtoegankelijkheid hangt niet af van een zwevende knop

📅 28 oktober 2026 · ⏱ 9 min leestijd

Een zwevende knop kan de weergave veranderen, maar garandeert niet dat mensen kunnen navigeren, formulieren begrijpen en aankopen afronden.

01. Toegankelijkheid installeer je niet achteraf

Een overlay kan contrast, tekstgrootte of spatiëring aanpassen. Dat kan nuttig zijn, maar herstelt de onderliggende onderdelen niet automatisch.

Toegankelijkheid hoort bij ontwerp, ontwikkeling, inhoud en doorlopend onderhoud.

02. De code achter het uiterlijk

Een knop met alleen een pictogram heeft een toegankelijke naam nodig. Formuliervelden vereisen labels en koppen een logische hiërarchie.

Andere kleuren geven schermlezers geen ontbrekende semantische informatie.

03. Een aankoop die vastloopt

Stel je een webshop met een widget voor. Een bevestigingsvenster opent, maar de toetsenbordfocus blijft achter het venster.

Grotere tekst helpt dan niet. Focusbeheer, bediening en het sluiten van het venster moeten goed werken.

04. Ook inhoud kan uitsluiten

Informatieve afbeeldingen vereisen tekstalternatieven. Onduidelijke links en foutmeldingen zonder uitleg maken eenvoudige taken lastig.

Begrijpelijke taal en heldere instructies zijn wezenlijke onderdelen van toegankelijkheid.

05. Toetsenbord en hulptechnologie

Navigeer met Tab en Shift+Tab. Controleer of focus zichtbaar is, knoppen werken en menu’s geen toetsenbordvallen bevatten.

Test formulieren ook met een schermlezer en op mobiele apparaten.

06. Wat een overlay niet garandeert

Een zwevend paneel bewijst geen WCAG-conformiteit en vervangt geen audit. Automatische controles vinden slechts een deel van de problemen.

Nieuwe formulieren en updates kunnen nieuwe barrières veroorzaken.

07. Een praktische test van vijf minuten

Kies een echte taak, zoals contact opnemen of iets kopen. Leg de muis weg en gebruik alleen het toetsenbord.

Noteer onzichtbare focus, ontbrekende labels en geblokkeerde stappen en pak de oorzaken aan.

08. Bouw duurzame toegankelijkheid

Gebruik semantische HTML, toegankelijke componenten, zichtbare focus en begrijpelijke formulieren.

Volg WCAG 2.2, combineer handmatige en automatische tests en controleer elke wijziging.