Hulpsoftware moet weten wat iets is

Een schermlezer leest "Menu openen, knop, dichtgeklapt". Ontbreekt de rol, dan hoort je bezoeker alleen tekst.

Waarom het niet goed is

Hulpsoftware moet weten wat iets is

Elk bedieningselement op je pagina heeft 3 dingen nodig in de code: een naam, een rol en een toestand. Een schermlezer leest die voor als "Menu openen, knop, dichtgeklapt".

Ontbreekt de rol, dan hoort je bezoeker alleen een stuk tekst waarvan hij niet weet dat hij erop kan drukken. Ontbreekt de toestand, dan weet hij niet of de accordeon nu open of dicht is. En zonder naam hoort hij "knop", meer niet.

Dit is meestal niet jouw werk. Op een PRO-site komen accordeons, tabbladen en menu’s uit het platform, en die zijn centraal onderzocht. Dit criterium staat hier omdat je het wel degelijk zelf kunt veroorzaken.

Wat je herstelt

Waar een redactie het wel breekt

  • Eigen code in een pagina. Een ingesloten widget, een kaart of een formulier van een andere partij brengt zijn eigen knoppen mee, en die hoeven niet te deugen.
  • Een link die als knop is bedoeld, of een stuk tekst waar met opmaak een knop van is gemaakt. Gebruik de knop die PRO heeft.
  • Een afbeelding die als bediening dient zonder tekstalternatief. Dan heeft het element geen naam.

Komt de melding uit een component van het platform zelf, dan is het werk van Dienst Publiek en Communicatie. Je kunt het melden, maar je hoeft er niet op te wachten om verder te kunnen.

Hoe je dat doet in PRO

Gebruik de componenten die er zijn

De vuistregel is kort: wil je een accordeon, gebruik dan het accordeoncomponent. Wil je een knop, gebruik dan de knop. Alles wat PRO zelf levert, brengt zijn naam, rol en toestand mee.

Wil je iets insluiten dat niet van PRO is, dan loopt dat via een webapp-aanvraag bij support. Vraag de leverancier van die module om een toegankelijkheidsverklaring of een onderzoeksrapport voordat je hem publiceert; wat je insluit, valt onder jouw verklaring.

Zelf nakijken: loop je pagina door met de Tab-toets. Kom je bij iets wat je kunt bedienen, maar waar de focusrand niet omheen valt, of wat je niet met Enter of de spatiebalk kunt bedienen? Dan klopt de rol niet.

Lees hoe een webapp in PRO werkt

Heb je nog vragen?

Kom je er niet uit, of klopt iets niet met wat jij op je scherm ziet? Laat het weten.