Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website MijnCN

(Alleen de bevindingen)

Scope van de evaluatie

Naam website MijnCN
Datum 31 juli 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op mijncn.nl.
  • Alle PDF's op mijncn.nl.
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 31

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Op pagina https://www.mijncn.nl/ is een videospeler aanwezig. In deze speler staat een afbeelding die is toegevoegd met een img-element. Het alt-attribuut ontbreekt. Een img-element moet altijd een alt-attribuut hebben. Alleen bij een decoratieve afbeelding die geen betekenis overdraagt, moet dit attribuut leeg blijven (alt=""). Bij een informatieve afbeelding moet het alt-attribuut een duidelijke beschrijving van de afbeelding bevatten. Op pagina https://www.mijncn.nl/aanmaken-activeren is hetzelfde probleem te zien. In de videospeler staat een afbeelding die is toegevoegd met een img-element zonder alt-attribuut. Ook hier moet dit attribuut worden toegevoegd.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 2: Op pagina https://www.mijncn.nl/vragen-antwoorden/faq-2-factor-authenticatie wordt het strong-element verkeerd gebruikt in de secties die geopend worden via “Hoe activeer ik 2-Factor Authenticatie?” en “Kan ik 2-Factor Authenticatie instellen op meer dan 1 apparaat?”. Het element is daar toegepast om teksten zoals “Stap 1.” vetgedrukt weer te geven. Het strong-element heeft een semantische waarde: het geeft aan dat de tekst extra nadruk moet krijgen. Daarom mag dit element niet gebruikt worden om alleen een visueel effect te bereiken zoals vetgedrukte tekst. Gebruik hiervoor CSS.

Bevinding 3: Op pagina https://www.mijncn.nl/over-mijncn staat de kop “Wat kunt u verder doen om uw account veilig te houden?”. Binnen deze kop is zowel het kop-element als het strong-element gebruikt. Het strong-element heeft een semantische waarde: het geeft aan dat de tekst extra nadruk moet krijgen. Dit element mag daarom niet gebruikt worden om alleen een visueel effect te bereiken, zoals vetgedrukte tekst. Gebruik hiervoor CSS.

Bevinding 4: In het PDF-document op https://www.mijncn.nl/site/binaries/site-content/collections/documents/2020/december/28/mijncn-stappenplan-wachtwoord-vergeten-nl/MijnCN+Stappenplan+Wachtwoord+vergeten+NL.pdf ontbreken structurele codes, waardoor de inhoud niet toegankelijk is voor schermlezers. Bovendien kan het document hierdoor niet volledig worden onderzocht. Het betreft alle succescriteria die te maken hebben met de pdf-codelaag, zoals semantische koppen en alternatieve teksten bij afbeeldingen. Als dit wordt opgelost, is het mogelijk dat er nieuwe toegankelijkheidsproblemen aan het licht komen die nu nog niet zichtbaar zijn.

Bevinding 5: In het PDF-document op https://www.mijncn.nl/site/binaries/site-content/collections/documents/2024/juli/berichtenboxcn---privacy-statement/index/240208+Privacy+statement.pdf is een kop aanwezig die niet is gemarkeerd als kop. Dit geldt bijvoorbeeld voor “Privacyverklaring BerichtenboxCN”, “3. Grondslag voor het verwerken van persoonsgegevens”, “4. Welke persoonsgegevens worden verwerkt?” en andere. De koppen “1. Wie is verantwoordelijk voor de verwerking van de persoonsgegevens?” en “2. Waarom worden persoonsgegevens verwerkt?” zijn gemarkeerd met L- en Li-tags in plaats van een H-tag. Op deze manier wijkt de visuele informatiestructuur af van de structuur van het document in de tags. Gebruik de H-tag, zodat de tagstructuur overeenkomt met de visuele structuur.

