Bevindingen voor je spreadsheet: Deelonderzoek content digitale toegankelijkheid website Gemeente Dordrecht

Via deze pagina kan je de bevindingen of de steekproef van het onderzoek kopiëren naar het geheugen van je computer. Daarna kan je de informatie plakken in een spreadsheet zoals Excel. Voor deze functionaliteit is JavaScript vereist. Mocht de knop niet werken probeer dan altijd een keer de pagina te verversen. Vaak doet de kopieerknop het dan weer wel.

Onderzoeker: Erik Kroes; Jules Ernst van 200 OK
Datum: 10 oktober 2024
Opdrachtgever: Maurijn Rozema van Gemeente Dordrecht

Scope van de evaluatie

Naam website	Gemeente Dordrecht
Scope	Alle pagina's op cms.dordrecht.nl Niet de pagina's op loket.dordrecht.nl (onderdeel van een ander onderzoek) Niet de pagina's op webdiensten.drechtsteden.nl (onderdeel van een ander onderzoek) Niet de pagina's op edienstenburgerzaken.dordrecht.nl (onderdeel van een ander onderzoek) Niet de chatwidget

Uitgebreide toetsresultaten

Aantal bevindingen: 39

`nr`	`Bevinding`	`WCAG SC`	`Mogelijk verantwoordelijk`	`Status`
`1`	`Op de pagina https://cms.dordrecht.nl/Inwoners/Overzicht_Inwoners/Natuur_en_milieu/Schoon/De_schoonste_buurt_van_Dordrecht staat onder het kopje "Eregalerij" een afbeelding. De alternatieve tekst van deze afbeelding is "DeSchoonsteBuurtvanDordrecht_Ronde5_Winnaar_Warmoezierspad". Deze tekst is geen omschrijving van de afbeelding, en geen alternatief hiervoor.`	`1.1.1`	`techniek, content, visuele vormgeving`
`2`	Op de pagina https://cms.dordrecht.nl/Inwoners/Overzicht_Inwoners/Natuur_en_milieu/Schoon/De_schoonste_buurt_van_Dordrecht staat een tabel met tussenstanden. De koppen (Plaats, Buurt en Record aantal dagen) in deze tabel zijn opgemaakt met h3-elementen, in plaats van gebruik te maken van th-elementen. Daardoor is de relatie tussen de koppen en datacellen voor screenreadergebruikers niet duidelijk. Zorg ervoor dat tabellen goed zijn opgemaakt en gebruik voor tabelkoppen altijd het th-element. De tabel in de eregallerij heeft ook een foutieve koppenopmaak.	`1.3.1`	`techniek, interactieontwerp, content, visuele vormgeving`
`3`	Op pagina https://cms.dordrecht.nl/Inwoners/Overzicht_Inwoners/Parkeren_verkeer_en_vervoer/Betaald_parkeren/Parkeergeld_betalen_via_mobiele_telefoon is een tabel gebruikt onder het kopje Kosten en gebiedscodes. Bovenaan de tabel zijn de koppen netjes voorzien van tabelkoppen. De linkerkolom zijn met het strong-element vetgemaakt. Strong is om nadruk te leggen in delen van tekst. Niet om koppen te markeren. Zorg ervoor dat de eerste kolom ook gemarkeerd s met het th-element. Het weglaten van het strong-element (dus de teksten niet vertgedrukt maken is ook een mogelijkheid.	`1.3.1`	`techniek, interactieontwerp, content, visuele vormgeving`
`4`	De PDF https://cms.dordrecht.nl/Bestuur/Overzicht_Bestuur/Politiek_akkoord_2022_2026_Samen_bouwen_aan_een_sterk_en_groen_Dordrecht/Het_Politiek_Akkoord_2022_2026.pdf is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF code laag zoals semantische koppen en ALT-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.	`1.3.1`	`techniek, interactieontwerp, content, visuele vormgeving`
`5`	`De PDF https://cms.dordrecht.nl/Mediatheek/Bestanden/Inwoners/Vergunningen/Toelichting_nadere_regels_uitstallingen_binnenstad.pdf was oorspronkelijk niet gecodeerd. Inmiddels is er een codeerlaag opgenomen in de PDF. Echter de structuur ontbreekt. Zo zijn koppen niet gecodeerd met <H1>, <H2>, ... en bij opsommingen ontbreken de <L> en <LI>.`	`1.3.1`	`techniek, interactieontwerp, content, visuele vormgeving`
`6`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`1.3.2`	`content, visuele vormgeving`
`7`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`1.3.4`	`interactieontwerp`
`8`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`1.3.5`	`techniek, content`
`9`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`1.4.2`	`techniek, content`
`10`	`Op https://cms.dordrecht.nl/ is een menu met het item "Inwoners". Op https://cms.dordrecht.nl/Contact is het menu-item "Contact". En zo varieert het exacte item afhankelijk van de actieve pagina. Dit is een rode tekst op een bijna witte achtergrond. Bij "hover" wordt de achtergrond donkerder en grijziger. Hiermee neemt de contrastverhouding af en zakt het naar 3,6:1, minder dan de vereiste 4,5:1 voor normale tekst.`	`1.4.3`	`interactieontwerp`
`11`	`Op https://cms.dordrecht.nl/Configuratie/Zoekresultaten?freetext=dordrecht worden de filters op een lage resolutie achter een knop "filters" geplaatst. Deze knop kan de filters tonen en toont dan ook een kop "verfijn uw zoekopdracht". Deze kop is wit op een witte achtergrond, en heeft daarmee onvoldoende contrast (contrastverhouding 1:1).`	`1.4.3`	`interactieontwerp`
`12`	In de PDF https://cms.dordrecht.nl/Bestuur/Overzicht_Bestuur/Politiek_akkoord_2022_2026_Samen_bouwen_aan_een_sterk_en_groen_Dordrecht/Het_Politiek_Akkoord_2022_2026.pdf op pagina 4 zijn 5 cirkels met daarin witte tekst. De cirkel met de groene kleur heeft een witte tekst waarvan het contrast te laag is. De contrastverhouding is van witte tekst in de groene cirkel is 3,1:1 waar dit voor dit grote lettertype 3:1 moet zijn. Dit probleem komt ook op andere pagina's voor zoals pagina 7. Op pagina 9 moet de contrastverhouding in het groene vlak 4,5:1 zijn.	`1.4.3`	`interactieontwerp`
`13`	In de PDF https://cms.dordrecht.nl/Bestuur/Overzicht_Bestuur/Politiek_akkoord_2022_2026_Samen_bouwen_aan_een_sterk_en_groen_Dordrecht/Het_Politiek_Akkoord_2022_2026.pdf op pagina 4 zijn 5 cirkels met daarin witte tekst. De cirkel met de gele kleur heeft een witte tekst waarvan het contrast te laag is. De contrastverhouding is van witte tekst in de gele cirkel is 1,9:1 waar dit voor dit grote lettertype 3:1 moet zijn. Dit probleem komt ook op andere pagina's voor zoals pagina 10. Op pagina 13 moet de contrastverhouding in het gele vlak 4,5:1 zijn.	`1.4.3`	`interactieontwerp`
`14`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`1.4.4`	`interactieontwerp, content`
`15`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`1.4.10`	`interactieontwerp, content`
`16`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`1.4.12`	`interactieontwerp`
`17`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`1.4.13`	`techniek, interactieontwerp, content`
`18`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`2.1.1`	`techniek, content`
`19`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`2.1.2`	`content`
`20`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`2.2.1`	`techniek, content`
`21`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`2.4.1`	`techniek, content`
`22`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`2.4.3`	`techniek, content`
`23`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`2.4.5`	`techniek, interactieontwerp, visuele vormgeving`
`24`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`2.4.7`	`interactieontwerp, content`
`25`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`2.5.1`	`techniek`
`26`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`2.5.2`	`techniek`
`27`	`Op de pagina https://cms.dordrecht.nl/Inwoners/Overzicht_Inwoners/Natuur_en_milieu/Schoon/De_schoonste_buurt_van_Dordrecht staat een link "www.dordrecht.nl/schonestad". Deze link heeft als naam ", opent in een nieuw venster". De zichtbare naam (het label) komt niet in deze naam voor.`	`2.5.3`	`techniek, interactieontwerp, content`
`28`	`Op de pagina https://cms.dordrecht.nl/Configuratie/Footer/Over_de_website/Privacyverklaring staat een link "Baseline Informatiebeveiliging Nederlandse Overheid (BIO)". Deze link heeft de naam (in de code) "ga naar bio-overheid.nl, opent externe website". Doordat deze sterk afwijkt van de zichtbare naam (het label) kan deze problematisch zijn voor mensen die van spraakbesturing.`	`2.5.3`	`techniek, interactieontwerp, content`
`29`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`2.5.4`	`techniek`
`30`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`3.2.1`	`techniek, content`
`31`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`3.2.2`	`techniek, content`
`32`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`3.2.3`	`interactieontwerp`
`33`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`3.3.1`	`techniek`
`34`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`3.3.2`	`techniek`
`35`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`3.3.3`	`techniek`
`36`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`3.3.4`	`techniek, visuele vormgeving`
`37`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht. Daarnaast wordt sinds de komst van WCAG 2.2 niet meer afgekeurd op dit succescriterium.`	`4.1.1`	`content`
`38`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`4.1.2`	`techniek, content, visuele vormgeving`
`39`	`Dit onderzoek richt zich op de content van de website. Daarom is dit succescriterium niet onderzocht.`	`4.1.3`	`techniek, content`

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

https://cms.dordrecht.nl/

https://cms.dordrecht.nl/Contact

https://cms.dordrecht.nl/Configuratie/Footer/Over_de_website/Cookies

https://cms.dordrecht.nl/Configuratie/Sitemap

https://cms.dordrecht.nl/Configuratie/Zoekresultaten?freetext=dordrecht

https://cms.dordrecht.nl/Inwoners/Overzicht_Inwoners/Natuur_en_milieu/Schoon/De_schoonste_buurt_van_Dordrecht

https://cms.dordrecht.nl/Inwoners/Overzicht_Inwoners/Projecten/Ontwikkeling/Stationsgebied/Herinrichting_Weizigtpark/Planten_Wezigtpark

https://cms.dordrecht.nl/Inwoners/Overzicht_Inwoners/Parkeren_verkeer_en_vervoer/Betaald_parkeren/Parkeergeld_betalen_via_mobiele_telefoon

https://cms.dordrecht.nl/bestaatniet

https://cms.dordrecht.nl/Configuratie/Footer/Over_de_website/Toegankelijkheidsverklaring

https://cms.dordrecht.nl/Configuratie/Footer/Over_de_website/Privacyverklaring

https://cms.dordrecht.nl/Inwoners/Overzicht_Inwoners/PFAS_en_Dossier_Chemours

https://cms.dordrecht.nl/Inwoners/Overzicht_Inwoners/Vergunningen/Uitstallingen

https://cms.dordrecht.nl/Mediatheek/Bestanden/Inwoners/Vergunningen/Toelichting_nadere_regels_uitstallingen_binnenstad.pdf

https://cms.dordrecht.nl/Bestuur/Overzicht_Bestuur/Politiek_akkoord_2022_2026_Samen_bouwen_aan_een_sterk_en_groen_Dordrecht/Het_Politiek_Akkoord_2022_2026.pdf

https://cms.dordrecht.nl/Inwoners/Overzicht_Inwoners/Natuur_en_milieu/Groen/Parken/Parken/Wantijpark

https://cms.dordrecht.nl/Ondernemers/Overzicht_Ondernemers/Vergunningen_voor_ondernemers/Steigers_en_containers_plaatsen_Ondernemers

Ondersteunende technieken

HTML5
CSS
WAI-ARIA
ECMAScript 5
PDF
DOM

Webbrowsers (useragents) en andere software

Bij dit onderzoek is de volgende software gebruikt:

Chrome, versie 129
Firefox, versie 130
Edge, versie 129
PAC 2021
Acrobat PRO DC
Colour Contrast Analyser

Bronnen

Website Accessibility Conformance Evaluation Methodology (WCAG-EM) Overview
www.w3.org/WAI/eval/conformance (Engels)
Web Content Accessibility Guidelines (WCAG) 2.1 (Geautoriseerde Nederlandse vertaling)
www.w3.org/Translations/WCAG21-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
Web Content Accessibility Guidelines (WCAG) 2.1
www.w3.org/WAI/WCAG21
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.

Rapportinformatie: V2.0.1-WCAG2.1-R3.0-T0.13-nl