Toegankelijkheidsonderzoek

Issues:
Contentaudit digitale toegankelijkheid website Energiewerkplaats Brabant

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Energiewerkplaats Brabant
Datum 3 augustus 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op energiewerkplaatsbrabant.nl
  • Alle PDF's op energiewerkplaatsbrabant.nl.
Buiten de scope van het onderzoek valt:
  • De techniek van alle pagina's op energiewerkplaatsbrabant.nl. Dit vereist een apart onderzoek.
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via energiewerkplaatsbrabant.nl met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 22

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 homepagina staan onder 'Actueel' items met een titel, tekst en een afbeelding. Bij een aantal afbeeldingen is de alternatieve tekst gevormd als: 'Ga naar het item' + de titel van het item. Deze tekst beschrijft de afbeelding niet. Pas de alternatieve tekst aan of maak de afbeelding eventueel decoratief door een leeg alt-attribuut toe te voegen binnen het img-element. Hetzelfde komt vaker voor in de website, bijvoorbeeld op pagina https://energiewerkplaatsbrabant.nl/actualiteiten/nieuws+pnb/default.aspx waar afbeeldingen de toegankelijke tekst 'Bericht' + titel item + 'bekijken' hebben.

Bevinding 2: In de footer van elke pagina staat een LinkedIn icoon die linkt naar de LinkedIn pagina van Energiewerkplaats Brabant verwijst. Deze afbeelding heeft geen alternatieve 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 extra beschrijvend linkdoel aan de alternatieve tekst toegevoegd worden.

Bevinding 3: Op pagina https://energiewerkplaatsbrabant.nl/shortcuts/sendcontactmessage.aspx wordt onder het contactformulier een hCaptcha-test gebruikt met afbeeldingen waarvoor visuele waarneming nodig is. De test wordt niet op een alternatieve manier aangeboden, waardoor bijvoorbeeld blinden het formulier niet kunnen verzenden. Er wordt een toegankelijk alternatief aangeboden waarvoor bezoekers een e-mailadres moeten geven en eventueel andere privacy gevoelige informatie. Het volgen van deze procedure valt buiten de scope van dit onderzoek en is daarnaast door de aard van de procedure geen toegankelijk alternatief.

Bevinding 4: Op de pagina https://energiewerkplaatsbrabant.nl/werkgroepen/expertiseteam+warmte+noord-brabant/2159503.aspx?t=We-zijn-verhuisd-naar-het-kennisplein-onder-gebouwde-omgeving staat een afbeelding met tekst. Door een leeg als attribuut wordt de afbeelding door hulpsoftware als decoratief genegeerd, terwijl het een informatieve afbeelding is. Een groot gedeelte van de informatie in de afbeelding staat ook in tekstvorm op de pagina maar niet het feit dat er een logo van Expertiseteam warmte Noord-Brabant bestaat. Die informatie in de afbeelding is niet beschikbaar voor blinden en slechtzienden. Zorg voor een tekst alternatief dat voorgelezen kan worden door de schermleessoftware en benoem daarin het logo. Er zijn meer afbeeldingen met tekst in de website, bijvoorbeeld op pagina https://energiewerkplaatsbrabant.nl/hetkennisplein/gebouwde+omgeving/energie+transitie+warmte/veelgestelde+vragen+warmtetransitie/dynamische+leeragenda/default.aspx bij twee afbeeldingen.

1.2 Op tijd gebaseerde media

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 5: Op pagina https://energiewerkplaatsbrabant.nl/hetkennisplein/elektriciteit/default.aspx wordt een video 'Dit was het Event 2022' getoond. Deze video heeft een automatisch gegenereerde ondertiteling. Op een aantal plekken staan onjuiste woorden, bijvoorbeeld op 1:03. Ook ontbreekt de interpunctie waardoor de zinnen moeilijk te begrijpen zijn. Voeg een goede ondertiteling toe.

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://energiewerkplaatsbrabant.nl/hetkennisplein/elektriciteit/default.aspx is er in de video 'Animatie over het energiesysteem van de toekomst' op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 1:48. 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.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 7: Op pagina https://energiewerkplaatsbrabant.nl/hetkennisplein/elektriciteit/default.aspx is er in de video 'Animatie over het energiesysteem van de toekomst' op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 1:48 en 2:01. Zo kunnen mensen die de video niet kunnen zien niet weten wat er wordt getoond in de video. Laat de teksten in beeld uitspreken door een voiceover of maak gebruik van een audiodescriptie. Ook komt er aan het eind van de video het logo van de provincie Noord-Brabant in beeld. Als je dat niet kan zien mis je dat dit een video van de Provincie is. Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voiceover waardoor de audiodescriptie overbodig wordt.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 8: Deze content-bevinding vereist mogelijk een technische oplossing:
Op pagina https://energiewerkplaatsbrabant.nl/hetkennisplein/elektriciteit/default.aspx staat rechtsboven een groep selectievakjes (checkboxes). Boven deze groep staat de tekst 'Categorieën'. Deze tekst is nu niet gekoppeld aan de groep selectievakjes. Gebruik een combinatie van fieldset en legend of een andere vergelijkbare techniek om dit probleem op te lossen.

Bevinding 9: Op pagina https://energiewerkplaatsbrabant.nl/hetkennisplein/gebouwde+omgeving/energie+transitie+warmte/veelgestelde+vragen+warmtetransitie/dynamische+leeragenda/default.aspx is een geordende lijst niet als opsomming gecodeerd. Het gaat om de lijst onder 'Participatie/De belemmeringen van mensen zijn vaak ...'. Zorg ervoor dat de tekst gecodeerd is met een OL-element en LI-elementen.

