Issues:
Audit digitale toegankelijkheid website NORA online
(Alleen de bevindingen)
Scope van de evaluatie
| Naam website | NORA online |
|---|---|
| Datum | 28 juni 2025 |
| Scope van de website |
Binnen de scope van het onderzoek valt:
|
| Conformiteitsdoel | WCAG 2.1 niveau AA |
Uitgebreide toetsresultaten
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.noraonline.nl/wiki/Laatste_wijzigingen_noraonline zijn secties aanwezig met verborgen inhoud. Het pijltje-icoon dat aangeeft dat er verborgen content aanwezig is, heeft geen tekstalternatief. Daardoor is voor schermlezers niet duidelijk dat hier verborgen inhoud beschikbaar is. Deze informatie is niet beschikbaar via een attribuut aria-expanded of via verborgen tekst. Zie ook succescriterium 4.1.2.
Bevinding 2: Op pagina https://www.noraonline.nl/wiki/ISO_42010 staat onder de kop “ISO 42010” een afbeelding die functioneert als een link. Deze interactieve afbeelding heeft geen tekstalternatief. Daardoor heeft de link geen inhoud en is deze niet toegankelijk voor schermlezers. Om deze link toegankelijk te maken, moet de afbeelding een tekstalternatief krijgen dat het linkdoel beschrijft. Zo weten bezoekers die schermlezers gebruiken waar de link naartoe leidt.
Bevinding 3: Op pagina https://www.noraonline.nl/wiki/ISO_42010 staat onder de kop “ISO 42010” een complexe afbeelding met lege alternatieve tekst. Complexe afbeeldingen zoals infographics en schema’s bevatten veel informatie die niet binnen de 150 tekens van de alternatieve tekst past. Deze informatie kan toegankelijk gemaakt worden door twee tekstalternatieven te bieden: een korte en een lange beschrijving. De korte beschrijving, meestal de alternatieve tekst, moet de locatie van de lange beschrijving aangeven. De lange beschrijving kan als tekst op de pagina zelf geplaatst worden, maar mag ook op een andere pagina of in een downloadbaar bestand staan.
Bevinding 4: Op pagina https://www.noraonline.nl/wiki/NORA_Gebruikersraad_2025-06-17 staan in de tekst onder de kop “Stand van zaken Actiepunten” drie pictogrammen van een vergrootglas die functioneren als links. De interactieve afbeeldingen hebben geen tekstalternatief, waardoor de links geen inhoud hebben. Dit is essentieel voor schermlezers. Voeg een tekstalternatief toe dat het linkdoel beschrijft, zodat de links toegankelijk worden.
Bevinding 5: Op pagina https://www.noraonline.nl/wiki/Eigenschap:Beschrijving ontbreekt bij meerdere pictogrammen met een plusteken, vergrootglas of oog een tekstalternatief. Deze pictogrammen functioneren als interactieve elementen, maar zonder alternatieve tekst missen de links inhoud. Dit maakt ze ontoegankelijk voor schermlezers.
Bevinding 6: Op pagina https://www.noraonline.nl/wiki/Ketensturing/De_wereld_van_ketens zijn secties met verborgen inhoud aanwezig. Het pijltje-icoon dat aangeeft dat er verborgen inhoud beschikbaar is, heeft geen duidelijke tekstalternatief. Schermlezers geven wel aan dat er sprake is van een uitklapbare sectie, maar geven niet weer om welke specifieke sectie het gaat. Daardoor is voor bezoekers die hulpsoftware gebruiken niet duidelijk welke inhoud wordt geopend.
Bevinding 7: In het pdf-document op https://www.noraonline.nl/images/noraonline/4/4a/Opzet_en_Werking_NORA_Gebruikersraad_v1-1.pdf staan op pagina 1 en pagina 5 informatieve afbeeldingen zonder tekstalternatief. Op pagina 1 gaat het om een afbeelding met teksten in verschillende kleuren, en op pagina 5 om het logo met de tekst “NORA Gebruikerstag”. Afbeeldingen die met de figure-tag zijn geplaatst, moeten altijd voorzien zijn van een beschrijving in de vorm van een alt-tekst. De figure-tag is bedoeld voor informatieve afbeeldingen en schermlezers lezen de alt-tekst voor. Zonder deze alt-tekst wordt alleen “afbeelding” voorgelezen, waardoor blinde bezoekers het gevoel kunnen krijgen dat ze inhoud missen. Voeg alt-teksten toe aan deze informatieve afbeeldingen.
Bevinding 8: In het pdf-document op https://www.noraonline.nl/images/noraonline/4/4a/Opzet_en_Werking_NORA_Gebruikersraad_v1-1.pdf is op alle pagina’s een logo aanwezig dat is toegevoegd als artefact. Afbeeldingen die als artefact zijn toegevoegd, zijn niet zichtbaar voor schermlezers. De informatie in deze afbeeldingen is daardoor niet toegankelijk voor bezoekers die de tekst laten voorlezen. Informatieve afbeeldingen moeten via een figure-tag worden geplaatst en voorzien zijn van een alt-tekst die de afbeelding duidelijk beschrijft. Voeg het logo op de eerste pagina toe met een figure-tag en een beschrijvende alt-tekst.
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Onvoldoende
Bevinding 9: Op pagina https://www.noraonline.nl/index.php?title=Speciaal:Zoeken&profile=advanced&search=werk&fulltext=1 is een groep invoervelden aanwezig met de knoppen “Alle” en “Geen”, voorafgegaan door de tekst “Selecteren”. Deze elementen zijn visueel gegroepeerd, maar de relatie is niet op de juiste manier gedefinieerd in de HTML. Gebruik hiervoor een fieldset en legend-constructie.
Bevinding 10: Op pagina https://www.noraonline.nl/wiki/Speciaal:GebruikerAanvragen verschijnt een foutmelding die buiten het form-element wordt geplaatst. Hierdoor is de melding niet gekoppeld aan het formulier en wordt deze mogelijk niet opgemerkt door hulpsoftware. Dit kan worden opgelost door de foutmelding binnen het form-element te plaatsen. Daarnaast kan de foutmelding worden gekoppeld aan het invoerveld met behulp van een aria-describedby-attribuut.
Bevinding 11: In het pdf-document op https://www.noraonline.nl/images/noraonline/4/4c/Statistieken_-_mei_2025.pdf ontbreken structurele codes, waardoor de inhoud niet toegankelijk is voor schermlezers. Hierdoor is het niet mogelijk het document volledig te onderzoeken. Dit betreft alle succescriteria die samenhangen met de codelaag in pdf’s, zoals semantische koppen en alternatieve teksten bij afbeeldingen. Als dit wordt opgelost, kunnen er nieuwe toegankelijkheidsproblemen aan het licht komen die nu nog niet zichtbaar zijn.
Bevinding 12: In het pdf-document op https://www.noraonline.nl/images/noraonline/4/4a/Opzet_en_Werking_NORA_Gebruikersraad_v1-1.pdf zijn de koppen “Opzet en werking NORA Gebruikersraad” en “Visiestuk over de rol en positie van de Gebruikersraad binnen de NORA Familie” niet gemarkeerd als koppen. De visuele structuur komt daardoor niet overeen met de tagstructuur van het document. Vervang de p-tag door een h-tag, zodat de structuur in de tags gelijk is aan de visuele structuur.
Bevinding 13: In het pdf-document op https://www.noraonline.nl/images/noraonline/4/4a/Opzet_en_Werking_NORA_Gebruikersraad_v1-1.pdf is de volgende tekst in de footer niet getagd: “Opzet en Werking NORA Gebruikersraad / Nadeem Taverne en Sandra van Dalen”. Dit deel van het document kan hierdoor niet worden onderzocht. Het betreft succescriteria die afhankelijk zijn van de pdf-codelaag, zoals semantische koppen en alternatieve teksten bij afbeeldingen. Als dit wordt opgelost, kunnen er nieuwe toegankelijkheidsproblemen zichtbaar worden die nu nog niet te constateren zijn.
1.3.2 Betekenisvolle volgorde (Niveau A)
Informatie over succescriterium 1.3.2 Betekenisvolle volgorde
Uitkomst: Onvoldoende
Bevinding 14: Op pagina https://www.noraonline.nl/wiki/NORA_Vijflaagsmodel komt ditzelfde probleem voor bij de link “architectuur”. De tooltip die aan deze link is gekoppeld, staat niet direct na de link in de code. De bijbehorende inhoud staat telkens onderaan in de code in plaats van direct na de link. Op andere pagina’s van de website komen soortgelijke situaties voor. Als de tooltip-inhoud niet in de buurt van de activerende link staat, kunnen bezoekers die hulpsoftware gebruiken de informatie moeilijk vinden of begrijpen.
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 15: Op pagina https://www.noraonline.nl/wiki/Speciaal:GebruikerAanvragen staat een formulier met invoervelden voor persoonlijke informatie zoals gebruikersnaam, e-mailadres en naam. Deze invoervelden missen het autocomplete-attribuut. Invoervelden voor persoonlijke informatie zoals achternaam, e-mailadres of telefoonnummer moeten het autocomplete-attribuut hebben. Hierdoor kunnen browsers en hulpsoftware helpen bij het invoeren, bijvoorbeeld door de velden automatisch in te vullen. Gebruik het autocomplete-attribuut 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.3 Contrast (minimum) (Niveau AA)
Informatie over succescriterium 1.4.3 Contrast (minimum)
Uitkomst: Onvoldoende
Bevinding 16: In het PDF-document op https://www.noraonline.nl/images/noraonline/4/4a/Opzet_en_Werking_NORA_Gebruikersraad_v1-1.pdf op pagina 1 staan teksten in verschillende kleuren op een witte achtergrond. De contrastratio is bij sommige van deze teksten te laag. Bijvoorbeeld, het groene woord “MARA” (HEX #A8C971) heeft een ratio van 1,9:1 en het grijze woord “LIDA” (HEX #A0A1A2) heeft een ratio van 2,6:1. Sommige andere teksten hebben een vergelijkbaar probleem. Omdat het hier om grote tekst gaat, moet de contrastratio minimaal 3,0:1 zijn.
1.4.5 Afbeeldingen van tekst (Niveau AA)
Informatie over succescriterium 1.4.5 Afbeeldingen van tekst
Uitkomst: Onvoldoende
Bevinding 17: In het pdf-document op https://www.noraonline.nl/images/noraonline/4/4a/Opzet_en_Werking_NORA_Gebruikersraad_v1-1.pdf, op pagina 1, staat een afbeelding met ingesloten tekst. Een afbeelding met tekst erin is voor veel bezoekers ontoegankelijk. Het is beter om deze tekst als gewone tekst in het document te plaatsen. Dan kunnen mensen die slechtziend zijn de teksteigenschappen aanpassen, zodat het beter leesbaar is voor hen. Dat kan nu niet, omdat de tekst in een afbeelding staat.
1.4.10 Reflow (Niveau AA)
Informatie over succescriterium 1.4.10 Reflow
Uitkomst: Onvoldoende
Bevinding 18: Op pagina https://www.noraonline.nl/wiki/NORA_online is bij een schermresolutie van 1280 bij 1024 pixels en een zoomniveau van 400% de placeholder-tekst in het zoekveld in de header slechts gedeeltelijk zichtbaar. Als een bezoeker inzoomt, moet alles nog werken.
Bevinding 19: Op pagina https://www.noraonline.nl/wiki/NORA_online is onderaan de pagina naast de afbeelding van een persoon en de tekst “Contact:” het e-mailadres afgekapt bij een schermresolutie van 1280 bij 1024 pixels en een zoomniveau van 400%. Dit probleem doet zich voor op alle pagina’s met dit soort sectie, wanneer het e-mailadres of de tekst te lang is. Andere voorbeelden zijn te vinden op pagina’s https://www.noraonline.nl/wiki/Kennisdeling en https://www.noraonline.nl/wiki/Architectuur_beschrijven_binnen_overheidsprojecten.
1.4.11 Contrast van niet-tekstuele content (Niveau AA)
Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content
Uitkomst: Onvoldoende
Bevinding 20: Op pagina https://www.noraonline.nl/wiki/Bouw_diensten_modulair_op staat onder de kop “Eerste bijeenkomsten:” een zoekveld met het label “Zoekopdracht”. De contrastverhouding tussen de grijze rand van dit invoerveld en de witte achtergrond is 1,4:1. De randen van interactieve elementen zoals invoervelden moeten minimaal een contrast van 3,0:1 hebben met de achtergrond.
Bevinding 21: Op pagina https://www.noraonline.nl/wiki/Bouw_diensten_modulair_op staat onder de kop “Eerste bijeenkomsten” een tabel met sorteerfunctie. De sorteerpijlen naast de kolomnamen hebben een te lage contrastratio. Ze zijn grijs (HEX #DCDCDC) op een witte achtergrond, wat resulteert in een contrastverhouding van 1,4:1. Informatieve en interactieve elementen moeten een contrastverhouding van minimaal 3,0:1 hebben.
Bevinding 22: Op pagina https://www.noraonline.nl/wiki/NORA_Gebruikersraad_2025-06-17 staan onder de kop “Stand van zaken Actiepunten” drie iconen met een vergrootglas die functioneren als links. De kleur van deze iconen is grijs (HEX #CCCCCC) op een witte achtergrond met een contrastverhouding van 1,6:1. Dezelfde lage contrastverhouding geldt ook wanneer de iconen toetsenbordfocus krijgen. Zorg dat het contrast minimaal 3,0:1 is. Dit komt ook voor op https://www.noraonline.nl/wiki/Eigenschap:Beschrijving.
2. Bedienbaar
2.4 Navigeerbaar
2.4.2 Paginatitel (Niveau A)
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Onvoldoende
Bevinding 23: Het pdf-document https://www.noraonline.nl/images/noraonline/4/4c/Statistieken_-_mei_2025.pdf heeft geen titel ingesteld in de bestandseigenschappen. Zelfs als er een titel op de eerste pagina staat, moet ook in de pdf-instellingen een documenttitel ingesteld worden. Als een pdf geopend wordt in een pdf-lezer (zoals Adobe Acrobat of een browser), staat de bestandsnaam meestal bovenaan in de titelbalk, bijvoorbeeld document123.pdf. Maar als een documenttitel in de pdf-metadata is ingesteld, dan wordt die titel in plaats van de bestandsnaam getoond. Dit maakt het document toegankelijker voor bezoekers met verschillende beperkingen. Zij kunnen dan snel en gemakkelijk zien of het document relevant is. Dit kan aangepast worden in de bestandseigenschappen van het bronbestand of van het pdf-document.
2.4.3 Focus volgorde (Niveau A)
Informatie over succescriterium 2.4.3 Focus volgorde
Uitkomst: Onvoldoende
Bevinding 24: Op pagina https://www.noraonline.nl/wiki/Speciaal:GebruikerAanvragen is de focusvolgorde niet logisch. Een van de invoervelden op de pagina is verwijderd uit de natuurlijke tabvolgorde door gebruik van een tabindex-attribuut met waarde groter dan 0. Het invoerveld onder de tekst “Om te beoordelen dat…” heeft tabindex=1 en krijgt daardoor als eerste toetsenbordfocus. Dit is een probleem voor bezoekers die met de tab-toets navigeren. Daardoor klopt de volgorde niet meer. Zorg ervoor dat de toetsenbordfocus logisch is als met het toetsenbord wordt genavigeerd. Verwijder het tabindex-attribuut of zet de waarde op 0 om de natuurlijke en consistente volgorde te herstellen.
Bevinding 25: Als de website op een klein scherm wordt bekeken, verschijnt er een menuknop bovenaan de pagina. Deze knop opent een mobiel menu. Op dit moment kunnen bezoekers uit het mobiele menu navigeren met het toetsenbord. De toetsenbordfocus verschuift dan naar de onderliggende pagina terwijl het menu open blijft staan. Bij dit soort menu’s moet de toetsenbordfocus goed worden ingesteld. Wanneer het menu actief is, moet de focus binnen het menu blijven en mag deze niet op de onderliggende pagina terechtkomen. Dit kan worden opgelost door de focus binnen het menu te houden, totdat de bezoeker op de sluitknop heeft geklikt of op de ESC-toets heeft gedrukt. Het is ook mogelijk om het menu automatisch te sluiten zodra de toetsenbordfocus eruit gaat.
2.4.4 Linkdoel (in context) (Niveau A)
Informatie over succescriterium 2.4.4 Linkdoel (in context)
Uitkomst: Onvoldoende
Bevinding 26: Op pagina https://www.noraonline.nl/wiki/ISO_42010 staat onder de kop “ISO 42010” een afbeelding die functioneert als een link. Het alt-attribuut van deze afbeelding is leeg (alt=""). Daardoor heeft deze link geen inhoud en is het onduidelijk naar welke bestemming de link verwijst. Dit probleem is gerelateerd aan succescriterium 4.1.2, want de link heeft hierdoor ook geen toegankelijke naam. Dit kan worden opgelost door een alt-tekst aan de afbeelding toe te voegen. Andere oplossingen zijn mogelijk.
Bevinding 27: Op pagina https://www.noraonline.nl/wiki/NORA_Gebruikersraad_2025-06-17 staan in de tekst onder de kop “Stand van zaken Actiepunten” drie iconen met een vergrootglas die functioneren als links. Deze iconen hebben geen alternatieve tekst. Daardoor heeft deze link geen inhoud en is het onduidelijk naar welke bestemming de link verwijst. Dit probleem is gerelateerd aan succescriterium 4.1.2, want de link heeft hierdoor ook geen toegankelijke naam. Dit kan worden opgelost door een alt-tekst aan de afbeelding toe te voegen. Andere oplossingen zijn mogelijk. Op pagina https://www.noraonline.nl/wiki/Eigenschap:Beschrijving komt hetzelfde probleem voor bij meerdere iconen zoals het plusteken, het vergrootglas en het oog. Ook deze iconen functioneren als links zonder alternatieve tekst en hebben dus geen herkenbaar linkdoel.
2.4.7 Focus zichtbaar (Niveau AA)
Informatie over succescriterium 2.4.7 Focus zichtbaar
Uitkomst: Onvoldoende
Bevinding 28: Op pagina https://www.noraonline.nl/wiki/Bouw_diensten_modulair_op staan invoervelden van het type checkbox. Wanneer een bezoeker met het toetsenbord navigeert, komt de focus na de knop op het invoerveld terecht, maar deze focus is niet zichtbaar. De toetsenbordfocus moet altijd zichtbaar zijn op interactieve elementen zoals links, knoppen en invoervelden die met het toetsenbord focus kunnen krijgen. Bezoekers die met het toetsenbord navigeren moeten goed kunnen zien op welke plek van de pagina ze zijn. Anders weten ze niet op welk moment ze op Enter moeten drukken om een knop of link te bedienen.
2.5 Input modaliteiten
2.5.3 Label in naam (Niveau A)
Informatie over succescriterium 2.5.3 Label in naam
Uitkomst: Onvoldoende
Bevinding 29: Op pagina https://www.noraonline.nl/wiki/Bouw_diensten_modulair_op staan invoervelden van het type checkbox. De toegankelijke naam van het invoerveld is leeg. De zichtbare tekst “Exporteren” is niet opgenomen in de toegankelijke naam van dit veld. Als de zichtbare tekst niet voorkomt in de toegankelijke naam, kan het element niet met spraak worden bediend. De commando’s die de bezoeker uitspreekt door de zichtbare tekst voor te lezen, zullen het element dan niet activeren. Zorg dus dat de zichtbare tekst in de toegankelijke naam staat, bij voorkeur vooraan.
3. Begrijpelijk
3.1 Leesbaar
3.1.1 Taal van de pagina (Niveau A)
Informatie over succescriterium 3.1.1 Taal van de pagina
Uitkomst: Onvoldoende
Bevinding 30: In de metagegevens van de pdf op https://www.noraonline.nl/images/noraonline/4/4c/Statistieken_-_mei_2025.pdf is de taal niet ingesteld. Het is belangrijk om de taal in te stellen. Dan kan hulpsoftware de informatie uit het bestand met de juiste uitspraakregels voorlezen. Dit kan worden ingesteld via de bestandseigenschappen.
3.3 Assistentie bij invoer
3.3.2 Labels of instructies (Niveau A)
Informatie over succescriterium 3.3.2 Labels of instructies
Uitkomst: Onvoldoende
Bevinding 31: Op pagina https://www.noraonline.nl/wiki/Speciaal:GebruikerAanvragen staat onder de tekst die begint met "Om te beoordelen dat..." een invoerveld zonder label. Dit heeft impact op bezoekers met screenreaders. Gebruik het label-element om dit invoerveld een label te geven, geassocieerd met for en id.
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 32: Op pagina https://www.noraonline.nl/wiki/Bouw_diensten_modulair_op staat onder de kop “Nieuws & Agenda” een tabel met knoppen om de resultaten te sorteren. Deze knoppen hebben geen naam, geen juiste rol en geven geen informatie over de sorteertoestand. Dit heeft impact op screenreaders en spraakbesturing. Voeg een knop toe met een label die het attribuut aria-sort heeft. Meer informatie over het toegankelijk maken van sorteerbare tabellen is te vinden op https://www.w3.org/WAI/ARIA/apg/patterns/table/examples/sortable-table/. Een vergelijkbaar probleem is aanwezig bij de sorteerknoppen op pagina https://www.noraonline.nl/wiki/Bouw_diensten_modulair_op in de tabel onder de kop “Alle implicaties bij dit architectuurprincipe”.
Bevinding 33: Onderaan veel pagina’s, zoals op pagina https://www.noraonline.nl/wiki/NORA_online, staat een uitklapbare sectie “Toon meer details”. Het section-element in deze sectie gebruikt de attributen aria-expanded en aria-live, maar aria-expanded mag niet gebruikt worden op een section-element. Het attribuut aria-expanded moet worden geplaatst op een interactief element zoals een button of een link waarmee de bezoeker de sectie kan openen of sluiten. Het attribuut aria-live=“polite” werkt alleen wanneer de inhoud dynamisch verandert en heeft geen effect bij statische of vooraf geladen inhoud (en mag dus verwijderd worden). Verkeerd gebruik van ARIA-attributen kan leiden tot verwarring bij hulpsoftware en verminderde toegankelijkheid. Omdat deze sectie bedoeld is als een accordeonpaneel, is het beter om een button te gebruiken met de attributen aria-controls en aria-expanded, zoals beschreven in de WAI-ARIA Authoring Practices.
Bevinding 34: Op pagina https://www.noraonline.nl/index.php?title=Speciaal:Zoeken&profile=advanced&search=werk&fulltext=1 staat onder de kop “Zoeken” een zoekveld zonder toegankelijke naam. Hierdoor is het element niet toegankelijk. Geef het select-element een toegankelijke naam.
Bevinding 35: Op pagina https://www.noraonline.nl/wiki/Laatste_wijzigingen_noraonline staat onder de kop “Recente wijzigingen” een opmaaktabel. In de tabel staan secties met verborgen inhoud. De checkboxen die voor de functionaliteit (uitgeklapt of ingeklapt) zorgen hebben geen toegankelijke rol en geen toegankelijke naam. Hierdoor werkt het aria-expanded-attribuut dat is toegevoegd aan het span-element niet zoals verwacht. Gebruik het button-element in plaats van een span element en zet het aria-expanded attribuut daarop. Het tabindex-attribuut kan dan verwijderd worden.
Bevinding 36: Op pagina https://www.noraonline.nl/wiki/ISO_42010 staat onder de kop “ISO 42010” een afbeelding die functioneert als link, maar deze link heeft geen toegankelijke naam. Hierdoor begrijpen bezoekers die een schermlezer gebruiken niet wat de bestemming of de functie is van de link. Geef deze link een toegankelijke naam die het doel van de link beschrijft.
Bevinding 37: Op pagina https://www.noraonline.nl/wiki/Speciaal:GebruikerAanvragen ontbreekt bij het invoerveld onder de tekst die begint met “Om te beoordelen dat…” een toegankelijke naam. Hierdoor is het voor blinde of slechtziende bezoekers die een schermlezer gebruiken niet duidelijk wat zij in moeten vullen. Invoervelden moeten altijd een toegankelijke naam hebben die het doel van het veld beschrijft. Geef het invoerveld dus een toegankelijke naam, bijvoorbeeld door een label-element aan het veld te koppelen.
Bevinding 38: Op https://www.noraonline.nl/wiki/Speciaal:GebruikerAanvragen zijn twee fieldset-elementen aanwezig met lege legend-elementen. Dit geldt voor het invoerveld “Uw naam” en voor het veld onder de tekst “Om te beoordelen dat…”. Deze fieldset-elementen groeperen geen invoervelden en zijn daardoor overbodig.
Bevinding 39: Op https://www.noraonline.nl/wiki/Speciaal:GebruikerAanvragen heeft het invoerveld “Om te beoordelen dat…” geen label. Voeg een label toe en associeer het met for en id.
Bevinding 40: Op pagina https://www.noraonline.nl/wiki/NORA_Gebruikersraad_2025-06-17 staan in de tekst onder de kop “Stand van zaken Actiepunten” drie iconen met een vergrootglas die functioneren als links. Deze iconen hebben geen alternatieve tekst en daardoor hebben de bijbehorende links geen toegankelijke naam. Hierdoor begrijpen bezoekers die een schermlezer gebruiken niet wat de bestemming of de functie is van de link. Geef deze link een toegankelijke naam die het doel van de link beschrijft. Dit komt ook voor op https://www.noraonline.nl/wiki/Eigenschap:Beschrijving met iconen zoals het plusteken, het vergrootglas en het oog. Ook deze iconen functioneren als links zonder alternatieve tekst en hebben dus geen toegankelijke naam.
Bevinding 41: Op pagina https://www.noraonline.nl/wiki/Ketensturing/De_wereld_van_ketens zijn er secties met verborgen inhoud. De knoppen waarmee deze secties worden geopend of gesloten hebben geen duidelijke toegankelijke naam. Geef de knoppen toegankelijke namen, zodat gebruikers van hulptechnologieën kunnen begrijpen welke specifieke sectie ze openen of sluiten.
4.1.3 Statusberichten (Niveau AA)
Informatie over succescriterium 4.1.3 Statusberichten
Uitkomst: Onvoldoende
Bevinding 42: Op pagina https://www.noraonline.nl/wiki/Bouw_diensten_modulair_op staat onder de kop “Eerste bijeenkomsten” een tabel met een zoekveld. Wanneer er tekst wordt ingevoerd, worden de resultaten in de tabel aangepast en verschijnt er een melding zoals “Weergave 1 tot 4 van 4 resultaten” zonder dat de pagina opnieuw wordt geladen. Deze melding is een statusbericht, maar wordt niet automatisch voorgelezen door schermlezers omdat deze geen toetsenbordfocus krijgt. Dat zou wel moeten gebeuren. Statusberichten moeten automatisch voorgelezen worden door schermlezers zodra ze verschijnen of veranderen. De code die dit mogelijk maakt is nog niet toegevoegd. Dit kan worden opgelost door het aria-live-attribuut aan de melding toe te voegen. Tijdens de hercontrole is gebleken dat de juiste attributen zijn toegevoegd. Echter de statusmelding wordt niet op tijd voorgelezen.
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
- Homepagina:
https://www.noraonline.nl/wiki/NORA_online - Contact:
https://www.noraonline.nl/wiki/Contact - Zoekresultaten:
https://www.noraonline.nl/index.php?title=Speciaal:Zoeken&profile=advanced&search=werk&fulltext=1 - Nieuws & Agenda:
https://www.noraonline.nl/wiki/Nieuws_%26_Agenda - NORA Vijflaagsmodel:
https://www.noraonline.nl/wiki/NORA_Vijflaagsmodel - Architectuur beschrijven binnen overheidsprojecten:
https://www.noraonline.nl/wiki/Architectuur_beschrijven_binnen_overheidsprojecten - Pagina niet gevonden:
https://www.noraonline.nl/wiki/404 - Laatste wijzigingen noraonline:
https://www.noraonline.nl/wiki/Laatste_wijzigingen_noraonline - Kennisdeling:
https://www.noraonline.nl/wiki/Kennisdeling - ISO 42010:
https://www.noraonline.nl/wiki/ISO_42010 - Gebruiker:
https://www.noraonline.nl/wiki/Gebruiker:Peterm - Account aanvragen:
https://www.noraonline.nl/wiki/Speciaal:GebruikerAanvragen - Bouw diensten modulair op:
https://www.noraonline.nl/wiki/Bouw_diensten_modulair_op - Eigenschap:Beschrijving:
https://www.noraonline.nl/wiki/Eigenschap:Beschrijving - Ketensturing/De wereld van ketens:
https://www.noraonline.nl/wiki/Ketensturing/De_wereld_van_ketens - Jaarplan NORA 2025:
https://www.noraonline.nl/wiki/Jaarplan_NORA_2025 - NORA Gebruikersraad 2025-06-17:
https://www.noraonline.nl/wiki/NORA_Gebruikersraad_2025-06-17 - Bestand:Statistieken - mei 2025.pdf:
https://www.noraonline.nl/wiki/Bestand:Statistieken_-_mei_2025.pdf - NORA Gebruikersraad:
https://www.noraonline.nl/wiki/NORA_Gebruikersraad - Statistieken_-_mei_2025.pdf:
https://www.noraonline.nl/images/noraonline/4/4c/Statistieken_-_mei_2025.pdf - Opzet en werking NORA Gebruikersraad:
https://www.noraonline.nl/images/noraonline/4/4a/Opzet_en_Werking_NORA_Gebruikersraad_v1-1.pdf
Ondersteunende technieken
Bronnen
-
Evaluatiedocument WCAG 2.0
www.drempelvrij.nl/over-het-waarmerk -
Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
www.w3.org/Translations/WCAG20-nl -
Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
www.w3.org/WAI/eval/conformance -
Web Content Accessibility Guidelines (WCAG)
www.w3.org/WAI/intro/wcag -
How to Meet WCAG 2.1 Quick Reference
www.w3.org/WAI/WCAG21/quickref/
Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.