Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website werkenvoorbarendrecht.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website werkenvoorbarendrecht.nl
Datum 6 juni 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op werkenvoorbarendrecht.nl
  • Alle PDF's op werkenvoorbarendrecht.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: 12

1. Waarneembaar

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 1: Op pagina https://www.werkenvoorbarendrecht.nl/privacy-en-cookies/ staat een kop op kopniveau h1 (Privacy en cookies). Deze kop bevat geen content omdat deze direct opgevolgd wordt door een kop op hetzelfde kopniveau. Zorg ervoor dat elke kop content bevat die door deze kop beschreven wordt, en dat er geen lege koppen voorkomen. Los dit probleem bijvoorbeeld op door onderliggende koppen op te maken met een lager kopniveau.
Ook op pagina https://www.werkenvoorbarendrecht.nl/ staat een lege kop, 'Vacatures' (kopniveau h2).

Bevinding 2: Op pagina https://www.werkenvoorbarendrecht.nl/privacy-en-cookies/ komt onder de kop 'A. Uw rechten' een lijst met vier items voor, waarbij het eerste item bestaat uit een lijst met zes items. Deze is in HTML niet op correcte wijze opgemaakt. Hierdoor krijgen bezoekers die gebruik maken van hulpsoftware zoals een screenreader, niet de juiste structuur van de lijst te horen. Zorg ervoor dat de opsomming bij het eerste lijst-item is opgemaakt in een <ol> element met <li> elementen, dat binnen het <li> element van het eerste lijst-item is geplaatst.

Bevinding 3: Advies: Op pagina https://www.werkenvoorbarendrecht.nl/404-2/ komt geen kop op kopniveau h1 voor, en op pagina https://www.werkenvoorbarendrecht.nl/ en https://www.werkenvoorbarendrecht.nl/privacy-en-cookies/ komen twee koppen op kopniveau h1 voor. Voor gebruikers van een screenreader is een correcte kopstructuur belangrijk, omdat een lijst van koppen opgevraagd kan worden via de screenreader en op die manier genavigeerd kan worden. Zorg voor een goede koppenstructuur, die begint bij een kopniveau h1 voor de titel van de pagina (en waarbij en kop op dit niveau eenmalig voorkomt), kopniveau h2 voor de koppen, kopniveau h3 voor de tussenkoppen, etcetera. Sla hierbij geen koppen over.

1.4 Onderscheidbaar

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 4: Op pagina https://www.werkenvoorbarendrecht.nl/privacy-en-cookies/ staat onder 'Cookietabel' een tabel. Bij inzoomen vanaf 300% bij een schermbreedte van 1280 bij 1024 pixels, valt informatie uit de tabel buiten beeld. Er is een horizontale scrollbalk aanwezig waarmee bezoekers de tabel zichtbaar kunnen maken, maar deze mag alleen óp de tabellen worden geplaatst, niet op de hele pagina. Los dit probleem op door een horizontale scrollbalk op de tabellen te plaatsen

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Voldoende

Bevinding 5: Opmerking: Op de homepagina https://www.werkenvoorbarendrecht.nl/ heeft de focusrand bij sommige elementen onvoldoende contrast met de achtergrond, waardoor niet goed te zien is waar de focus zich bevindt. Bij de link 'Alle wereldbanen' is de focusrand zwart, hierbij is de contrastverhouding 1.5:1 met de donkerblauwe (HEX #002F5D) achtergrond. Zorg ervoor dat de focusrand een contrastverhouding heeft van minimaal 3:1. Dezelfde kleurencombinatie komt voor bij de focusrand van de link 'Vacature alert instellen' op pagina https://www.werkenvoorbarendrecht.nl/vacatures/?_search=werk.
Dit probleem komt alleen voor in de browser Google Chrome. Omdat het hier gaat om een browsereigen focusrand wordt niet afgekeurd op dit probleem. Wel is het beter om een eigen focusrand toe te voegen aan de website.

2. Bedienbaar

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Voldoende

Bevinding 6: Opmerking: Op pagina https://www.werkenvoorbarendrecht.nl/toegankelijkheid/ staat in de tekst onder de kop 'Handhavingsprocedure' een link die niet als link is opgemaakt, het gaat om de tekst 'https://www.nationaleombudsman.nl/klacht-indienen/uw-klacht'. Het is beter om deze tekst als een echte link op te maken.