Bevinding 10: De PDF "Eerste Hulp Bij Overheidsparticipatie" is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Er kan daardoor bijvoorbeeld niet worden bepaald wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriterium 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.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 11: In de header op elke pagina heeft de knop 'registreren' een witte tekst op een groene achtergrond (HEX #AFCA0B). Deze tekst heeft een te laag contrast. De contrastverhouding is 1,9:1 waar dit 4,5:1 moet zijn.

Bevinding 12: Op de homepagina onder de kop 'Wil je graag op de hoogte blijven ...' is een witte tekst op een turquoise achtergrond (HEX #059BA4). Deze tekst heeft een te laag contrast. De contrastverhouding is 3,4:1 waar dit 4,5:1 moet zijn.

Bevinding 13: Op homepagina is een witte tekst op '500+ professionals aangesloten!' (HEX #56A7DC) een lichtblauwe achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is 2,6:1 waar dit 3:1 moet zijn.

Bevinding 14: Op pagina https://energiewerkplaatsbrabant.nl/hetkennisplein/elektriciteit/default.aspx heeft de witte tekst 'Bijdrage toevoegen' op groene achtergrond (HEX #13A538) een te laag contrast. De contrastverhouding is 3,3:1 waar dit 4,5:1 moet zijn. Als je er met je muis overheen gaat (hover) is het contrast met de lichtgroene achtergrond (HEX #AFCA0B) nog lager. De contrastverhouding is dan 1,9:1 waar dit 4,5:1 moet zijn.

Bevinding 15: In de PDF "Eerste Hulp Bij Overheidsparticipatie" is witte tekst op roze achtergrond (HEX #E85253) en een zelfde kleur roze tekst op witte achtergrond bijvoorbeeld op pagina 2. Deze tekst heeft een te laag contrast. De contrastverhouding is 3,6:1 waar dit 4,5:1 moet zijn. De roze tekst op lichtroze achtergrond (HEX #FDE9E4) bijvoorbeeld op pagina 3 heeft een contrastverhouding van 3,1:1 waar dit 4,5:1 moet zijn.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 16: Op pagina https://energiewerkplaatsbrabant.nl/hetkennisplein/gebouwde+omgeving/energie+transitie+warmte/veelgestelde+vragen+warmtetransitie/dynamische+leeragenda/default.aspx staat onder de kop 'Dit zijn de thema's van de vragen van morgen' een afbeelding met tekst. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt verder niet voor op de pagina. Plaats deze tekst daarom als HTML-tekst op de pagina. Hetzelfde geldt voor de afbeelding met 5 taartpunten erboven.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 17: De PDF 'Eerste Hulp Bij Overheidsparticipatie' heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 18: In de footer van elke pagina staat een LinkedIn icoon die linkt naar de LinkedIn pagina van Energiewerkplaats Brabant. Deze afbeelding heeft geen alternatieve tekst. Omdat de link daarmee geen linkdoel heeft, 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. Dat kan eventueel door het linkdoel aan de toegankelijke tekst van de afbeelding toe te voegen. Hetzelfde probleem komt vaker in de website voor. Bijvoorbeeld op pagina https://energiewerkplaatsbrabant.nl/hetkennisplein/gebouwde+omgeving/energie+transitie+warmte/veelgestelde+vragen+warmtetransitie/dynamische+leeragenda/default.aspx#question=2151890,2151891,2151396,2151403 staat onder de punten 1, 2 en 3 steeds een link met een afbeelding zonder alternatieve tekst.

Bevinding 19: Op de homepagina staat een link met de linktekst 'Naar viewer'. Voor bijvoorbeeld blinde bezoekers is niet direct uit de context af te leiden dat het om de viewer 'Brabantse energiesystemen op de kaart' gaat. Zorg dat linkteksten duidelijk beschrijven waar de link naartoe gaat, bijvoorbeeld door de tekst aan te vullen met de titel van de pagina waarnaar gelinkt wordt. Als visueel duidelijk is waar de link bij hoort hoeft deze aanvullende tekst niet visueel zichtbaar te zijn.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 20: Deze bevinding vereist mogelijk een technische oplossing:
In het formulier op pagina https://energiewerkplaatsbrabant.nl/shortcuts/sendcontactmessage.aspx staat een selectie vakje met het label 'I am human'. De toegankelijke naam van deze knop is echter 'hCaptcha checkbox. Select in order to trigger the challenge, or to bypass it if you have an accessibility cookie.'. Doordat het visuele label en de toegankelijke naam van deze knop niet overeenkomen, is de knop niet of moeilijk te bedienen door bezoekers die afhankelijk zijn van spraaksoftware. Zorg ervoor dat het visuele label van deze knop in de toegankelijke naam voorkomt, het liefst vooraan.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 21: In de eigenschappen van PDF 'Eerste Hulp Bij Overheidsparticipatie' is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Voldoende

Bevinding 22: Advies: In het formulier op pagina https://aanpakstikstofbrabant.nl/shortcuts/sendcontactmessage.aspx staat een hCaptcha. Deze is Engelstalig en correct als zodanig gecodeerd. Er is echter ook een Nederlandstalige variant beschikbaar. Overweeg om die aan te bieden.

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-01-29 21:07:25 v2.4-011