Bevinding 6: In het PDF-document op https://www.mijncn.nl/site/binaries/site-content/collections/documents/2024/juli/berichtenboxcn---privacy-statement/index/240208+Privacy+statement.pdf staat onder “4. Welke persoonsgegevens worden verwerkt?” een lijst met zeven items. De juiste markering ontbreekt. Inhoud die eruitziet als een lijst, moet ook in de tags als lijst zijn gemarkeerd. Zo krijgen blinde bezoekers dezelfde informatiestructuur als ziende bezoekers. Een bijkomend voordeel van het markeren van een lijst is dat schermlezers het aantal items aankondigen voordat de inhoud wordt voorgelezen. Markeer de lijst met L- en Li-tags. In hetzelfde document komt dit probleem ook voor bij de lijsten onder “Misbruik en oneigenlijk gebruik kan bestaan uit”, “Belastingdienst CN bestrijdt misbruik en oneigenlijk gebruik om” en “8. Uw rechten ten aanzien van uw persoonsgegevens”. Ook deze lijsten zijn visueel herkenbaar, maar missen de juiste structuur in de tags. Zorg ervoor dat deze lijsten worden gemarkeerd met L- en Li-tags.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 7: Op pagina https://www.mijncn.nl/helpdesk bevat een formulier invoervelden voor persoonlijke informatie, zoals “Voornaam”, “Achternaam” en “Telefoonnummer”. Bij deze invoervelden ontbreekt het attribuut autocomplete. Invoervelden voor persoonlijke informatie moeten het attribuut autocomplete hebben. Hierdoor kunnen browsers en hulpsoftware helpen bij het invullen, bijvoorbeeld door de velden automatisch aan te vullen. Gebruik het attribuut autocomplete voor alle velden waarin persoonlijke informatie moet worden ingevuld. Op deze pagina staat meer informatie over autocomplete en welke waardes verplicht gebruikt moeten worden: https://www.w3.org/Translations/WCAG22-nl/#input-purposes.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://www.mijncn.nl/helpdesk staat in het formulier een dropdown onder “Onderwerp”. In deze keuzelijst wordt een aangepaste focusindicator gebruikt die zichtbaar is als een verandering van de achtergrondkleur van een optie. Het gebruik van alleen kleur om focus aan te geven is hier echter niet voldoende. Voor bezoekers met een visuele beperking of kleurenblindheid is een subtiele kleurverandering vaak niet goed zichtbaar. Mensen die met het toetsenbord navigeren moeten duidelijk kunnen zien waar de focus zich bevindt op de pagina. Er moet daarom een duidelijk zichtbare focusindicator aanwezig zijn. Dit kan worden bereikt door een extra visuele aanduiding toe te voegen, zoals een dikkere rand of een onderstreping. Op pagina https://www.mijncn.nl/zoeken?q=werk komt hetzelfde probleem voor in de filtersectie bij de dropdown onder “Type”. Ook hier is kleur de enige aanduiding van de geselecteerde optie, wat niet voldoende is voor een toegankelijke weergave.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 9: Op pagina https://www.mijncn.nl/ staan in de footer verschillende opties onder “Deze website in andere talen”. De linkteksten, zoals "English", hebben bij hover onvoldoende kleurcontrast. De witte tekst op de lichtblauwe achtergrond (HEX #6791B7) heeft een contrastratio van 3,3:1. Dit is lager dan de vereiste minimumwaarde van 4,5:1 voor normale tekst. Interactieve elementen moeten in alle toestanden voldoende contrast hebben, dus ook wanneer de muis erover beweegt. Zorg dat de linktekst ook bij hover minimaal een contrastratio van 4,5:1 heeft met de achtergrond. Op pagina https://www.mijncn.nl/service/contact is hetzelfde probleem te zien in de footer bij de linkteksten onder “Deze website in andere talen”. Ook hier is de contrastratio bij hover onvoldoende. Op pagina https://www.mijncn.nl/helpdesk doet dit probleem zich voor bij stap “Controleer uw antwoorden”. De knop “Aanpassen” heeft bij hover een witte tekst op een lichtblauwe achtergrond met onvoldoende contrast. Ook hier moet worden gezorgd voor een contrastratio van minimaal 4,5:1.

