Issues:
Content-audit digitale toegankelijkheid website Banenplein Limburg
(Alleen de bevindingen)
Scope van de evaluatie
Naam website | Banenplein Limburg |
---|---|
Datum | 6 september 2024 |
Scope van de website |
Binnen de scope van het onderzoek valt: - De content van alle pagina's op banenpleinlimburg.nl/ Buiten 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: Het logo op https://www.banenpleinlimburg.nl/api/authenticatie/inloggen?return= heeft als alt-tekst slechts "Logo". De alternatieve tekst van een logo moet minimaal de naam van de organisatie bevatten. Pas de alt-tekst aan.
Bevinding 2: Het logo in de footer op iedere pagina is een afbeelding in een link, maar er is geen linktekst en de afbeelding heeft geen alt-tekst. De alternatieve tekst van een logo moet minimaal de naam van de organisatie bevatten. Als de afbeelding als link dient kan er ook een beschrijvend linkdoel aan de alternatieve tekst toegevoegd worden. Pas de alt-tekst aan.
Bevinding 3: De iconen op https://www.banenpleinlimburg.nl/vacatures/junior-ict-medewerker-32-36-uur/f97e3056-9b0d-4047-865c-098a715939a5 bij de kenmerken van de vacature (salaris, werkuren, etc.) hebben allemaal het word "icon" in de alternatieve tekst. De alt-tekst mag niet het woord foto, afbeelding of icon bevatten. Verwijder het woord uit de alternatieve tekst. Dit speelt ook op https://www.banenpleinlimburg.nl/vacatures/beleidsmedewerker-mobiliteit/48116fed-88c9-4cd9-9df5-880a6390bd66.
Bevinding 4: De iconen op https://www.banenpleinlimburg.nl/vacatures/junior-ict-medewerker-32-36-uur/f97e3056-9b0d-4047-865c-098a715939a5 bij de kenmerken van de vacature (salaris, werkuren, etc.) hebben op het icoon voor het salaris na dezelfde alt-tekst: "kernmerk icon". Zorg dat elk icoon een passende omschrijving krijgt zoals werkuren, opleidingsniveau, salarisschaal. Dit speelt ook op https://www.banenpleinlimburg.nl/vacatures/beleidsmedewerker-mobiliteit/48116fed-88c9-4cd9-9df5-880a6390bd66.
Bevinding 5: Het icoon voor de quote "Ik krijg het voor elkaar om Weert veilig te houden" op https://www.banenpleinlimburg.nl/pagina/eric-bleijenbergh is een font icon dat niet als decoratief is aangeduid, terwijl deze wel decoratief is. Verberg het icoon met het attribuut aria-hidden en verwijder de tekst "chat". Dit speelt ook op https://www.banenpleinlimburg.nl/pagina/anne-schmidt.
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 6: Op pagina https://www.banenpleinlimburg.nl/vacatures/beleidsmedewerker-mobiliteit/48116fed-88c9-4cd9-9df5-880a6390bd66 wordt in de video op 0:39 met tekst de naam van de spreker aangeduid. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een schermvoorleessoftware 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.
Bevinding 7: Op https://www.banenpleinlimburg.nl/pagina/eric-bleijenbergh verschijnt er aan het eind van de video tekst in beeld. Er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een schermvoorleessoftware 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.
1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)
Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)
Uitkomst: Onvoldoende
Bevinding 8: Op de pagina https://www.banenpleinlimburg.nl/vacatures/beleidsmedewerker-mobiliteit/48116fed-88c9-4cd9-9df5-880a6390bd66 is een video. De audiodescriptie ontbreekt in deze video. Audiodescriptie is een (extra) audiospoor waarin verteld wordt wat er in beeld te zien is. Zo komt de naam van de spreker in beeld op 0:39. Iemand die blind is weet nu niet wat er op het scherm te zien is.
Bevinding 9: Op https://www.banenpleinlimburg.nl/pagina/eric-bleijenbergh verschijnt er aan het eind van de video tekst in beeld. Er is geen audiodescriptie die vertelt wat er op het scherm staat. Zet deze informatie in een extra audiospoor.
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Onvoldoende
Bevinding 10: Op https://www.banenpleinlimburg.nl/ zijn de koppen van de vacatures in het blok "Nieuwste vacatures" niet als kop opgemaakt, terwijl de tekst er wel zo uitziet en zich zo gedraagt. Structuur en semantiek aanbrengen in een pagina is belangrijk voor hulpsoftware. Maak er koppen van en zorg ervoor dat het juiste kopniveau gebruikt wordt. Dit speelt ook op https://www.banenpleinlimburg.nl/vacatures.
Bevinding 11: Op de pagina https://www.banenpleinlimburg.nl/vacatures/junior-ict-medewerker-32-36-uur/f97e3056-9b0d-4047-865c-098a715939a5 staat onder de kop "Heb jij een ICT-hart en ben je van nature service- en oplossingsgericht?" een stuk tekst cursief. Hier is het em-element gebruikt, dat is niet de bedoeling. Het em-element is bedoeld voor het benadrukken van een woord of delen van een zin. Zorg dat de alinea via de stylesheet opgemaakt wordt of maak gebruik van het <i>-element. Dit speelt ook op https://www.banenpleinlimburg.nl/vacatures/beleidsmedewerker-mobiliteit/48116fed-88c9-4cd9-9df5-880a6390bd66 (onder de kop "Over gemeente Venray en de afdeling Ruimtelijk Domein").
Bevinding 12: In de vacaturetekst op https://www.banenpleinlimburg.nl/vacatures/junior-ict-medewerker-32-36-uur/f97e3056-9b0d-4047-865c-098a715939a5 worden er geen koppen gebruikt, maar vetgedrukte tekst. Het strong- en em-element zijn bedoeld om nadruk te geven aan een of enkele woorden, niet voor hele zinnen. Ook mogen deze elementen niet worden gebruikt als visuele kop, omdat ze niet dezelfde betekenis hebben als een kop (bijvoorbeeld h2 of h3). Maak er koppen van en zorg ervoor dat het juiste kopniveau gebruikt wordt. Dit speelt ook op https://www.banenpleinlimburg.nl/vacatures/beleidsmedewerker-mobiliteit/48116fed-88c9-4cd9-9df5-880a6390bd66 en https://www.banenpleinlimburg.nl/organisaties/gemeente-beesel/725bea29-137d-4a8c-c13e-08db8765b7fe
Bevinding 13: Op https://www.banenpleinlimburg.nl/organisaties/gemeente-beesel/725bea29-137d-4a8c-c13e-08db8765b7fe zijn er quotes opgemaakt met <i>/<em>. Gebruik voor quotes het quote (<q>) of blockquote (<blockquote>) element, in plaats van een andere opmaak.
1.4 Onderscheidbaar
1.4.1 Gebruik van kleur (Niveau A)
Informatie over succescriterium 1.4.1 Gebruik van kleur
Uitkomst: Onvoldoende
Bevinding 14: Op https://www.banenpleinlimburg.nl/vacatures/beleidsmedewerker-mobiliteit/48116fed-88c9-4cd9-9df5-880a6390bd66 is de link "Log in eerst" onder de kop Sollicatieformulier te onderscheiden van normale tekst door een andere kleur (HEX #192544) in plaats van (HEX #1F1F20). Slechtzienden en kleurenblinden kunnen hierdoor mogelijk niet herkennen dat het om een link gaat. Zorg ervoor dat hyperlinks in lopende tekst ook herkenbaar zijn aan minimaal één andere eigenschap, bijvoorbeeld door ze te onderstrepen.
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 15: Op de pagina https://www.banenpleinlimburg.nl/ wordt gebruikgemaakt van de videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld m voor mute. 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. Voeg de volgende eigenschap aan de embedcode toe: 'disablekb=1'. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium. Dit komt ook voor op https://www.banenpleinlimburg.nl/vacatures/beleidsmedewerker-mobiliteit/48116fed-88c9-4cd9-9df5-880a6390bd66 en https://www.banenpleinlimburg.nl/pagina/eric-bleijenbergh
2.4 Navigeerbaar
2.4.4 Linkdoel (in context) (Niveau A)
Informatie over succescriterium 2.4.4 Linkdoel (in context)
Uitkomst: Onvoldoende
Bevinding 16: Het logo van "Banenplein Limburg" in de header van elke pagina is een link naar de homepagina. Deze heeft als toegankelijke linktekst "Logo". Bij de zelfde link in de footer van elke pagina ontbreekt een linktekst. Daardoor is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de link heen gaat. Voeg een toegankelijke naam waarin het linkdoel is omschreven toe om dit probleem op te lossen.
3. Begrijpelijk
3.3 Assistentie bij invoer
3.3.3 Foutsuggestie (Niveau AA)
Informatie over succescriterium 3.3.3 Foutsuggestie
Uitkomst: Onvoldoende
Bevinding 17: Op https://www.banenpleinlimburg.nl/vacatures/beleidsmedewerker-mobiliteit/48116fed-88c9-4cd9-9df5-880a6390bd66 wordt er geen suggestie gegeven als er bijvoorbeeld een foutief e-mailadres ingevoerd wordt. Zorg dat er naast een foutmelding ook een suggestie wordt gegeven om het op te lossen, bijvoorbeeld door een melding als ‘controleer of het e-mailadres het volgende formaat heeft: naam@domein.nl’.
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 18: Op https://www.banenpleinlimburg.nl/ is er een knop met het id "main" die geen label heeft. Dit heeft impact op bezoekers met een screenreader of bezoekers die spraakbesturing gebruiken. Geef de knop een label of laat de knop weg. Dit probleem komt voor op alle pagina’s in de website.
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://www.banenpleinlimburg.nl/ - Over ons:
https://www.banenpleinlimburg.nl/pagina/over-ons - Vacature 1:
https://www.banenpleinlimburg.nl/vacatures/junior-ict-medewerker-32-36-uur/f97e3056-9b0d-4047-865c-098a715939a5 - Vacature 2:
https://www.banenpleinlimburg.nl/vacatures/beleidsmedewerker-mobiliteit/48116fed-88c9-4cd9-9df5-880a6390bd66 - Vacatures:
https://www.banenpleinlimburg.nl/vacatures - Deelnemende organisaties:
https://www.banenpleinlimburg.nl/organisaties - Gemeente Beesel:
https://www.banenpleinlimburg.nl/organisaties/gemeente-beesel/725bea29-137d-4a8c-c13e-08db8765b7fe - Talent Eric:
https://www.banenpleinlimburg.nl/pagina/eric-bleijenbergh - Onze talenten:
https://www.banenpleinlimburg.nl/pagina/onze-talenten - Jobalerts:
https://www.banenpleinlimburg.nl/jobalerts - Contact:
https://www.banenpleinlimburg.nl/contact - Stages:
https://www.banenpleinlimburg.nl/pagina/stages - 404:
https://www.banenpleinlimburg.nl/fout - Aanmeld/registratieformulier:
https://tsfloginportal.b2clogin.com/tsfloginportal.onmicrosoft.com/oauth2/v2.0/authorize?p=b2c_1a_42&client_id=5405c7e0-4098-4b15-97d6-307e32e56119&nonce=default&redirect_uri=https%3A%2F%2Fwww.banenpleinlimburg.nl%2Fsignin-oidc&scope=offline_access%20openid&response_type=code&prompt=login&state=4d4fe9a9-3695-440a-8d29-02156ff05b67 - Talent Anne:
https://www.banenpleinlimburg.nl/pagina/anne-schmidt
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.