Rapport: toegankelijkheid van Oproepingen applicatie

Knop om kalender te openen is niet opgemaakt als knop

Probleem

In sommige formulieren staat bij datumvelden een kalendericoon. Dat kan worden gebruikt om een kalender te openen. De knop is opgemaakt als a-element (link), terwijl het eigenlijk een knop is. Links navigeren, knops voeren een actie uit; hier is sprake van dat laatste.

Mogelijke oplossing

Gebruik een button-element voor de knop om een kalender te openen.

Herhaling

• Bij het toevoegen van een nieuwe publicatie bestaat de knoppenbalk van de teksteditor niet uit knoppen, maar uit div- en span-elementen. Ook hier hebben button-elementen de voorkeur.

Lijst zoekresultaten is niet opgemaakt als lijst

Probleem

Na een zoekopdracht krijgt de gebruiker een lijst van zoekresultaten te zien. Deze lijst is opgemaakt met div- en span-elementen. Dit geeft onvoldoende hun samenhang weer.

Mogelijke oplossing

Gebruik een ul- of ol-element met daarin voor elk resultaat een li-element.

Scrollen in twee richtingen bij 400% zoom

Probleem

Wie 400% inzoomt moet zowel horizontaal als verticaal scrollen. Daardoor is het voor mensen met slecht zicht moeilijk om de informatie tot zich te nemen.

Mogelijke oplossing

Bouw de pagina's responsive, zorg dat inhoud die niet naast elkaar past onder elkaar verschijnt.

Tekst in footer heeft onvoldoende contrast met achtergrondkleur

Probleem

De tekst in de footer, blauw op grijsblauw, heeft onvoldoende contrast met de achtergrond: 3.24 : 1. Dit zou minimaal 4.5 : 1 moeten zijn.

Mogelijke oplossing

Kies twee kleuren die minimaal een contrast van 4.5 : 1 hebben.

Herhaling

Dit probleem is ook geconstateerd bij:

• witte tekst in de header (3.11 : 1), waaronder kop ‘Zoeken’, link ‘Uitloggen’, knop ‘Documenten zoeken’

Knoppen in teksteditor niet bereikbaar met toetsenbord

Probleem

Wanneer een nieuwe publicatie wordt aangemaakt, verschijnt een teksteditor. De knoppen die in deze editor functies als knippen, plakken en lijsten toevoegen zijn niet toegankelijk met het toetsenbord.

Mogelijke oplossing

Zorg dat de knoppen met toetsenbord werken, bijvoorbeeld door button-elementen te gebruiken, die werken standaard met het toetsenbord. Zorg ook dat er focusstijlen aanwezig zijn, zodat een toetsenbordgebruiker weet waar hij of zij op zeker moment is.

Paginatitel beschrijft doel pagina's niet

Probleem

De pagina's hebben een title-element om de pagina te beschrijven, maar de inhoud van dit element is op elke pagina “DRP”. Die tekst beschrijft het doel van de pagina's niet.

Mogelijke oplossing

Gebruik op elke pagina een unieke tekst voor de title, bijvoorbeeld “Groep werkvoorraad - Oproepingen”, “Nieuwe publicatie - Oproepingen. Het is aan te raden het meest algemene deel, Oproepingen, als laatste te zetten, en het meest specifieke, zoals de naam van de pagina, als eerste.

Knop om kalender te openen heeft geen inhoud

Probleem

In de Uitgebreid Zoeken pagina staat bij datumvelden een kalendericoon. Dat kan worden gebruikt om een kalender te openen. Dit veld is opgemaakt als link zonder tekst:

<a 
  class="calendarbutton" 
  target="[object HTMLInputElement]" 
  href="#">
</a>

Zonder tekst heeft de link geen naam.

Mogelijke oplossing

Voeg tekst toe aan de link, bijvoorbeeld “Toon kalender”.

Zoekveld heeft geen label

Probleem

Op elke pagina staat linksboven een zoekveld. Aan dit veld is geen label-element gekoppeld, waardoor het geen toegankelijke naam heeft. Het is daardoor niet makkelijk bruikbaar voor hulptechnologieën. Een gebruiker van een schermlezer zal bijvoorbeeld minder makkelijk kunnen achterhalen waar het veld voor is.

Mogelijke oplossing

Voeg een label-element toe, met een for-attribuut dat verwijst naar het id van het zoekveld, bijvoorbeeld:

<label for="zoeken">zoekterm</label>
<input id="zoeken">