Bevinding 10: Op pagina https://www.mijncn.nl/zoeken?q=werk staat in de sectie die geopend wordt met “Toon Filters” een dropdown onder “Type”. In deze keuzelijst staat bij elke optie een cijfer, zoals “23” naast “Alle type documenten”. Het grijze cijfer (HEX #94A3B8) op de witte achtergrond heeft een contrastratio van 2,6:1. Bij de geselecteerde optie staat het grijze cijfer op een lichtgrijze achtergrond, wat een contrastratio van 2,1:1 oplevert. Zorg dat de contrastratio van de cijfers minimaal 4,5:1 is, zodat de informatie goed leesbaar is voor iedereen.

Bevinding 11: In het PDF-document op https://www.mijncn.nl/site/binaries/site-content/collections/documents/2020/december/28/mijncn-stappenplan-wachtwoord-vergeten-nl/MijnCN+Stappenplan+Wachtwoord+vergeten+NL.pdf staat gele tekst, zoals “Stap 1”, op een witte achtergrond. De contrastratio is te laag: 2,4:1. Zorg dat het contrast minimaal 4,5:1 is, zodat de tekst goed leesbaar is voor alle lezers.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 12: Op pagina https://www.mijncn.nl/zoeken?q=werk raakt bij een schermresolutie van 1280 bij 1024 pixels en een zoomniveau van 400% een deel van de tekst in het dialoogvenster dat wordt geopend met de knop “Abonneren op zoekopdracht” gedeeltelijk uit beeld. De knop “RSS-link kopiëren” is daarbij niet zichtbaar en niet bedienbaar. Zorg dat alles nog werkt en leesbaar is als er wordt ingezoomd tot 400% op een scherm van 1280 bij 1024 pixels.

Bevinding 13: Op pagina https://www.mijncn.nl/service/toegankelijkheid verschijnt er een horizontale scrollbar wanneer de pagina wordt bekeken op een schermresolutie van 1280 bij 1024 pixels en wordt ingezoomd tot 400%. Horizontaal scrollen is niet toegestaan, ook niet als de viewport is ingesteld of ingezoomd op 320 CSS-pixels breed voor verticale inhoud of 256 CSS-pixels hoog voor horizontale inhoud. Zorg ervoor dat de tekst binnen het scherm past. Scrollen in beide richtingen is alleen toegestaan als dit echt nodig is voor de betekenis of het gebruik van de inhoud. Uitzonderingen zijn tabellen, betekenisvolle afbeeldingen en kaarten. Binnen deze elementen mag wel worden gescrold om ze leesbaar te houden.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 14: Op pagina https://www.mijncn.nl/ bevat de videospeler toetsenbordcombinaties met één teken, zoals ‘k’ om de video te pauzeren of af te spelen, en ‘m’ om het geluid te dempen. Deze sneltoetsen blijven actief wanneer het toetsenbord zich op een ander element in de videospeler bevindt. Het kan problemen opleveren voor mensen die spraakbesturing gebruiken, omdat letters in gesproken commando’s kunnen voorkomen. Ook kunnen bezoekers per ongeluk een toets indrukken en daarmee onbedoeld de videospeler bedienen. Als toetsenbordcombinaties bestaan uit alleen letters, leestekens, cijfers of symbolen, dan moet één van de volgende oplossingen worden geboden. Er moet een mechanisme beschikbaar zijn om de sneltoetsen uit te schakelen.
Een andere mogelijkheid is dat de sneltoetsen opnieuw kunnen worden toegewezen met een combinatie die een niet-printbare toets bevat, zoals Ctrl of Alt. Tot slot kan ervoor worden gezorgd dat de sneltoetsen alleen actief zijn wanneer het interactieve element daadwerkelijk focus heeft. Op pagina https://www.mijncn.nl/aanmaken-activeren is hetzelfde probleem aanwezig bij de videospeler. Ook daar blijven de sneltoetsen actief buiten de specifieke elementen, wat tot dezelfde toegankelijkheidsproblemen leidt.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 15: Op alle pagina’s van de website https://www.mijncn.nl/ is een skiplink aanwezig. Deze is visueel zichtbaar en toegankelijk met het toetsenbord, maar functioneert niet correct. De skiplink verplaatst de toetsenbordfocus niet naar de bedoelde bestemming, waardoor de focus bovenaan de pagina blijft staan. Er moet een manier zijn om delen van een pagina over te slaan, zoals het navigatiemenu en andere elementen die op meerdere pagina’s terugkeren. Hiervoor wordt een skiplink gebruikt. Daarmee kunnen bezoekers vaste blokken met herhalende inhoud overslaan. Een skiplink moet de eerste link op de pagina zijn. Deze link mag verborgen zijn, maar moet zichtbaar worden zodra hij toetsenbordfocus krijgt. Zorg dat de skiplink werkt zoals hierboven is beschreven en dat de focus naar de juiste content wordt verplaatst.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 16: Op pagina https://www.mijncn.nl/test ontbreekt het title-element. Dit element moet op elke pagina aanwezig zijn en unieke tekst bevatten die de inhoud van de pagina beschrijft, bij voorkeur gevolgd door de naam van de organisatie. Deze tekst wordt getoond in de tab van de browser. Met een duidelijke beschrijving kunnen gebruikers makkelijker navigeren tussen verschillende pagina’s. Voeg het title-element toe aan de pagina en zet er een duidelijke tekst in.

