Openbare voorzieningen moeten bruikbaar en toegankelijk zijn voor alle burgers. Net zoals een gebouw rolstoeltoegankelijk moet zijn, moet een website of mobiele app ook bediend kunnen worden door mensen met een beperking. Dit kunnen bijvoorbeeld visuele, auditieve of motorische beperkingen zijn. Denk aan slechtzienden, doven en slechthorenden en mensen die hun handen niet of in beperkte mate kunnen gebruiken. Ook cognitieve factoren spelen een rol: is de content voor iedereen te begrijpen?
De Web Content Accessibility Guidelines (WCAG) versie 2.1 AA is het verplichte niveau onder de Europese standaard EN 301 549 en de European Accessibility Act. Deze criteria variëren van technisch functionele eisen zoals een goede werking met het toetsenbord tot aan meer inhoudelijke eisen zoals duidelijke foutmeldingen en een heldere navigatiestructuur.
Dit onderzoek is handmatig uitgevoerd volgens de WCAG-EM evaluatiemethode met ondersteuning van automatische test tools. De pagina’s uit de sample zijn onderzocht op alle voor dit onderzoek relevante WCAG criteria. Wanneer aan een criterium niet wordt voldaan, wordt hiervan minimaal één voorbeeld gegeven. Deze bevindingen kunnen op meer plekken voorkomen en moeten daarom structureel worden aangepakt.
De WCAG criteria zijn ingedeeld volgens vier principes, welke ook de leidraad vormen voor dit rapport: Waarneembaar, Bedienbaar, Begrijpelijk en Robuust. Gedetailleerde informatie over deze criteria is te vinden op de website van het W3C (Nederlandse vertaling).
Over deze evaluatie
Rapport auteur
Janita Top
Evaluatie opdrachtgever
Gemeente Almere
Evaluatiedatum
1 mei 2026
Managementsamenvatting
Uit dit onderzoek blijkt dat wordt voldaan aan 30 van de 55 criteria voor toegankelijkheid. Veel onderdelen van de site zijn dus al goed toegankelijk, maar er zijn nog verbeteringen mogelijk.
Positief is bijvoorbeeld dat er geen zintuiglijke eigenschappen worden gebruikt om betekenis over te brengen, dat er geen afbeeldingen van tekst worden gebruikt en dat de taal van de pagina’s goed is ingesteld.
Verbeteringen zijn echter nog mogelijk op diverse punten, zoals:
Onjuiste of missende alt-teksten bij afbeeldingen
Te laag contrast van tekst
Invoervelden zonder labels
Niet alle functionaliteit werkt met het toetsenbord
Scope van de evaluatie
Website naam
positiefgezondalmere.nl
Scope van de website
Alle pagina's op https://positiefgezondalmere.nl/.
WCAG Versie
2.2
Conformiteitsdoel
AA
Basisniveau van toegankelijkheid-ondersteuning
Gangbare webbrowsers en hulpapparatuur.
Verdere onderzoeksvereisten
Uitgebreide toetsresultaten
Samenvatting
Gerapporteerd over 55 van 55 WCAG 2.2 AA
Success Criteria.
18Voldoende
25Onvoldoende
12Niet van toepassing
0Niet getoetst
Alle resultaten
1 Waarneembaar
1.1 Tekstalternatieven
Success Criterium
Uitkomst
Bevindingen
1.1.1: Niet-tekstuele content
Hele sample
Uitkomst: Onvoldoende
Over ons
Uitkomst: Onvoldoende
Waar bouwen wij aan
Uitkomst: Onvoldoende
Programmateam
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Het logo in de header heeft geen alternatieve tekst. Zorg dat de alternatieve tekst minimaal de zichtbare tekst bevat, zodat screenreadergebruikers dezelfde informatie krijgen als ziende gebruikers.
In de header staat een icoontje van toegankelijkheid. Dit icoon is verborgen voor hulpsoftware en er staat ook geen alternatieve tekst. Voor gebruikers van hulpsoftware is het nu niet duidelijk dat deze optie er is. Voeg bijvoorbeeld een knop toe met een aria-label.
Over ons
Onder ‘Wie maken het mogelijk’ staan logo’s van organisaties. Deze logo’s hebben allemaal een lege alt-tekst, maar dit zijn geen decoratieve afbeeldingen. Zorg dat alle logo’s een alternatieve tekst hebben met minimaal de zichtbare tekst. Zie screenshot 4.
Opmerking: Bij ‘Bekijk onze projectleiders’ staan portretfoto’s. Deze foto’s staan echter niet in een img-element maar als achtergrondafbeelding. Een screenreadergebruiker weet nu niet dat hier foto’s bij staan. Gebruik voor afbeeldingen van content bij voorkeur img-elementen met een goede alternatieve tekst. Dit komt op veel plekken op de website voor.
Waar bouwen wij aan
De afbeeldingen op de pagina hebben vreemde alternatieve teksten. De afbeeldingen hebben een ‘role=”img” en een ‘aria-label’-attribuut gekregen met teksten als ‘RichardTerborg_PeterPrins70’. Maak hier goede beschrijvende teksten van.
Programmateam
Niet alle foto’s hebben een goede alternatieve tekst. Zo staat er bij de foto van Renate Joon de alt-tekst “JDH50774_PGA_9mei_2025-2”.
1.2 Op tijd gebaseerde media
Success Criterium
Uitkomst
Bevindingen
1.2.1: Louter-geluid en louter-videobeeld (vooraf opgenomen)
Hele sample
Uitkomst: Niet van toepassing
1.2.2: Ondertitels voor doven en slechthorenden (vooraf opgenomen)
Hele sample
Uitkomst: Onvoldoende
Nieuwsartikel BRUIS (video)
Uitkomst: Onvoldoende
Nieuwsartikel BRUIS (video)
De ondertiteling is automatisch gegenereerd en bevat enkele fouten. Zorg voor een correcte ondertiteling zodat iedereen de juiste informatie krijgt.
1.2.3: Audiodescriptie of media-alternatief (vooraf opgenomen)
Hele sample
Uitkomst: Onvoldoende
Nieuwsartikel BRUIS (video)
Uitkomst: Onvoldoende
Nieuwsartikel BRUIS (video)
Er komt informatie in beeld die niet wordt uitgesproken, zoals teksten in het begin en einde van de video en tussendoor namen van geïnterviewden. Mensen die deze teksten niet kunnen zien, krijgen deze informatie niet mee. Behalve audiodescriptie kan deze informatie (onder dit niveau A criterium) ook via een alternatief worden aangeboden, zoals een uitgeschreven tekst onder de video.
1.2.4: Ondertitels voor doven en slechthorenden (live)
Hele sample
Uitkomst: Niet van toepassing
1.2.5: Audiodescriptie (vooraf opgenomen)
Hele sample
Uitkomst: Onvoldoende
Nieuwsartikel BRUIS (video)
Uitkomst: Onvoldoende
Nieuwsartikel BRUIS (video)
Er komt informatie in beeld die niet wordt uitgesproken, zoals teksten in het begin en einde van de video en tussendoor namen van geïnterviewden. Mensen die deze teksten niet kunnen zien, krijgen deze informatie niet mee. Onder dit niveau AA kan niet worden volstaan met een alternatief, maar is audiodescriptie vereist.
1.3 Aanpasbaar
Success Criterium
Uitkomst
Bevindingen
1.3.1: Info en relaties
Hele sample
Uitkomst: Onvoldoende
Homepage
Uitkomst: Onvoldoende
Jaarbeeld detailpagina
Uitkomst: Onvoldoende
Waar bouwen wij aan
Uitkomst: Onvoldoende
Activiteiten
Uitkomst: Onvoldoende
PDF infographic jaarbeeld 2025
Uitkomst: Onvoldoende
PDF transformatieplan
Uitkomst: Onvoldoende
Homepage
De eerste paragraaf is opgemaakt met het strong-element. Dat is hier niet voor bedoeld, maar voor het uitlichten van enkele woorden die extra aandacht behoeven. Screenreaders kunnen deze teksten op een andere manier voorlezen. Gebruik CSS om deze paragraaf anders te stylen. Dit komt op meerdere pagina’s en op meerdere plekken op de pagina voor.
Jaarbeeld detailpagina
Op deze pagina staan meerdere contentblokken met kopjes er boven. Boven de eerste 2 blokken zijn de kopjes in de code niet als kopelement opgemaakt, waardoor deze niet als zodanig te herkennen zijn door screenreadergebruikers. Maak hier ook (h3-)kopjes van. Zie screenshot 6.
Waar bouwen wij aan
Op deze pagina staan veel items met een h3-kop, zonder dat er content achter volgt. Dit is verwarrend voor screenreadergebruikers die via koppen navigeren. Beter is het om hier de kopopmaak weg te halen, zodat het enkel links zijn.
Activiteiten
De activiteiten hebben visueel kopjes, maar deze zijn in de code niet als kopelement opgemaakt. Hierdoor zijn de verschillende secties niet te onderscheiden, aangezien alle onderdelen enkel als div-element staan opgemaakt. Aangeraden wordt om de activiteiten in een lijst te zetten en boven elke activiteit een kopelement te gebruiken, bijvoorbeeld h2.
De invoervelden onder de filters hebben geen label. Er staat een placeholdertekst, maar een placeholder is niet altijd beschikbaar en wordt niet altijd voorgelezen door screenreaders. Voeg een label-element of aria-label toe met bijvoorbeeld ‘zoekwoord’. Voor hulpsoftware is een label altijd vereist. Voor ziende gebruikers kan het ook beter zijn een duidelijk tekstlabel te tonen dat altijd blijft staan.
Er zijn invoervelden die behoren tot een groep, zoals Prijs en Datum. Deze velden zijn in de code echter niet gegroepeerd en hebben geen groepslabel. Dit kan worden gedaan via een fieldset en legend of via role="group" en een “aria-labelledby”-attribuut dat verwijst naar de beschrijvende h3-kop. Met een groepslabel worden bij losse invoervelden met waarden als ‘ja’ en ‘nee’ ook het groepslabel voorgelezen, zodat de relatie ook duidelijk is wanneer je deze niet kunt zien.
Binnen de popup is er visueel een lijst met gegevens. In de code is het echter enkel tekst in div-elementen. Maak hier bijvoorbeeld een dl-element van zodat screenreadergebruikers ook een duidelijke lijst krijgen voorgelezen.
PDF infographic jaarbeeld 2025
De PDF heeft geen tags (codelaag) en daardoor is er voor hulpsoftware zoals screenreaders geen informatie beschikbaar om de PDF te interpreteren. Deze codelaag wordt aangemaakt in het bronbestand (bijvoorbeeld Word of Indesign) en moet van daaruit goed worden geëxporteerd. Wanneer de codelaag aanwezig is en aan de richtlijnen voldoet, kan hulpsoftware de inhoud juist weergeven voor de gebruiker, zoals ook bij goed opgebouwde HTML-pagina's het geval is.
PDF transformatieplan
De PDF heeft geen tags (codelaag) en daardoor is er voor hulpsoftware zoals screenreaders geen informatie beschikbaar om de PDF te interpreteren.
1.3.2: Betekenisvolle volgorde
Hele sample
Uitkomst: Voldoende
1.3.3: Zintuiglijke eigenschappen
Hele sample
Uitkomst: Voldoende
1.3.4: Weergavestand
Hele sample
Uitkomst: Voldoende
1.3.5: Identificeer het doel van de input
Hele sample
Uitkomst: Onvoldoende
Contact
Uitkomst: Onvoldoende
Contact
De invoervelden voor persoonlijke informatie zoals naam en e-mail hebben geen mechanisme waarmee de invoer automatisch kan worden aangevuld. Dit maakt het invullen van formulieren voor veel gebruikers gemakkelijker, bijvoorbeeld voor mensen voor wie het invoeren van tekst veel tijd kost omdat dit via speciale hulpmiddelen gaat, of voor mensen met cognitieve beperkingen. Dit kan worden verbeterd door ‘autocomplete’ attributen te plaatsen bij de invoervelden. Zie voor meer informatie https://www.w3.org/WAI/WCAG21/Techniques/html/H98 en voor een lijst van alle attributen https://www.w3.org/TR/WCAG21/#input-purposes.
1.4 Onderscheidbaar
Success Criterium
Uitkomst
Bevindingen
1.4.1: Gebruik van kleur
Hele sample
Uitkomst: Voldoende
1.4.2: Geluidsbediening
Hele sample
Uitkomst: Niet van toepassing
1.4.3: Contrast (minimum)
Hele sample
Uitkomst: Onvoldoende
Contact
Uitkomst: Onvoldoende
Jaarbeeld detailpagina
Uitkomst: Onvoldoende
Activiteiten
Uitkomst: Onvoldoende
PDF infographic jaarbeeld 2025
Uitkomst: Onvoldoende
PDF transformatieplan
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Tekst moet een contrast hebben van minimaal 4,5:1 voor slechtzienden en kleurenblinden. Dat geldt ook voor actieve elementen zoals op hover en focus. Onderstaande elementen op de website zitten qua contrast onder deze waarden.
Oranje knoppen met witte tekst zoals ‘zoeken’ en ‘lees meer’.
Witte teksten op oranje vlakken zoals bij ‘Activiteiten in Almere’.
Witte teksten die boven foto’s staan (afhankelijk van de foto), zoals het hoofdmenu en de kop van de pagina en in carousels
Witte teksten op gele achtergrond (of andersom), zoals actieve menu-items
Contact
De teksten van de placeholders in het formulier.
Jaarbeeld detailpagina
De oranje teksten op groene achtergrond onderaan de pagina.
Activiteiten
De placeholdertekst ‘zoek op locatie’.
PDF infographic jaarbeeld 2025
De oranje teksten (op lichtroze en op de blauwe achtergrond).
PDF transformatieplan
De witte teksten op lichtblauwe achtergrond (omslag)
De oranje teksten en witte teksten op oranje en gele achtergrond.
1.4.4: Herschalen van tekst
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Vanaf 200% zoom is de cookie knop niet meer beschikbaar. Maak de layout zodanig responsive dat alle content en functionaliteit bij inzoomen tot minimaal 200% beschikbaar blijft.
1.4.5: Afbeeldingen van tekst
Hele sample
Uitkomst: Voldoende
1.4.10: Reflow
Hele sample
Uitkomst: Onvoldoende
Activiteiten
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Maak de layout zodanig responsive dat alle content en functionaliteit bij inzoomen tot 400% (vergelijkbaar met 320 px breed) goed bruikbaar blijft, en er niet in twee richtingen gescrold hoeft te worden. Op onderstaande plekken op de site is dit niet het geval. (Getest op 1280px breed.)
Activiteiten
Op 400% zoom zijn niet alle activiteiten meer te zien. Ze vallen weg onderaan de iframe. Zie screenshot 9.
1.4.11: Contrast van niet-tekstuele content
Hele sample
Uitkomst: Onvoldoende
Contact
Uitkomst: Onvoldoende
Activiteiten
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Grafische elementen moeten een contrast hebben van minimaal 3:1. Dit geldt ook voor de randen of achtergrondkleur van invoervelden. Onderstaande elementen op de website zitten qua contrast onder deze waarden.
De menuknop (wit/geel) om het menu te openen en te sluiten. Zie screenshot 7.
De witte pijlknoppen op de sliders en de ‘dots’ van de slides.
De oranje toggle in de cookiebanner.
Contact
De invoervelden van het formulier hebben een te laag contrast ten opzichte van de achtergrond. Slechtzienden kunnen hierdoor moeite hebben om te bepalen waar ze input kunnen geven. Verhoog het contrast van de velden of voeg een rand toe van tenminste 3:1.
Activiteiten
De oranje knop om de popup te sluiten.
1.4.12: Tekstafstand
Hele sample
Uitkomst: Voldoende
1.4.13: Content bij hover of focus
Hele sample
Uitkomst: Niet van toepassing
2 Bedienbaar
2.1 Toetsenbordtoegankelijk
Success Criterium
Uitkomst
Bevindingen
2.1.1: Toetsenbord
Hele sample
Uitkomst: Onvoldoende
Activiteiten
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
De toegankelijkheidsopties in de header zijn niet te bereiken met het toetsenbord. Zie ook 4.1.2.
Activiteiten
Binnen de filters is het niet mogelijk uit de dropdowns een optie te kiezen met het toetsenbord.
De activiteiten kunnen niet geopend worden met het toetsenbord. Dit zijn link elementen, maar zonder ‘href’-attribuut.
2.1.2: Geen toetsenbordval
Hele sample
Uitkomst: Voldoende
2.1.4: Enkel teken sneltoetsen
Hele sample
Uitkomst: Onvoldoende
Nieuwsartikel BRUIS (video)
Uitkomst: Onvoldoende
Nieuwsartikel BRUIS (video)
Op deze pagina wordt gebruik gemaakt van een videospeler. Binnen deze videospeler is het mogelijk om sneltoetsen van één karakter te gebruiken voor de bediening. Het probleem is hier dat deze sneltoetsen ook actief zijn als de toetsenbordfocus op een ander element binnen de video staat. Dit kan problemen opleveren voor mensen die met spraakbediening werken en waarbij deze letters kunnen voorkomen in de woorden die uitgesproken worden. Ook kan dit problemen opleveren voor mensen die per ongeluk een toets op het toetsenbord indrukken. Een oplossing is om de embedcode van de YouTube video aanpassen zodat de bediening met tekentoetsen uit staat. De eigenschap die toegevoegd moet worden aan de embedcode is 'disablekb=1'. Dus op deze manier: src="https://www.youtube.com/embed/_XXXXXXXXXX?disablekb=1" Zie ook https://developers.google.com/youtube/player_parameters#disablekb
2.2 Genoeg tijd
Success Criterium
Uitkomst
Bevindingen
2.2.1: Timing aanpasbaar
Hele sample
Uitkomst: Niet van toepassing
2.2.2: Pauzeren, stoppen, verbergen
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Op de website komen op veel plekken carousels voor, zoals op de homepage onder ‘Blijf op de hoogte’. Deze beweging is niet te stoppen of te pauzeren. Dit is hinderlijk voor mensen die bijvoorbeeld concentratieproblemen hebben of ADHD. De beweging leidt erg af van de tekst. Zorg ervoor dat er een mechanisme komt om de carousel stop te zetten, bijvoorbeeld een pauzeknop. Let erop dat deze knop ook werkt met het toetsenbord.
2.3 Toevallen en fysieke reacties
Success Criterium
Uitkomst
Bevindingen
2.3.1: Drie flitsen of beneden drempelwaarde
Hele sample
Uitkomst: Voldoende
2.4 Navigeerbaar
Success Criterium
Uitkomst
Bevindingen
2.4.1: Blokken omzeilen
Hele sample
Uitkomst: Voldoende
Hele sample
Bevindingen:
Opmerking: er staat een skiplink in de header, maar deze werkt niet.
2.4.2: Paginatitel
Hele sample
Uitkomst: Onvoldoende
PDF infographic jaarbeeld 2025
Uitkomst: Onvoldoende
PDF transformatieplan
Uitkomst: Onvoldoende
PDF infographic jaarbeeld 2025
Het PDF-bestand heeft geen titel. Voor gebruikers van hulpsoftware is het voor de navigatie tussen documenten belangrijk dat de titel duidelijk maakt waar ze zijn. Wanneer een pdf geen titel heeft wordt de bestandsnaam getoond, deze is niet altijd even duidelijk. Pas de titel aan in de Documenteigenschappen in Adobe PDF. Stel daarnaast in de eigenschappen in dat de documenttitel wordt getoond in plaats van de bestandsnaam.
PDF transformatieplan
Het PDF-bestand heeft geen titel.
2.4.3: Focus volgorde
Hele sample
Uitkomst: Onvoldoende
Jaarbeeld 2025
Uitkomst: Onvoldoende
Voorzorgcirkels
Uitkomst: Voldoende
Hele sample
Bevindingen:
Binnen de zoekfunctie komt de focus na het invoerveld op een onzichtbaar element. Dit kan verwarrend zijn voor toetsenbordgebruikers. Zorg dat verborgen onderdelen ook geen focus kunnen ontvangen.
Jaarbeeld 2025
Op elk item komt de focus zes keer, waarvan maar één keer met een goede zichtbare focus om de linktekst. Dit maakt het navigeren met het toetsenbord erg lastig. Haal de overbodige links weg of zorg dat deze in ieder geval geen focus kunnen ontvangen. Dit probleem komt op meerdere plekken op de site voor, zoals bij het Nieuwsoverzicht.
Voorzorgcirkels
Opmerking: de links naar de onderdelen zoals ‘Over het project’ staan er dubbel in. Het is gebruiksvriendelijker voor gebruikers van hulpsoftware en toetsenbord om ze er maar één keer in te zetten.
2.4.4: Linkdoel (in context)
Hele sample
Uitkomst: Onvoldoende
Zoekresultaten
Uitkomst: Onvoldoende
Jaarbeeld 2025
Uitkomst: Onvoldoende
Waar bouwen wij aan
Uitkomst: Onvoldoende
Programmateam
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
De link naar de homepage in de header heeft geen tekst en daardoor geen linkdoel. Dit kan worden opgelost door het logo een goede alternatieve tekst te geven (zie ook 1.1.1).
Zoekresultaten
Boven elk resultaat staat een link met daarin alleen een afbeelding. Deze afbeeldingen hebben een lege alt-tekst, waardoor de links ook geen tekst hebben. Haal deze links om de afbeeldingen weg of geef de afbeeldingen een alt-tekst die het doel van de link duidelijk maken.
Jaarbeeld 2025
Binnen elk item staan meerdere links zonder tekst. Elk item bevat 6 (dezelfde) links, waarvan alleen de laatste een tekst bevat. Zie screenshot 3. Dit komt ook voor bij het Nieuwsoverzicht.
Waar bouwen wij aan
De linkteksten bestaan uit de alt-teksten, maar die geven het doel niet aan, bijvoorbeeld ‘RichardTerborg_DebbyFriends5 Welzijn op Recept’. Zorg voor goede alt-teksten of laat deze leeg en voeg een linktekst toe.
Programmateam
Er zijn meerdere links op de pagina met de tekst ‘Lees meer’. Gebruikers van hulpsoftware vragen vaak lijsten op van links op de pagina. Wanneer deze teksten geen duidelijke informatie geven kunnen ze niks met deze links. Voeg teksten toe aan de link die duidelijk maken waar het precies om gaat, zodat de diverse links van elkaar te onderscheiden zijn. Dit kan met een extra tekst in de link, eventueel met CSS verborgen, of via een aria-labelledby verwijzing naar een tekst elders op de pagina. Zie voor meer info https://www.w3.org/TR/WCAG20-TECHS/ARIA7.html. Dit komt ook voor op de pagina Activiteiten met meerdere links met de tekst ‘Meer informatie’.
2.4.5: Meerdere manieren
Hele sample
Uitkomst: Voldoende
2.4.6: Koppen en labels
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Het label voor het zoekveld is ‘Search’ en voor het hoofdmenu ‘Menu Toggle’. Het gebruik van Engelse teksten is mogelijk niet voor alle gebruikers duidelijk. Geef knoppen op Nederlandse pagina’s ook een Nederlands label. Zie screenshot 5.
2.4.7: Focus zichtbaar
Hele sample
Uitkomst: Onvoldoende
Jaarbeeld detailpagina
Uitkomst: Onvoldoende
Waar bouwen wij aan
Uitkomst: Onvoldoende
Jaarbeeld detailpagina
De focus op het vorige en volgende item onderaan de pagina is niet zichtbaar.
Waar bouwen wij aan
De focus op de links in de sliders is niet zichtbaar.
2.4.11: Focus Not Obscured (Minimum)
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Wanneer je bent ingezoomd, neemt de header een groot deel van het scherm in. Daardoor is het vaak niet zichtbaar waar de focus op staat, omdat dat element dan achter de header valt. Zie screenshot 8. Dit kan worden opgelost door een margin in de CSS toe te voegen zodat de items bij focus wel getoond worden. Zie ook https://www.w3.org/WAI/WCAG22/Techniques/css/C43. Ook kan de sticky header kleiner worden gemaakt, zodat er meer ruimte over blijft voor de content.
2.5 Input Modaliteiten
Success Criterium
Uitkomst
Bevindingen
2.5.1: Aanwijzergebaren
Hele sample
Uitkomst: Niet van toepassing
2.5.2: Aanwijzerannulering
Hele sample
Uitkomst: Voldoende
2.5.3: Label in naam
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
De link achter het logo in de header heeft geen toegankelijke naam. Hierdoor kan de link niet met stem bediend worden. Zorg ervoor dat de toegankelijke naam (zoals alt-tekst) altijd minstens de zichtbare tekst bevat.
2.5.4: Bewegingsactivering
Hele sample
Uitkomst: Niet van toepassing
2.5.7: Dragging Movements
Hele sample
Uitkomst: Niet van toepassing
2.5.8: Target Size (Minimum)
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
De knoppen (dots) in de slider staan te dicht bij elkaar waardoor het ‘aanwijsgebied’ (grootte van het doel) te klein is. Maak het doel minimaal 24px, gerekend vanaf het middenpunt van de knop (knop inclusief tussenruimte). Bezoekers met een motorische beperking kunnen moeite hebben om links en buttons te selecteren die te klein zijn of te dicht op elkaar staan.
3 Begrijpelijk
3.1 Leesbaar
Success Criterium
Uitkomst
Bevindingen
3.1.1: Taal van de pagina
Hele sample
Uitkomst: Voldoende
3.1.2: Taal van onderdelen
Hele sample
Uitkomst: Niet van toepassing
3.2 Voorspelbaar
Success Criterium
Uitkomst
Bevindingen
3.2.1: Bij focus
Hele sample
Uitkomst: Voldoende
3.2.2: Bij input
Hele sample
Uitkomst: Voldoende
3.2.3: Consistente navigatie
Hele sample
Uitkomst: Voldoende
3.2.4: Consistente identificatie
Hele sample
Uitkomst: Voldoende
3.2.6: Consistent Help
Hele sample
Uitkomst: Voldoende
3.3 Assistentie bij invoer
Success Criterium
Uitkomst
Bevindingen
3.3.1: Foutidentificatie
Hele sample
Uitkomst: Onvoldoende
Contact
Uitkomst: Onvoldoende
Contact
In het formulier wordt alleen de standaard browser validatie gebruikt: hoe deze getoond wordt is afhankelijk van de browser. Hierdoor is niet goed te testen of deze wel altijd toegankelijk getoond wordt. Soms blijft een melding bijvoorbeeld maar heel kort in beeld of wordt deze in het Engels getoond. Zorg zelf voor een goede en toegankelijke cliënt validatie met duidelijke teksten over wat er fout gaat.
3.3.2: Labels of instructies
Hele sample
Uitkomst: Onvoldoende
Contact
Uitkomst: Onvoldoende
Activiteiten
Uitkomst: Onvoldoende
Contact
Bij het formulier hebben de invoervelden geen zichtbaar label. Een placeholder tekst is niet voldoende aangezien die niet altijd zichtbaar is. Voeg een label toe dat altijd zichtbaar blijft.
Er wordt niet aangegeven welke velden verplicht zijn (voor het invullen van het formulier). Dit kan onnodige foutmeldingen geven. Voor bezoekers die meer tijd nodig hebben voor het invullen van formulieren kan dit nog een extra belasting zijn. Geef daarom van tevoren aan welke velden verplicht zijn.
Activiteiten
De invoervelden zoals het zoekveld hebben geen zichtbaar label. Een placeholder tekst is niet voldoende aangezien die niet altijd zichtbaar is. Voeg een label toe dat altijd zichtbaar blijft.
3.3.3: Foutsuggestie
Hele sample
Uitkomst: Onvoldoende
Contact
Uitkomst: Onvoldoende
Contact
Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan moeten deze suggesties aan de gebruiker worden geleverd. Bij het e-mailadres wordt een bepaald format geëist, maar deze wordt niet als suggestie gegeven. Voeg een suggestie toe, bijvoorbeeld: ‘het emailadres moet in deze vorm worden ingevoerd: ‘naam@domein.com’.
De links in de header om te zoeken en te vertalen hebben geen naam. Het is hierdoor voor gebruikers van hulpsoftware niet duidelijk waar deze links voor zijn.
De knop naar de toegankelijkheidsopties in de header heeft geen goede rol. Het is enkel een div-element, die daardoor ook niet te herkennen is voor gebruikers van hulpsoftware en toetsenbord. Maak hier een button element van met een beschrijvende naam.
In de cookie popup staat een (onzichtbare) link zonder naam. Het gaat om een link die voor de tekst 'Privacy verklaring' staat en naar de pagina over ‘Fully in Tune – Praat met jou‘ gaat. Zie screenshot 1.
Binnen het marketing gedeelte van de cookie popup staat een checkbox binnen een ‘summary’ element. Wanneer interactieve elementen genest worden, kan dat problemen geven voor gebruikers van hulpsoftware. Gebruik de summary alleen voor een beschrijvende tekst.
Homepage
Onder ‘Blijf op de hoogte’ staat een slider. Deze heeft een ‘role=”list”, maar bevat daaronder geen list items. Zie screenshot 2. Wanneer lijsten niet goed zijn opgemaakt, kan dat verwarrend zijn voor screenreadergebruikers. Een oplossing kan zijn om hier ‘ul’ en ‘li’-elementen te gebruiken in plaats van div-elementen. Dit komt bij meerdere sliders op de website voor.
Activiteiten
De iframe waarin de activiteiten worden geladen heeft geen toegankelijke naam. Gebruikers van hulpsoftware weten niet wat er in dit iframe staat en of ze deze daarom willen openen of overslaan. Voeg bijvoorbeeld een title attribuut met beschrijving toe of een aria-label.
De filters met dropdowns zijn niet goed opgemaakt. De knop geeft niet aan dat er een lijst geopend is. De lijst bevat alleen tekstelementen, geen selecteerbare opties. Maak hier bijvoorbeeld een select element van en koppel deze aan een label element.