Bevinding 7: Opmerking: Op pagina https://www.werkenvoorbarendrecht.nl/toegankelijkheid/ staat onder de kop 'Verklaring' een link met de tekst: 'https://www.werkenvoorbarendrecht.nl (externe link)'. Het gaat hier niet om een externe link. Verwijder dit uit de linktekst.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 8: Nieuwe bevinding n.a.v het oplossen van een bevinding uit het vorige rapport:
Op pagina https://www.werkenvoorbarendrecht.nl/vacatures/beleidsmedewerker-ruimtelijke-ordening/ staat de knop 'deel via verschillende platformen' waar verschillende links achter staan. Het is mogelijk om focus te plaatsen op deze links wanneer de knop nog is ingeklapt. Hierdoor is het voor ziende toetsenbordgebruikers moeilijk te bepalen welk element op dat moment focus heeft. Zorg ervoor dat focus altijd zichtbaar is. Een mogelijk oplossing voor dit probleem is om ervoor te zorgen dat deze links geen focus krijgen wanneer de knop is ingeklapt, alleen wanneer de knop is uitgeklapt en de links zichtbaar zijn.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 9: Nieuwe bevinding n.a.v het oplossen van een bevinding uit het vorige rapport:
Wanneer bezoekers op pagina https://www.werkenvoorbarendrecht.nl/contact/ een verkeerd format invullen bij het invoerveld 'E-mailadres' verschijnt de foutmelding 'Dit veld is nu leeggelaten en dat mag niet aangezien het een verplicht veld is.'. Deze foutmelding geeft niet aan wat de gemaakte fout is, aangezien het veld wel is ingevuld maar een verkeerd format is gebruikt. Zorg ervoor dat deze foutmelding aangeeft welke fout de bezoeker heeft gemaakt. Zie ook succescriterium 3.3.3.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 10: Nieuwe bevinding n.a.v het oplossen van een bevinding uit het vorige rapport:
Wanneer bezoekers op pagina https://www.werkenvoorbarendrecht.nl/contact/ een verkeerd format invullen bij het invoerveld 'E-mailadres' verschijnt de foutmelding 'Dit veld is nu leeggelaten en dat mag niet aangezien het een verplicht veld is.'. Naast dat deze foutmelding niet de gemaakte fout aangeeft, geeft de foutmelding ook geen suggestie hoe de bezoeker de fout kan oplossen. Zorg ervoor dat de foutmelding wordt aangepast en naast de gemaakte fout ook aangeeft hoe bezoekers de fout kunnen oplossen, bijvoorbeeld door een voorbeeld format van een e-mailadres te tonen.

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 11: In het menu op elke pagina heeft het menu-item 'Over ons' een submenu bestaande uit twee items. Visueel is te zien dat dit submenu uitklapt wanneer de muisaanwijzer er naartoe wordt gebracht, of de focus hierop geplaatst wordt via het toetsenbord. Deze informatie wordt echter niet doorgegeven aan hulpsoftware zoals een screenreader. Bezoekers die hiervan gebruik maken weten daardoor niet dat de links die zij na het menu-item 'Over ons' te horen krijgen, onderdeel zijn van dit submenu. Zorg dat de staat van dit menu-item (samengevouwen of uitgeklapt) aan hulpsoftware doorgegeven wordt, bijvoorbeeld door gebruik te maken van aria-expanded.

Bevinding 12: Wanneer de website op een kleiner scherm bekeken wordt, of ingezoomd wordt (bijvoorbeeld inzoomen tot 110% bij een schermgrootte van 1280 bij 1024 pixels), en het navigatiemenu opengeklapt wordt, wordt het submenu van het menu-item 'Over ons' uitgeklapt door te klikken op de knop (met afbeelding van pijl naar beneden) die achter het item staat. De status van het submenu (uitgevouwen of samengevouwen) wordt niet aan hulpsoftware doorgegeven. Zorg dat deze informatie, die visueel te zien is, ook beschikbaar is voor bezoekers die gebruik maken van hulpsoftware.
Dit probleem komt ook voor bij de knop waarmee je het navigatiemenu kan in- en uitklappen bij een ingezoomde weergave.

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-04-12 03:50:02 v2.4-011