Bevinding 17: In het PDF-document op https://www.mijncn.nl/site/binaries/site-content/collections/documents/2024/juli/berichtenboxcn---privacy-statement/index/240208+Privacy+statement.pdf is geen titel ingesteld in de documenteigenschappen. Zelfs als er een titel op de eerste pagina staat, moet ook in de pdf-instellingen een documenttitel ingesteld worden. Wanneer een pdf wordt geopend in een pdf-lezer, zoals Adobe Acrobat of een browser, wordt meestal de bestandsnaam bovenaan in de titelbalk getoond, bijvoorbeeld document123.pdf. Als er een documenttitel in de metadata van de pdf is ingesteld, wordt die titel in plaats van de bestandsnaam weergegeven. Dit maakt het document toegankelijker voor bezoekers met verschillende beperkingen. Zij kunnen dan snel en gemakkelijk zien of het document relevant is. Dit kan worden aangepast in de bestandseigenschappen van het bronbestand of van het pdf-document. Hetzelfde probleem is aanwezig in het PDF-document op https://www.mijncn.nl/site/binaries/site-content/collections/documents/2020/december/28/mijncn-stappenplan-wachtwoord-vergeten-nl/MijnCN+Stappenplan+Wachtwoord+vergeten+NL.pdf. Ook daar ontbreekt een ingestelde documenttitel in de pdf-metadata.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 18: Op pagina https://www.mijncn.nl/zoeken?q=werk komt de toetsenbordfocus op een klein scherm van 320 pixels breed terecht op een onzichtbaar interactief element. Het gaat om de knop met het label “RSS-link kopiëren”. De toetsenbordfocus mag niet terechtkomen op onzichtbare interactieve elementen zoals links, knoppen of formuliervelden. Als dat wel gebeurt, kunnen bezoekers deze elementen onbedoeld activeren.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 19: Op pagina https://www.mijncn.nl/ ontbreekt bij het logo bovenaan de website, dat ook een link is, een beschrijvende tekst over de bestemming. Hierdoor is het voor bezoekers die hulpsoftware gebruiken lastig om te bepalen naar welke pagina of inhoud de link leidt. Dit kan worden opgelost door een tekst toe te voegen die alleen zichtbaar is voor schermlezers, bijvoorbeeld met het attribuut aria-label. Andere oplossingen zijn ook mogelijk.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 20: Op pagina https://www.mijncn.nl/zoeken?q=werk hebben de paginaknoppen onvoldoende context. Voor ziende bezoekers is duidelijk dat “1”, “2”, “3” enzovoort, of “Vorige” en “Volgende”, verwijzen naar paginanummers. Voor bezoekers met een verminderd zicht of voor wie schermlezers gebruikt, is dit niet vanzelfsprekend. Dit kan worden verbeterd door de teksten van de knoppen aan te vullen met het (visueel verborgen) woord ‘pagina’.

