Issues:
Audit digitale toegankelijkheid website integriteitlimburg.nl
(Alleen de bevindingen)
Scope van de evaluatie
Naam website | integriteitlimburg.nl |
---|---|
Datum | 28 januari 2025. |
Scope van de website |
Binnen de scope van 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: Aangepaste bevinding als gevolg van het updaten van het jaarverslag:
In de PDF op pagina https://integriteitlimburg.nl/wp-content/uploads/Jaarverslag-integriteit-2023-definitief-toegankelijk-pdf.pdf staat op pagina 1 en 2 het logo van de provincie. Deze logo's met bijbehorende tekst zijn beiden opgemaakt als artifact, terwijl deze afbeelding niet decoratief zijn. Het is voldoende als één van deze twee logo's als afbeelding getagd wordt een een tekstalternatief krijgt dat duidelijk maakt dat hier het logo van de provincie staat.
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Onvoldoende
Bevinding 2: Nieuwe bevinding als gevolg van het oplossen van een bevinding uit een eerdere audit:
In het Word-document https://integriteitlimburg.nl/wp-content/uploads/DLgedragscode-burgemeester-Roermond.docx wordt op meerdere plekken tekst met nadruk gebruikt in plaats van een koptekst, bijvoorbeeld op pagina pagina 5, waar de blauwe teksten met 'nadruk' en 'intensieve nadruk' zijn opgemaakt. Maak gebruik van koppen om dit probleem op te lossen. Zorg ervoor dat dit in het gehele document goed gaat.
Bevinding 3: Nieuwe bevinding als gevolg van het updaten van het document:
Op pagina 3 in het document op https://integriteitlimburg.nl/wp-content/uploads/DLgedragscode-burgemeester-Roermond.docx komt een opsomming voor. Het eerste item, 'Benoembaarheidsvereisten (10, 35,36a en 41a Gemeentewet)', staat visueel in de lijst maar is er in de code buitengelaten. Zorg ervoor dat deze onderdeel is van dezelfde lijst.
Bevinding 4: Aangepaste bevinding als gevolg van het oplossen van een bevinding uit een eerdere audit:
De PDF op https://integriteitlimburg.nl/wp-content/uploads/Handreiking-risicoanalyse-openbaar-bestuur.pdf bevat visueel koppen die niet als titel/kop zijn opgemaakt. Bijvoorbeeld de tekst op het titelblad, en de teksten 'Provinciale Stuurgroep Integriteit' en 'Inleiding' op pagina 2. Daarnaast is het hoogste kopniveau in dit document nu kopniveau 3. Maak gebruik van een logische, aflopende kopvolgorde om dit document structuur te geven.
Bevinding 5: Aangepaste bevinding naar aanleiding van de hercontrole:
De PDF op pagina https://integriteitlimburg.nl/wp-content/uploads/Jaarverslag-integriteit-2023-definitief-toegankelijk-pdf.pdf is niet voldoende goed getagd:
- Het document begint met de tekst "Jaarverslag integriteit 2023", het is nodig om deze tekst op te maken als kop.
0 Onder de kop "Inhoud" zijn paginanummers zichtbaar, die nummers komen niet terug in de tags omdat ze getagd zijn als artefact.
- Teksten zoals "Integriteit? Praat erover met de ander" zijn vetgedrukt omdat deze bedoeld zijn als kop, maar in de tags zijn deze teksten opgemaakt als tekst. De rode tekst 'ROL EN POSITIE COMMISSARIS
VAN DE KONING BINNEN HET
INTEGRITEITSBELEID' op pagina 7 is ook niet opgemaakt als kop. Vergelijkbare problemen komen op meerdere pagina's voor.
- Op meerdere pagina's is content simpelweg niet getagd. Het gaat onder andere om de "3 Vergaderingen in beslotenheid door de Commissie Integriteitsbevordering" op pagina 15, deze onderdelen zijn als artefact opgemaakt. De visuele informatie over de verkiezingen Provinciale Staten van Limburg op pagina's 18 en 19 is niet uit de tags op te maken. Er zijn geen koppen, lijsten, visueel verborgen teksten of andere elementen gebruikt om deze content beschikbaar te maken voor gebruikers die de visuele presentatie niet (goed) kunnen waarnemen.
- Ook hier is de tekst voor gebruikers van hulpsoftware over veel te veel alinea's (p-tags) verdeeld.
Verdere voorbeelden van problemen met het succescriterium: Info en relaties in deze PDF worden niet gegeven.
1.3.2 Betekenisvolle volgorde (Niveau A)
Informatie over succescriterium 1.3.2 Betekenisvolle volgorde
Uitkomst: Onvoldoende
Bevinding 6: Nieuwe bevinding als gevolg van het updaten van het jaarverslag:
Op pagina https://integriteitlimburg.nl/wp-content/uploads/Jaarverslag-integriteit-2023-definitief-toegankelijk-pdf.pdf staat een PDF waarin de volgorde van de tags niet altijd juist is. Bijvoorbeeld op pagina 16 staat de tekst "2.3 Extern adviseur integriteit en Integriteitsdriehoek". Deze tekst moet sowieso een kop worden met daaronder de content "4 Bijeenkomsten Integriteitsdriehoek". In de volgorde van de tags staat deze content onder "2.6 Meldingen van (vermoedens) integriteitsschendingen PS/GS". Dit is ook op andere pagina's een probleem. De content onder 2.3 is enkel als voorbeeld van dit type probleem gebruikt.
1.4 Onderscheidbaar
1.4.3 Contrast (minimum) (Niveau AA)
Informatie over succescriterium 1.4.3 Contrast (minimum)
Uitkomst: Onvoldoende
Bevinding 7: Aangepaste bevinding naar aanleiding van de hercontrole:
In de https://integriteitlimburg.nl/wp-content/uploads/Jaarverslag-integriteit-2023-definitief-toegankelijk-pdf.pdf komen meerdere contrastproblemen voor:
- Op onder andere pagina 8 komt lichtblauwe tekst (HEX #B7E2FA) op een blauwe achtergrond (HEX #4185C6) voor. De contrastratio is hier 2,8:1 waar dat minimaal 3:1 moet zijn voor grote tekst en 4,5:1 voor normale tekst. Dit doet zich op meerdere plekken voor.
- Op pagina 14 heeft de blauwe (HEX #4386C6) tekst met 3,5:1 niet voldoende contrast met de blauwe (HEX #EBF7FE) achtergrond.
- Op pagina 15 heeft de witte drie met 1,4:1 niet voldoende contrast met de lichtblauwe (HEX #B7E2FA) achtergrond. Deze problemen komen ook voor op pagina's 16 tot en met 19.
- Op pagina 28, 29 en 53 is heeft de combinatie wit en geel (HEX #FFCD1C) een contrastratio van 1,4:1 waar dat minimaal 3:1 moet zijn voor grote tekst.
- De combinatie blauw (HEX #4185C6) op blauw (HEX #0A4479) op pagina's 49 tot en met 51 voldoet met 2,5:1 ook niet. Hier is de contrastratio 2,5:1 waar dat minimaal 3:1 moet zijn. Dezelfde blauw (HEX #4185C6) wordt hier ook gebruikt als gewone tekst op een witte achtergrond. Hier is de contrastratio 3,8:1 waar dat minimaal 4,5:1 moet zijn.
Bevinding 8: Nieuwe bevinding naar aanleiding van de hercontrole:
In het document op pagina https://integriteitlimburg.nl/wp-content/uploads/DLgedragscode-burgemeester-Roermond.docx komt blauwe tekst voor (stijl: kop 3) op een witte achtergrond (HEX #4F81BD). De contrastratio is hier 4:1, waar dat minimaal 4,5:1 moet zijn.
2. Bedienbaar
2.2 Genoeg tijd
2.2.2 Pauzeren, stoppen, verbergen (Niveau A)
Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen
Uitkomst: Onvoldoende
Bevinding 9: Nieuwe bevinding naar aanleiding van de hercontrole:
Op pagina https://integriteitlimburg.nl/ komt bewegend beeld voor bij de tekst 'Hoe integer handel jij?'. Dit bewegende beeld is niet stop te zetten door bezoekers. Zorg ervoor dat bezoekers de beweging kunnen pauzeren, stopzetten of deze content weg kunnen halen.
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 10: Aangepaste bevinding naar aanleiding van de hercontrole:
Op pagina https://integriteitlimburg.nl/gedragscode/ komen uitklapbare elementen voor. Dit zijn li-elementen, met daarop het aria-expanded attribuut. Omdat een li-element niet interactief is, mag het aria-expanded attribuut hier niet op geplaatst. worden (en wordt ook niet voorgelezen door hulpsoftware). Hierin zit vervolgens een div-element, met een tabindex=0. Een div-element heeft van zichzelf helemaal geen rol en moet daarom een rol hebben om met het toetsenbord bediend te mogen worden. Maak hier bij voorkeur gebruik van buttons, waarop het aria-expanded attribuut wordt gebruikt. Hierdoor hoeft er ook geen tabindex meer toegevoegd te worden. Dit probleem speelt ook op https://integriteitlimburg.nl/samenwerking/.
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
- Home:
https://integriteitlimburg.nl/ - Thema's:
https://integriteitlimburg.nl/themas/ - Thema Gedragscode:
https://integriteitlimburg.nl/gedragscode/ - Actualiteiten:
https://integriteitlimburg.nl/actualiteit/ - Nieuwsbericht:
https://integriteitlimburg.nl/serious-game-over-integriteit-gelanceerd-voor-professionals-in-het-publieke-domein/ - Over ons:
https://integriteitlimburg.nl/over-ons/ - Privacybeleid:
https://integriteitlimburg.nl/privacy-policy/ - Disclaimer:
https://integriteitlimburg.nl/disclaimer/ - Zoekresultaten:
https://integriteitlimburg.nl/search/handelen - Foutpagina:
https://integriteitlimburg.nl/melding - Thema subpagina:
https://integriteitlimburg.nl/preventie/financiele-belangenverstrengeling/ - Word-document:
https://integriteitlimburg.nl/wp-content/uploads/DLgedragscode-burgemeester-Roermond.docx - PDF 1:
https://integriteitlimburg.nl/wp-content/uploads/Handreiking-risicoanalyse-openbaar-bestuur.pdf - PDF 2:
https://integriteitlimburg.nl/wp-content/uploads/Jaarverslag-integriteit-2023-definitief-toegankelijk-pdf.pdf - Nieuwsbericht:
https://integriteitlimburg.nl/werkgroep-integriteit-limburg-in-een-nieuw-jasje/ - Thema Samenwerking:
https://integriteitlimburg.nl/samenwerking/
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.