1. Overzicht
Dit onderzoek is uitgevoerd volgens de evaluatiemethode WCAG-EM
Deze audit volgde de Website Accessibility Conformance Evaluation Methodology (WCAG-EM) zoals beschreven in de W3C aanbeveling.
Om een goed beeld te krijgen van de digitale toegankelijkheid van een website, is het noodzakelijk een onderzoek handmatig uit te voeren. Dit onderzoek omvat alle domeinen, subdomeinen en/of subdomeinen die een logisch geheel vormen met het hoofddomein van de website. Met de WCAG‑evaluatiemethode (WCAG‑EM) nemen we nauwkeurige steekproeven, zodat er een volledig beeld ontstaat van de digitale toegankelijkheid van het product. We onderzoeken waar het product niet aan de richtlijnen voldoet.
Het testen gebeurt grotendeels handmatig en op basis van een steekproef. De resultaten worden per steekproef vastgelegd. Als een type toegankelijkheidsprobleem op meerdere pagina’s voorkomt, worden één of meerdere voorbeelden gegeven.
Omdat we met een steekproef werken en per bevinding één of meerdere voorbeelden geven, moet u zelf het systeem bekijken om uit te vinden waar de fout mogelijk elders optreedt.
Aan het begin van het onderzoek kijken we welke “type” pagina’s en inhoud relevant zijn voor deze steekproef. Denk bijvoorbeeld aan de homepage, een FAQ‑pagina, video‑ en beeldmateriaal, PDF‑bestanden en inhoudspagina’s.
Naast het gebruik van WCAG‑EM bieden we ook persoonlijk advies vanuit onze expertise. Dat betekent dat we ook kijken naar toegankelijkheidsvereisten die niet in de richtlijnen staan, maar waarvan wij vinden dat ze aangepast moeten worden om beter aan de behoeften van de doelgroep te voldoen.
overview_statistics
Titel: hoornbeweegt.nl
Opdrachtgever: Gemeente Hoorn
Datum van toetsing: 27 oktober 2025
WCAG-versie: WCAG 2.1
Conformiteitsniveau: AA
Managementsamenvatting
Het voltooien van deze toegankelijkheidsaudit voor de website hoornbeweegt.nl is een waardevolle stap in het verbeteren van de toegankelijkheid en gebruikerservaring voor alle gebruikers. Door de bevindingen van deze audit te adresseren, kan de website worden verbeterd om ervoor te zorgen dat iedereen, inclusief mensen met beperkingen, de inhoud en functionaliteiten van de website gemakkelijk kan gebruiken.
De audit heeft verschillende bevindingen opgeleverd, met name drie bevindingen van hoge prioriteit en dertig van middelbare prioriteit. Enkele van de belangrijkste bevindingen zijn het incorrect gebruik van ARIA-attributen, en het ontbreken van namen bij knoppen en iframes. Daarnaast zijn er problemen met de focusvolgorde, hover-inhoud die niet toegankelijk is met het toetsenbord, en teksten met onvoldoende contrast.
Om de toegankelijkheid van de website te verbeteren, wordt geadviseerd om de gevonden problemen zo snel mogelijk aan te pakken. Dit omvat het toevoegen van namen aan knoppen en iframes, het verbeteren van de focusvolgorde, het zorgen voor toegankelijke hover-inhoud en het verhogen van het contrast van teksten. Door deze aanpassingen te implementeren, kan de website voldoen aan de WCAG 2.1-normen op niveau AA en zo een betere gebruikerservaring bieden voor alle bezoekers.
Basis toegankelijkheidsondersteuning
Het systeem wordt ondersteund door gangbare webbrowsers en hulpapparatuur.
2. Scope
Website informatie
| Eigenschap | Waarde |
|---|---|
| Naam van het systeem | hoornbeweegt.nl |
| URL | https://www.hoornbeweegt.nl/ |
| WCAG-versie | WCAG 2.1 |
| Conformiteitsniveau | AA |
Scope van het onderzoek
Alle pagina's onder https://www.hoornbeweegt.nl/
Gebruikte tools en technologie
Chrome (meest recente versie), Safari (meest recente versie), Stylus Chrome Extensie, Resize Window Chrome extensie, Axe DevTools, Color contrast Analyzer, Voice Over, HeadingsMap
3. Verkenning
Webtechnologieën
- HTML
- CSS
- JS
- WAI-ARIA
- SVG
4. Steekproef
-
Startpagina
-
Contact
-
Sitemap
-
Activiteitenoverzicht
-
Toegankelijkheid
-
Activiteit - Kracht van Gezonde Voeding: wat is gezonde voeding + etiketten lezen en nutriscore
-
Zoekresultaten
-
Uitleg inschrijven activiteiten
-
Maak kennis met team Sport
-
Accommodatie huren
-
Nieuws - Vakantie Spelen Herfst; 20 t/m 24 oktober
-
Pagina niet gevonden
-
Hoorn fit en gezond
-
Voorwaarden
-
Inloggen
-
Beheer inwoner
-
Beheer inwoner - Account
-
Inschrijfmandje
-
Alle webpagina's
-
Deelnemersgegevens
5. Bevindingen
Bevindingen per WCAG-principe
Afgekeurde bevindingen (39)
De volgende toegankelijkheidsproblemen zijn gevonden en moeten worden opgelost:
Principe 1: Waarneembaar
WCAG 1.1.1
Afbeelding niet opgemaakt als decoratief
Beschrijving: Er is een decoratieve afbeelding gevonden die niet te negeren is voor hulptechnologie. Maak de afbeelding op als decoratief door het alt-attribuut leeg te laten (niet te verwijderen).
Locatie: De afbeelding communiceert geen informatie aan de gebruiker, dus kan worden opgemaakt als decoratief.
Gekoppelde pagina's: Activiteit - Kracht van Gezonde Voeding: wat is gezonde voeding + etiketten lezen en nutriscore
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Gecompliceerde afbeelding zonder toegankelijk alternatief
Beschrijving: Er is een infographic, diagram, kaart of andere gecompliceerde niet (volledig) toegankelijke afbeelding waarbij het beter zou zijn de inhoud op een andere manier, of via een toegankelijk alternatief aan te bieden. Wanneer een toegankelijk alternatief geboden wordt is het niet meer noodzakelijk, maar wel wenselijk, het origineel toegankelijk te maken. Een toegankelijk alternatief volstaat volgens de richtlijnen, mits het voor de gebruiker duidelijk is dat dit alternatief er is en deze makkelijk te vinden is. Om gebruikers op het toegankelijke alternatief te wijzen is, zou een verwijzing in de alt-tekst aanwezig moeten zijn. Daarnaast is het beter om het ontoegankelijke element wel zo toegankelijk mogelijk te maken, door bijvoorbeeld te letten op het gebruik van kleur en contrast.
Locatie: De twee flyers bevatten veel informatie die niet in de tekst is verwerkt. Zorg ervoor dat deze informatie ook via een toegankelijk alternatief beschikbaar is.
Gekoppelde pagina's: Nieuws - Vakantie Spelen Herfst; 20 t/m 24 oktober
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Afbeelding niet opgemaakt als decoratief
Beschrijving: Er is een decoratieve afbeelding gevonden die niet te negeren is voor hulptechnologie. Maak de afbeelding op als decoratief door het alt-attribuut leeg te laten (niet te verwijderen).
Locatie: De schermafbeeldingen die laten zien welke stappen ondernomen moeten worden, hebben een alt-tekst. De informatie die wordt gecommuniceerd met deze afbeeldingen, is ook in de tekst beschreven. Hierdoor is de alt-tekst overbodig en zou de afbeelding als decoratief opgemaakt moeten worden.
Gekoppelde pagina's: Uitleg inschrijven activiteiten
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.3.1
Lijst niet (voldoende) programmatisch opgemaakt
Beschrijving: Er is een lijst gevonden die in de code niet of niet voldoende als een lijst is opgemaakt. Hierdoor kan deze niet goed gedetecteerd worden door hulpsoftware.
Locatie: De lijst onder de kop ''Wat?'' is niet programmatisch opgemaakt als lijst.
Gekoppelde pagina's: Activiteit - Kracht van Gezonde Voeding: wat is gezonde voeding + etiketten lezen en nutriscore
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Kop niet programmatisch opgemaakt
Beschrijving: Er is een kop gevonden die niet goed is opgemaakt als kop in de code.
Locatie: De vragen zien er visueel uit als kop, maar zijn niet programmatisch opgemaakt als kop.
Gekoppelde pagina's: Nieuws - Vakantie Spelen Herfst; 20 t/m 24 oktober
Prioriteit: Laag
Uitkomst: Gefaald
Kop niet programmatisch opgemaakt
Beschrijving: Er is een kop gevonden die niet goed is opgemaakt als kop in de code.
Locatie: De koppen zoals Programma, Dit kost het, etc. zijn opgemaakt met strong in plaats van met een heading-element.
Gekoppelde pagina's: Hoorn fit en gezond
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Lijst niet (voldoende) programmatisch opgemaakt
Beschrijving: Er is een lijst gevonden die in de code niet of niet voldoende als een lijst is opgemaakt. Hierdoor kan deze niet goed gedetecteerd worden door hulpsoftware.
Locatie: De lijst onder de kop Samenwerkingspartners en onder Voorwaarden is niet opgemaakt als lijst.
Gekoppelde pagina's: Hoorn fit en gezond
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Onjuist gebruik ARIA
Beschrijving: Er is een verschil tussen wat visueel getoond wordt en hoe dit semantisch in de code verwerkt is. Er wordt daarbij gebruik gemaakt van onjuiste of overbodige aria-attributen. Dit kan verwarring opleveren, vooral bij gebruik van ondersteunende technologieën, zoals een schermlezer.
Locatie: Bij het hartje-icoon is er gebruik gemaakt van een aria-label op een span met geen geldige rol, dit is niet toegestaan.
Gekoppelde pagina's: Inschrijfmandje
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Kopniveaus niet logisch genest
Beschrijving: De niveaus en volgorde van de koppen (h-elementen) gebruikt op de pagina zijn niet logisch en kunnen verwarrend werken voor de gebruiker. Het is belangrijk om erop te letten dat de verschillende kopniveau’s goed genest zijn; het gebruik van de verschillende niveaus dient te gebeuren op basis van de functie en niet de styling. Ook is het aan te raden geen kopniveau’s over te slaan.
Locatie: De kop Woonplaats is opgemaakt als een h2. De kop Kies een datum is opgemaakt als een h3, waardoor deze kop valt onder de h2 kop Woonplaats, dit klopt niet.
Gekoppelde pagina's: Zoekresultaten, Activiteitenoverzicht
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.3.2
Verborgen element in de leesvolgorde
Beschrijving: Er is content visueel verborgen, maar deze is niet correct verborgen voor gebruikers van hulpsoftware. De content is ook geen toevoeging die enkel voor gebruikers van hulpsoftware relevant is. Hierdoor komt de content wel terug in de leesvolgorde, maar niet visueel in beeld, wat verwarring kan opleveren. In plaats van content enkel buiten het zichtbare gebied te plaatsen, is het beter de content programmatisch goed te verbergen, zodat het zowel visueel als voor hulpsoftware verborgen is.
Locatie: In de slider met de logo's van alle partners worden ook de de logo's die verborgen zijn voorgelezen door een schermlezer.
Gekoppelde pagina's: Maak kennis met team Sport
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Focusindicator verlaat modal, maar modal sluit niet
Beschrijving: De focusindicator verlaat het dialoogvenster zonder dat deze gesloten wordt. De focusindicator moet het dialoogvenster blijven doorlopen tot er een keuze gemaakt is, of het dialoogvenster moet automatisch worden gesloten zodra de focus erbuiten komt.
Locatie: In vergrote of mobiele weergave worden de filters geopend in een modal. Deze modal sluit niet wanneer alle onderdelen van deze modal met de toetsenbordfocus zijn doorlopen. De modal blijft dus open en de toetsenbordfocus verplaatst zich achter de modal.
Gekoppelde pagina's: Zoekresultaten, Activiteitenoverzicht
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.3.5
Invoerveld zonder (correct) autocomplete-attribuut
Beschrijving: Er is een invoerveld zonder het juiste autocomplete-attribuut. Bij invoervelden waarbij persoonlijke gegevens ingevuld moeten worden, is een autocomplete-attribuut nodig. Dat zorgt ervoor dat browsers, maar ook hulpsoftware, ondersteuning kunnen geven bij het invullen van deze invoervelden. Bijvoorbeeld door de invoervelden al automatisch in te vullen.
Locatie: Het invoerveld E-mailadres mist een goed autocomplete-attribuut.
Gekoppelde pagina's: Accommodatie huren, Uitleg inschrijven activiteiten, Beheer inwoner - Account, Contact
Prioriteit: Laag
Uitkomst: Gefaald
WCAG 1.4.3
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: Er zijn tabelkoppen, maar visueel lijken deze niet aanwezig omdat de tekst geen contrast heeft met de achtergrond.
Gekoppelde pagina's: Deelnemersgegevens
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De witte tekst op blauwe achtergrond heeft onvoldoende contrast (4,33:1).
Gekoppelde pagina's: Startpagina
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De grijze placeholder teksten hebben onvoldoende contrast met de witte achtergrond (2,4:1).
Gekoppelde pagina's: Inloggen
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De rode tekst ''Wachtlijst beschikbaar'' heeft onvoldoende contrast met de roze achtergrond (4,12:1).
Gekoppelde pagina's: Activiteitenoverzicht
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De rode tekst ''Wachtlijst'' op de oranje knop hebben onvoldoende contrast (1,9:1).
Gekoppelde pagina's: Activiteitenoverzicht
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De placeholder tekst in het zoekveld heeft onvoldoende contrast met de achtergrond (2,1:1 en 2,4:1).
Gekoppelde pagina's: Activiteitenoverzicht, Startpagina
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: Het blauw en wit hebben onvoldoende contrast (4,33:1).
Gekoppelde pagina's: Hoorn fit en gezond
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De placeholdertekst heeft onvoldoende contrast met de achtergrond (2,4:1).
Gekoppelde pagina's: Deelnemersgegevens
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De tekst van de niet actieve tab heeft onvoldoende contrast (3,6:1).
Gekoppelde pagina's: Beheer inwoner - Account
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.4.11
Invoerveld met onvoldoende contrast
Beschrijving: Er is een invoerveld gevonden met een rand of achtergrondkleur, met een te laag contrast ten opzichte van naastgelegen kleuren.
Locatie: Het rand van het invoerveld Filter tabel heeft te weinig contrast met de omliggende kleuren (1,3:1).
Gekoppelde pagina's: Deelnemersgegevens
Prioriteit: Laag
Uitkomst: Gefaald
Principe 2: Bedienbaar
WCAG 2.1.1
Hover content niet toegankelijk met toetsenbord
Beschrijving: Er is een hover-component gevonden die niet toegankelijk is voor toetsenbordgebruikers.
Locatie: De uitklapbare modal waarin te zien is welke rol je hebt.
Gekoppelde pagina's: Alle webpagina's
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Niet bedienbaar met toetsenbord
Beschrijving: Niet alle websitefunctionaliteiten kunnen worden gebruikt met alleen een toetsenbord.
Locatie: Het hartjes-icoon is niet toegankelijk met een toetsenbord. Dit komt doordat het een element is, en heeft alleen een onclick-event. Een is niet focusbaar en niet bedienbaar met toetsenbord.
Gekoppelde pagina's: Inschrijfmandje
Prioriteit: Hoog
Uitkomst: Gefaald
WCAG 2.4.2
Paginatitel onvoldoende beschrijvend
Beschrijving: De pagina heeft een titel, maar deze beschrijft het doel van de pagina niet of niet duidelijk genoeg.
Locatie: Er wordt niet in de paginatitel benoemd dat de pagina onderdeel is van Hoornbeweegt. Een voorbeeld van een goede paginatitel van bijvoorbeeld de sitemap is: ''Sitemap - Hoornbeweegt'', waarbij de unieke informatie dus vooraan in de titel staat.
Gekoppelde pagina's: Alle webpagina's
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 2.4.3
Focusvolgorde niet logisch
Beschrijving: Het verplaatsen van de toetsenbordfocus gebeurt niet logisch. De focus verdwijnt bijvoorbeeld buiten een dialoogvenster, of de focus gaat niet logisch door de volgorde van de content heen, of de focus verdwijnt na interactie met de gebruiker.
Locatie: De focusindicator gaat op de desktop weergave eerst naar het menu in de header, voordat deze weer omhoog naar de social media springt. Dit is onlogisch omdat deze visueel eerder te zien is. Ook is dit anders op de mobiele weergave, waar de social media iconen pas aan het einde de focus krijgen.
Gekoppelde pagina's: Alle webpagina's
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Verborgen element in tab volgorde
Beschrijving: Er is een visueel en/of aria-hidden element dat nog wel focus krijgt.
Locatie: In de slider met de logo's van alle partners krijgen ook de de logo's die verborgen zijn focus. Alle onderdelen die niet zichtbaar zijn, zouden ook geen focus moeten krijgen.
Gekoppelde pagina's: Maak kennis met team Sport
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 2.4.7
Focusindicator niet altijd zichtbaar
Beschrijving: De focusindicator is niet altijd volledig zichtbaar. Het element kan dus wel bediend worden met een toetsenbord, echter merkt de gebruiker dit niet.
Locatie: De focusindicator is niet zichtbaar bij de blauwe knoppen.
Gekoppelde pagina's: Hoorn fit en gezond
Prioriteit: Hoog
Uitkomst: Gefaald
Principe 3: Begrijpelijk
WCAG 3.3.1
Foutmelding niet accuraat
Beschrijving: De gegeven foutmelding komt niet (voldoende) overeen met de actuele fout.
Locatie: Er wordt geen foutmelding gegeven wanneer het e-mailadres onjuist wordt ingevuld.
Gekoppelde pagina's: Beheer inwoner - Account
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 3.3.2
Placeholder als enige label voor het invoerveld
Beschrijving: Er wordt gebruik gemaakt van een placeholder als enige label voor het invoerveld, er is geen programmatisch gekoppeld label of aria-label aanwezig. Hierdoor is dit label niet continue beschikbaar, wat verwarrend kan zijn tijdens het invullen omdat je niet eenvoudig terug kan vinden wat er qua invoer verwacht wordt.
Locatie: Het invoerveld heeft alleen de placeholder als label.
Gekoppelde pagina's: Deelnemersgegevens
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Onduidelijk verschil verplichte en optionele velden + * zonder uitleg
Beschrijving: Het verschil tussen optionele en verplichte velden is niet of niet duidelijk genoeg aangegeven. Dit verschil moet aangegeven worden in het (correct gekoppelde) label zodat het voor iedereen duidelijk waarneembaar is tijdens het invullen. Je kan bij verplichte velden “verplicht” toevoegen of bij optionele “optioneel”. Als je dit doet met een icoon, moet het gebruik van het icoon ook duidelijk worden uitgelegd. Een sterretje alleen is niet voldoende als er geen label is dat uitlegt dat de * betekent dat het veld verplicht is.
Locatie: De verplichte velden hebben een * dat betekent dat een veld verplicht is, maar dit symbool staat nergens uitgelegd.
Gekoppelde pagina's: Uitleg inschrijven activiteiten, Accommodatie huren, Beheer inwoner - Account, Contact
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 3.3.3
Browser gegenereerde foutsuggestie
Beschrijving: Er is een invoerveld gevonden waarbij de foutsuggestie door de browser wordt gegenereerd. Deze techniek is niet voldoende ondersteund voor toegankelijkheid, omdat deze suggesties niet altijd duidelijk en behulpzaam zijn.
Locatie: Wanneer een onjuist e-mailadres wordt ingevuld, wordt er een door de browser gegenereerde foutmelding gegeven.
Gekoppelde pagina's: Contact, Uitleg inschrijven activiteiten, Accommodatie huren
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Principe 4: Robuust
WCAG 4.1.2
Knop zonder naam
Beschrijving: Er is een knop gevonden zonder toegankelijke naam.
Locatie: Wanneer er filters zijn geselecteerd, kunnen deze ook weer verwijderd worden. Deze knoppen hebben niet de juiste naam, er staat niet in de naam dat het filter verwijderd wordt wanneer de knop wordt geactiveerd. Deze informatie moet echt in de naam van de knop staan en niet enkel in de description.
Gekoppelde pagina's: Activiteitenoverzicht
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Knop zonder naam
Beschrijving: Er is een knop gevonden zonder toegankelijke naam.
Locatie: De verwijder knoppen in de tabel hebben geen duidelijk linkdoel. Nu wordt via een schermlezer ''link, 442750'' opgelezen.
Gekoppelde pagina's: Deelnemersgegevens
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Onjuist gebruik ARIA
Beschrijving: Er is een verschil tussen wat visueel getoond wordt en hoe dit semantisch in de code verwerkt is. Er wordt daarbij gebruik gemaakt van onjuiste of overbodige aria-attributen. Dit kan verwarring opleveren, vooral bij gebruik van ondersteunende technologieën, zoals een schermlezer.
Locatie: Er is een aria-attribuut op het cijfer in de header wat aangeeft hoeveel onderdelen in het verlanglijstje staan. Er wordt gebruik gemaakt van aria-atomic="”true”", waarbij de aanhalingstekens fout staan.
Gekoppelde pagina's: Deelnemersgegevens, Beheer inwoner, Beheer inwoner - Account, Inschrijfmandje
Prioriteit: Hoog
Uitkomst: Gefaald
Knop zonder naam
Beschrijving: Er is een knop gevonden zonder toegankelijke naam.
Locatie: Het vergrootglas-icoon heeft geen naam.
Gekoppelde pagina's: Startpagina
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Iframe zonder (goede) naam
Beschrijving: Er is een iframe gevonden waar content in getoond wordt. Dit iframe heeft geen (goede) toegankelijke naam.
Locatie: Het iframe, de plattegrond, heeft geen naam.
Gekoppelde pagina's: Contact
Prioriteit: Laag
Uitkomst: Gefaald
Onjuist gebruik ARIA
Beschrijving: Er is een verschil tussen wat visueel getoond wordt en hoe dit semantisch in de code verwerkt is. Er wordt daarbij gebruik gemaakt van onjuiste of overbodige aria-attributen. Dit kan verwarring opleveren, vooral bij gebruik van ondersteunende technologieën, zoals een schermlezer.
Locatie: De selectievakjes zijn niet op de juiste manier met aria opgemaakt. Neem een voorbeeld aan https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/examples/checkbox/ om selectievakjes op de juiste manier op te maken.
Gekoppelde pagina's: Zoekresultaten, Activiteitenoverzicht
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 4.1.3
Statusbericht niet programmatisch detecteerbaar
Beschrijving: Er is een statusbericht gevonden dat programmatisch niet detecteerbaar is.
Locatie: Wanneer bijvoorbeeld nieuwe activiteiten worden geladen door bijvoorbeeld het wijzigen van de filters is er een laad bericht in beeld. Dit statusbericht is niet programmatisch detecteerbaar.
Gekoppelde pagina's: Zoekresultaten, Activiteitenoverzicht
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Advies (4)
De volgende toegankelijkheidsbevindingen adviseren we op te lossen, maar zijn niet nodig om aan de scope te voldoen.
Principe 1: Waarneembaar
WCAG 1.3.1
Lijst niet (voldoende) programmatisch opgemaakt
Beschrijving: Er is een lijst gevonden die in de code niet of niet voldoende als een lijst is opgemaakt. Hierdoor kan deze niet goed gedetecteerd worden door hulpsoftware.
Locatie: De lijsten zijn niet logisch opgemaakt. Door de listitems een icoon hebben met daarachter de tekstuele informatie, wordt niet goed voorgelezen door schermlezers. De iconen hebben een goede alt nodig, omdat niet alle schermlezers dit kunnen voorlezen.
Gekoppelde pagina's: Activiteit - Kracht van Gezonde Voeding: wat is gezonde voeding + etiketten lezen en nutriscore
Prioriteit: Laag
Uitkomst: Advies
Maak tekstuele links werkend
Beschrijving: Er zijn links in de tekst gevonden die niet opgemaakt zijn als link, hierdoor zijn ze niet aanklikbaar met de muis en ook niet bedienbaar via het toetsenbord. Dit is verwarrend voor gebruikers, met name schermlezergebruikers of mensen met een cognitieve beperking, omdat de verwachting is dat je een link direct kunt aanklikken en niet nog los hoeft te selecteren en kopiëren.
Locatie: Er zijn meerdere tekstuele links, zoals links naar een website of een mailadres, die niet als link zijn opgemaakt.
Gekoppelde pagina's: Voorwaarden
Prioriteit: Laag
Uitkomst: Advies
Lijst niet (voldoende) programmatisch opgemaakt
Beschrijving: Er is een lijst gevonden die in de code niet of niet voldoende als een lijst is opgemaakt. Hierdoor kan deze niet goed gedetecteerd worden door hulpsoftware.
Locatie: De links in de footer zouden opgemaakt kunnen worden in een lijst. Op die manier is het voor schermlezergebruikers minder verwarrend om door een lange lijst met links te navigeren.
Gekoppelde pagina's: Alle webpagina's
Prioriteit: Laag
Uitkomst: Advies
Sla geen kopniveaus over
Beschrijving: Het overslaan van kopniveaus kan verwarrend zijn en moet waar mogelijk worden vermeden, omdat het voor schermlezergebruikers effect kan hebben op de betekenis van onderdelen. Zorg er bijvoorbeeld voor dan een h1 niet direct wordt opgevolgd door een h4.
Locatie: Bijvoorbeeld op de Startpagina: De kop ''Laatste nieuws'' is opgemaakt als een h1. De nieuwsartikelen daaronder hebben een h3, er wordt dus een kopniveau overgeslagen.
Gekoppelde pagina's: Alle webpagina's
Prioriteit: Laag
Uitkomst: Advies
6. Samenvatting
Resultaat van toetsing
| Status | WCAG Criteria | Percentage |
|---|---|---|
| Geslaagd | 35 | 70.0% |
| Gefaald | 15 | 30.0% |
Prioriteitsverdeling
- Kritieke prioriteit: 0 - bevindingen vereisen onmiddellijke aandacht.
- Hoge prioriteit: 3 - bevindingen moeten zo snel mogelijk worden aangepakt.
- Gemiddelde prioriteit: 32 - bevindingen moeten ingepland worden voor oplossing.
- Lage prioriteit: 8 - bevindingen kunnen worden aangepakt wanneer middelen dit toelaten.
Advies
- Pak kritieke bevindingen zo snel mogelijk aan.
- Implementeer het systematisch testen van toegankelijkheid.
- Train het development team in toegankelijkheid.
- Plan regelmatige hertests.
- Overweeg het gebruiken van geautomatiseerde testtools.