Issues:
Audit digitale toegankelijkheid website werkenvooralbrandswaard.nl
(Alleen de bevindingen)
Scope van de evaluatie
Naam website | werkenvooralbrandswaard.nl |
---|---|
Datum | 6 juni 2024 |
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: Aangepaste bevinding n.a.v oplossen bevinding uit het vorige rapport:
Op de homepagina https://www.werkenvooralbrandswaard.nl/ staan onder de kop 'Vacatures in de spotlight' vacatures, bijvoorbeeld 'Beleidsadviseur Onderwijshuisvesting en (maatschappelijk) Vastgoed'. Bij deze vacatures staan twee svg-afbeeldingen die geen alternatieve tekst hebben. Omdat deze iconen betekenis geven aan de tekst die erachter staat, hebben ze een alternatieve tekst nodig die dezelfde informatie overbrengt als dat het icoon visueel doet. Dit kan bijvoorbeeld door gebruik te maken van het title-element als eerste child element binnen de svg. Vergeet niet om het attribuut aria-hidden=true te verwijderen van het svg-element.
Soortelijke iconen komen ook voor op andere pagina's, bijvoorbeeld de vacaturespagina's of https://www.werkenvooralbrandswaard.nl/vacatures/https://www.werkenvooralbrandswaard.nl/vacatures/.
1.2 Op tijd gebaseerde media
1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)
Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)
Uitkomst: Onvoldoende
Bevinding 2: Op pagina https://www.werkenvooralbrandswaard.nl/ staat een video met de titel 'Jij bent Albrandswaard'. Aan het eind van de video komt informatie in beeld te staan dat niet terugkomt in het audiospoor, zoals het webadres. Bezoekers die afhankelijk zijn van het audiospoor om de informatie in de video tot zich te nemen krijgen deze informatie niet mee. Zorg er daarom voor dat de visuele informatie aan het eind van de video terug te vinden is in het audiospoor, bijvoorbeeld door gebruik te maken van een voice-over of audiodescriptie.
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Onvoldoende
Bevinding 3: Op pagina https://www.werkenvooralbrandswaard.nl/privacy-en-cookies/ komt onder de kop 'Uw rechten' een lijst voor, waarbij het eerste item een sublijst bevat. Deze sublijst is in HTML niet op correcte wijze opgemaakt. De sublijst is niet genest in het li-element van het eerste lijstitem, maar staat als eigen ol-element genest in het ol-element van de hoofdlijst. Bezoekers die gebruik maken van hulpsoftware, zoals een screenreader, krijgen hierdoor te horen dat deze sublijst het tweede lijst-item is. Zorg ervoor dat de sublijst genest is in het li-element van de het eerste lijstitem.
Bevinding 4: Op pagina https://www.werkenvooralbrandswaard.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, als deze content begint met een nieuwe kop kan deze opgemaakt worden op het volgende kopniveau.
1.4 Onderscheidbaar
1.4.10 Reflow (Niveau AA)
Informatie over succescriterium 1.4.10 Reflow
Uitkomst: Onvoldoende
Bevinding 5: Op pagina https://www.werkenvooralbrandswaard.nl/privacy-en-cookies/ staat onder 'Cookietabel' een tabel. Bij inzoomen op 400% bij een schermbreedte van 1280 bij 1024 pixels, valt informatie uit de tabel buiten beeld. Los dit probleem op door een horizontale scrollbalk óp de tabel te plaatsen.
2. Bedienbaar
2.4 Navigeerbaar
2.4.2 Paginatitel (Niveau A)
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Onvoldoende
Bevinding 6: De pagina's https://www.werkenvooralbrandswaard.nl/vacatures/adviseur-verbonden-partijen/, https://www.werkenvooralbrandswaard.nl/vacatures/beleidsadviseur-onderwijshuisvesting-en-maatschappelijk-vastgoed/ en https://www.werkenvooralbrandswaard.nl/vacatures/ hebben dezelfde paginatitel, namelijk 'Vacatures-Werken voor Albrandswaard'. Zorg dat elke pagina uniek identificeerbaar is, door de titels van de twee eerst genoemde pagina's een eigen unieke paginatitel te geven.
2.4.4 Linkdoel (in context) (Niveau A)
Informatie over succescriterium 2.4.4 Linkdoel (in context)
Uitkomst: Voldoende
Bevinding 7: Opmerking: Op pagina https://www.werkenvooralbrandswaard.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. Dit komt ook voor op pagina https://www.werkenvooralbrandswaard.nl/privacy-en-cookies/.
2.4.7 Focus zichtbaar (Niveau AA)
Informatie over succescriterium 2.4.7 Focus zichtbaar
Uitkomst: Onvoldoende
Bevinding 8: Nieuwe bevinding n.a.v. oplossen bevinding uit het vorige rapport:
Op pagina https://www.werkenvooralbrandswaard.nl/ staat onder de kop 'Werkgebieden' een carrousel met verschillende slides erin. Het is mogelijk voor toetsenbordgebruikers om focus te plaatsen op slides die visueel niet zichtbaar zijn. Hierdoor weten ziende toetsenbordgebruikers op dat moment niet wat focus heeft. Zorg ervoor dat focus altijd visueel wordt aangegeven. Een mogelijk oplossing voor dit probleem is ervoor te zorgen dat elke slide die focus krijgt zichtbaar word, of om de pijlen onder de slide bedienbaar te maken met het toetsenbord.
3. Begrijpelijk
3.3 Assistentie bij invoer
3.3.1 Foutidentificatie (Niveau A)
Informatie over succescriterium 3.3.1 Foutidentificatie
Uitkomst: Onvoldoende
Bevinding 9: Wanneer bezoekers in het formulier op pagina https://www.werkenvooralbrandswaard.nl/contact/ het e-mailadres verkeerd invullen verschijnt de foutmelding 'Dit veld is nu leeggelaten en dat mag niet aangezien het een verplicht veld is' bij het veld met het e-mailadres. Deze foutmelding beschrijft niet wat er fout is gegaan, aangezien er wel iets is ingevuld in het veld. Als een foutmelding niet duidelijk aangeeft wat de gemaakte fout is kunnen bezoekers met visuele of cognitieve beperkingen moeite hebben met het correct invullen van het formulier. Zorg voor een foutmelding die beschrijft wat er fout is gegaan.
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: In het menu op elke pagina heeft het menu-item 'Over Albrandswaard' 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 Albrandswaard' 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 11: 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 menu opengeklapt wordt, wordt het submenu van het menu-item 'Over Albrandswaard' 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.
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 (video):
https://www.werkenvooralbrandswaard.nl/ - Contact Formulier:
https://www.werkenvooralbrandswaard.nl/contact/ - Sitemap:
https://www.werkenvooralbrandswaard.nl/sitemap/ - Zoekresultaten (vacatures):
https://www.werkenvooralbrandswaard.nl/vacatures/?_search=werk - Toegankelijkheid:
https://www.werkenvooralbrandswaard.nl/toegankelijkheid/ - 404:
https://www.werkenvooralbrandswaard.nl/404-2/ - Privacy en cookies:
https://www.werkenvooralbrandswaard.nl/privacy-en-cookies/ - Over ons:
https://www.werkenvooralbrandswaard.nl/over-ons/ - Stages:
https://www.werkenvooralbrandswaard.nl/stages/ - Sollicitatieprocedure:
https://www.werkenvooralbrandswaard.nl/465-2/ - Responsible disclosure:
https://www.werkenvooralbrandswaard.nl/responsible-disclosure/ - Vacature 1:
https://www.werkenvooralbrandswaard.nl/vacatures/beleidsadviseur-onderwijshuisvesting-en-maatschappelijk-vastgoed/ - Vacature 2:
https://www.werkenvooralbrandswaard.nl/vacatures/adviseur-verbonden-partijen/ - Open sollicitatie:
https://www.werkenvooralbrandswaard.nl/open-sollicitatie/ - Arbeidsvoorwaarden:
https://www.werkenvooralbrandswaard.nl/arbeidsvoorwaarden/
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.