Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Werken voor de gemeente Oisterwijk

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Werken voor de gemeente Oisterwijk
Datum 12 januari 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op werkenvooroisterwijk.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 werkenvooroisterwijk.nl met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 13

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 de homepage staat een video. De video moet een beschrijving hebben. Een korte titel of samenvatting is voldoende. Er hoeft niet per se bij te staan dat het om video of audio gaat, maar dat mag wel. De beschrijving moet in de buurt van de video staan. Dit probleem komt op meerdere pagina's voor, waaronder op pagina werkenvooroisterwijk.nl/ontmoet-ons/.

1.2 Op tijd gebaseerde media

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 2: Op de homepagina werkenvooroisterwijk.nl/ is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 0:10 de naam en functie van de spreker en 1:35 "Kom eens langs voor een kop koffie". Er ontbreekt uitgeschreven tekst en er is ook geen voice-over die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van een screenreader niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript. Of maak gebruik van een extra audiospoor om ook te voldoen aan SC 1.2.5.
Dit komt op meerdere pagina's voor, waaronder op pagina werkenvooroisterwijk.nl/ontmoet-ons/

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 3: Op de homepagina werkenvooroisterwijk.nl/ is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 0:10 de naam van de spreker en 1:35 "Kom eens langs voor een kop koffie". Er is geen voice-over die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van een screenreader niet weten wat er wordt getoond in de video. Maak gebruik van een extra audiospoor.
Dit komt op meerdere pagina's voor, waaronder op pagina werkenvooroisterwijk.nl/ontmoet-ons/

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Voldoende

Bevinding 4: Advies: Onderaan elke pagina staat het logo van de gemeente Oisterwijk, opgemaakt als kop met het h2-element. Omdat de afbeelding illustratief is ziet hulpsoftware dit als een koptekst zonder tekst. Lege koppen zijn verwarrend voor sommige bezoekers. Laat lege koppen weg.

Bevinding 5: Advies: de titel van pagina werkenvooroisterwijk.nl/toegankelijkheidsverklaring/ wordt niet goed voorgelezen door schermleessoftware omdat er verborgen karakters in voorkomen (­) Zorg er voor dat de door software bepaalde informatie het zelfde is als de visuele informatie.

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 6: Op pagina werkenvooroisterwijk.nl/vacatures/beleidsadviseur-grondzaken-1/?cn_channel= is een formulier waar de bezoeker onder andere het eigen e-mailadres en achternaam kan invullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email".
Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: www.w3.org/tr/wcag21/. Hetzelfde komt vaker voor op de website, bijvoorbeeld in het sollicitatie formulier op pagina werkenvooroisterwijk.nl/vacatures/financieel-adviseur-17/?cn_channel=

1.4 Onderscheidbaar

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Voldoende

Bevinding 7: Advies: Wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt tot 200% dan verdwijnt op de home pagina werkenvooroisterwijk.nl/ een deel van de afbeeldingen boven "Vacatures en stages" buiten beeld. Omdat de afbeeldingen decoratief lijken, is dit niet afkeurbaar.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 8: Op de homepagina werkenvooroisterwijk.nl/ wordt gebruikgemaakt van de videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld f voor fullscreen. Deze functionaliteit is iets wat mensen die afhankelijk zijn van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Los dit op door de embedcode van de YouTube video aan te passen zodat de bediening met tekentoetsen uit staat. De eigenschap die toegevoegd moet worden aan de embedcode is 'disablekb=1'. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium. Overigens kan bij een Vimeo player het zelfde probleem optreden. De eigenschap die daar toegevoegd moet worden aan de embedcode is 'keyboard: false'. Hetzelfde probleem komt ook voor op de pagina werkenvooroisterwijk.nl/ontmoet-ons/

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Voldoende

Bevinding 9: Advies. Onderaan elke pagina staat een link "Toegankelijkheidsverklaring". In de linktekst zitten verborgen tekens ­ die wel door schermlezers gelezen wordt. Dit is verwarrend, haal de tekens weg.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 10: Als op de Homepagina de link 'Home' focus heeft is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen. Hetzelfde gebeurt bij de link 'Ontmoet ons' werkenvooroisterwijk.nl/ontmoet-ons/

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Onvoldoende

Bevinding 11: In de footer van elke pagina staan 3 social media links die fout gecodeerd zijn, doordat de <span> tags niet zijn gesloten. Dit kan problemen opleveren met hulpsoftware. Zorg voor valide HTML code in een pagina.

Bevinding 12: Bij een scherm resolutie van 1280x1024px ingezoomd tot 200% is er een hamburgermenu icoon of een sluiten icoon die beiden een dubbel role-attribuut hebben. Dit kan problemen opleveren met hulpsoftware.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 13: In de YouTube videoplayer op de homepagina werkenvooroisterwijk.nl/ is een invoerveld met de rol slider zonder toegankelijke naam. Zorg voor bijvoorbeeld een aria-label of een aria-labelledby attribute om dit probleem op te lossen. Hetzelfde gebeurt bij de video op pagina werkenvooroisterwijk.nl/ontmoet-ons.

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: 2024-04-25 08:16:52 v2.4-011