Skip to content

Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →

Barrierefreiheit

Hoe weten blinde bezoekers van statusmeldingen op een website?

Blinde bezoekers horen alleen van statusmeldingen als de website deze technisch als melding markeert — dan kondigt de schermleessoftware deze automatisch aan, zonder dat de bezoeker zijn huidige positie verlaat. Verschijnt de melding „Item is aan winkelwagen toegevoegd” alleen visueel aan de rand van het scherm, blijft het voor schermleessoftware stil. WCAG-criterium 4.1.3 vereist dat statusmeldingen programmatisch herkenbaar zijn.

Een stille melding is als knikken aan de telefoon

Statusmeldingen begeleiden bijna elke handeling op het web: „Item in winkelwagen”, „3 resultaten gevonden”, „Uw bericht is verzonden”, „Formulier wordt geladen”. Ziende bezoekers nemen ze terloops waar. Een blinde bezoeker heeft zijn focus echter ergens anders — bijvoorbeeld nog steeds op de knop die hij zojuist ingedrukt heeft. Verschijnt de bevestiging alleen visueel, dan weet hij nooit of zijn handeling werkte. Hij drukt opnieuw, legt het artikel dubbel in het winkelwagen of geeft gefrustreerd op. De oplossing: het meldingsgebied wordt in de broncode als statusgebied gemarkeerd. Schermleessoftware observeert dergelijke gebieden en kondigt nieuwe inhoud automatisch aan — de bezoeker blijft op zijn plaats en hoort toch de bevestiging.

Zo test de controledienst statusmeldingen

De automatische meting met axe-core controleert de technische kant van bestaande meldingsgebieden: zijn de markeringen geldig en regelconform gebruikt, zodat hulpprogramma's ze kunnen verwerken. De cruciale vraag gaat verder: wordt elke melding die ontstaat tijdens echte bediening ook werkelijk aangekondigd. Dat kan alleen worden beoordeeld door iemand die de website bedient en luistert. Ons rapport wijst dit deel daarom openlijk uit als handmatige testpunt. Bij de gouden standaard voert een persoon typische handelingen uit — iets in het winkelwagen leggen, een formulier verzenden, een zoekopdracht starten — en controleert met de schermleessoftware of de bevestiging hoorbaar aankomt. Een lege test is voor ons een fout, nooit een vrijbrief.

Beispiele

Warenkorb-Meldung nur sichtbar

Verstoß
<div class="toast">Artikel im Warenkorb</div>
Erfüllt
<div role="status" aria-live="polite">Artikel im Warenkorb, jetzt 3 Artikel</div>

Mit role="status" wird die Meldung angesagt, ohne den Fokus zu verschieben. Für Fehler mit Handlungsbedarf: role="alert".

  • Verzamel alle statusmeldingen op uw website: winkelwagen-bevestigingen, zoekresultaat-tellers, verstuur-bevestigingen, laadmeldingen.
  • Vraag uw bureau om de meldingsgebieden in de broncode als statusgebieden te markeren, zodat schermleessoftware deze kan aankondigen.
  • Test met de in uw besturingssysteem ingebouwde schermleessoftware of de melding na de handeling hoorbaar wordt aangekondigd.
  • Houd statusmeldingen kort en ondubbelzinnig — de tekst wordt woordelijk aangekondigd, lange meldingen vermoeien bij het luisteren.

Deutsche Fassung dieser Seite