Bevinding 21: Op pagina https://www.mijncn.nl/aanmaken-activeren staan meerdere knoppen met dezelfde zichtbare tekst: "Downloaden". Deze knoppen openen echter verschillende onderdelen met andere inhoud. Je kunt met deze knoppen een andere actie uitvoeren. Dit kan verwarrend zijn voor bezoekers die een schermlezer gebruiken. Het is dan niet duidelijk welke actie elke knop uitvoert. Zorg dat de tekst past bij de actie van de knop, zodat knoppen met verschillende functies ook verschillende knopteksten hebben.

Bevinding 22: Op pagina https://www.mijncn.nl/documenten/2020/december/28/mijncn-stappenplan-wachtwoord-vergeten-nl staat de kop “Zie ook”. Deze kop beschrijft de inhoud die volgt niet goed. Teksten zoals “Snel naar”, “Direct naar” of “Zie ook” zijn te algemeen. Links leiden in principe altijd naar een andere pagina, dat is voor iedereen duidelijk. Zo’n kop geeft dus geen extra informatie of context. Dat is vooral voor bezoekers die schermlezers gebruiken een probleem. Zij laten de koppen op een pagina voorlezen om snel de structuur te begrijpen en relevante inhoud te vinden. Gebruik daarom een meer specifieke kop die duidelijk maakt wat voor soort inhoud of functionaliteit erna komt. Bijvoorbeeld door context te geven aan de links die volgen.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 23: Op pagina https://www.mijncn.nl/ toont het logo bovenaan de website de tekst “MijnCN”. De toegankelijke naam van de link is echter leeg. De toegankelijke naam van de link komt dus niet overeen met de zichtbare tekst in het logo. Hierdoor functioneert de link niet goed in combinatie met stemgestuurde systemen. Bezoekers spreken de zichtbare tekst uit om de link te activeren, maar als de toegankelijke naam afwijkt, wordt de link niet herkend. Zorg daarom dat de tekst die in het logo zichtbaar is, voorkomt in de toegankelijke naam, het liefst aan het begin.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 24: Op pagina https://www.mijncn.nl/service/contact toont het formulier foutmeldingen zoals "Het veld 'Vraag' is leeg. Het is een verplicht veld en moet ingevuld worden." Deze tekst is een instructie en geen foutmelding. Een goede foutmelding maakt duidelijk dat er een fout is gemaakt en geeft aan waar de fout zit. Vaak bevat een foutmelding een ontkenning, zoals: "Het veld is niet (goed) ingevuld". Op pagina https://www.mijncn.nl/helpdesk komt hetzelfde probleem voor in het formulier. Ook daar worden instructies getoond in plaats van foutmeldingen. Pas de teksten aan zodat duidelijk is dat het om een fout gaat.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 25: Op pagina https://www.mijncn.nl/ ontbreekt bij het logo bovenaan de website, dat ook een link is, een toegankelijke naam. Hierdoor begrijpen bezoekers die een schermlezer gebruiken niet wat de bestemming of de functie van de link is.
Dat komt omdat het figure element gebruikt is. Het figure element is een containenr waarvan de naam wordt bepaald door de figcaption. Geef deze link een toegankelijke naam die het doel van de link beschrijft, bijvoorbeeld door een aria-label toe te voegen of door alternatieve tekst te gebruiken die aangeeft dat de link naar de homepagina leidt.

Bevinding 26: Op pagina https://www.mijncn.nl/helpdesk staat in het formulier een dropdown onder “Onderwerp”. Deze keuzelijst heeft de ARIA-rol listbox, maar er is geen toegankelijke naam aanwezig. Hierdoor is het voor bezoekers die hulpsoftware gebruiken niet duidelijk wat de functie of het doel van deze keuzelijst is. Op pagina https://www.mijncn.nl/zoeken?q=werk komt hetzelfde probleem voor in de filtersectie bij de dropdown onder “Type”. Ook daar ontbreekt een toegankelijke naam bij de listbox. Zorg dat elke keuzelijst met de ARIA-rol listbox een toegankelijke naam krijgt die het doel van het element beschrijft.

Bevinding 27: Op pagina https://www.mijncn.nl/zoeken?q=werk opent de knop met het label "Abonneren op zoekopdracht" een dialoogvenster, maar deze functionaliteit is niet aangegeven in de code. Om dit op te lossen, kan het attribuut aria-haspopup="dialog" worden toegevoegd aan de knop. Dit attribuut geeft aan dat er door het klikken op de knop een dialoogvenster wordt geopend. De status van het dialoogvenster, open of gesloten, kan worden aangegeven met het attribuut aria-expanded, dat de waarde true of false moet krijgen. Let erop dat aria-expanded alleen gebruikt mag worden als zowel het openen als sluiten van het dialoogvenster door dezelfde knop wordt uitgevoerd.

Bevinding 28: Op pagina https://www.mijncn.nl/zoeken?q=werk opent de knop met het label "Abonneren op zoekopdracht" een dialoogvenster. Dit dialoogvenster heeft geen toegankelijke naam, waardoor schermlezers niet kunnen doorgeven wat de inhoud of het doel van het venster is. Dit kan worden opgelost door een aria-label toe te voegen aan het dialoogvenster met een duidelijke beschrijving van de inhoud.

Bevinding 29: Advies: Op pagina https://www.mijncn.nl/helpdesk staat in het formulier een dropdown onder “Onderwerp”. In deze keuzelijst wordt de geselecteerde optie visueel onderscheiden, maar deze toestand is niet aangegeven in de HTML-code. Hierdoor kan een schermlezer deze informatie niet doorgeven aan de bezoeker. Dit kan worden opgelost door verborgen tekst toe te voegen aan de optie of door het attribuut aria-selected te gebruiken. Omdat de andere keuzes wel het aria-selected="false" attribuut hebben is dit een advies. Op pagina https://www.mijncn.nl/zoeken?q=werk komt hetzelfde probleem voor in de filtersectie bij de dropdown onder “Type”. Ook daar is de geselecteerde optie alleen visueel herkenbaar, zonder dat deze toestand is gemarkeerd in de code. Zorg dat de selectie ook in de HTML wordt aangegeven zodat hulpsoftware de juiste informatie kan overbrengen.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 30: Op pagina https://www.mijncn.nl/service/contact verschijnt in stap 2 van het formulier de melding “Controleer uw antwoorden” zonder dat de pagina wordt herladen. De focus wordt hierbij niet naar dit bericht verplaatst, waardoor het niet automatisch wordt aangekondigd aan gebruikers van een schermlezer. Hetzelfde probleem doet zich voor bij het bericht “Uw bericht is verzonden” dat verschijnt na het succesvol verzenden van het formulier. Een schermlezer kan deze meldingen alleen voorlezen aan blinde bezoekers als ze in de code zijn gemarkeerd als statusbericht. Hiervoor moet het bericht het attribuut aria-live="polite" of role="status" krijgen. Dit zorgt ervoor dat schermlezers de tekst automatisch aankondigen zodra deze zichtbaar wordt. Dezelfde problemen zijn aanwezig in het formulier op pagina https://www.mijncn.nl/helpdesk. Ook daar worden statusmeldingen niet aangekondigd aan schermlezers, omdat de juiste ARIA-attributen ontbreken.

Bevinding 31: Advies: Op pagina https://www.mijncn.nl/zoeken?q=werk wordt de melding “Uw zoekopdracht levert geen resultaten op.” getoond wanneer er geen zoekresultaten zijn. Deze melding wordt niet automatisch aangekondigd door schermlezers, terwijl dat wel zou moeten gebeuren. Er is geprobeerd om dit toegankelijk te maken door het attribuut aria-live="polite" toe te voegen, maar dit werkt niet ibij elke browser/hulpsoftware combinatie zoals bedoeld. Mogelijke oorzaken zijn dat het element al in de DOM aanwezig is vóórdat de inhoud verandert, of dat het aria-live-attribuut op een verkeerd element is toegepast. Zorg ervoor dat het aria-live-attribuut correct wordt toegepast op het juiste element, en dat de melding dynamisch in het live-region wordt geplaatst op het moment dat het bericht zichtbaar wordt. Alleen dan wordt het bericht betrouwbaar aangekondigd door schermlezers.

Onderbouwing van de evaluatie

Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Geprint: 2025-08-20 11:16:17 v2.4-011