Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Energieparticipatie

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Energieparticipatie
Scope van de website Alle pagina's op energieparticipatie.nl
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: Op elke pagina staat het logo van Energieparticipatie. Deze heeft alleen een alt-tekst "Home". Een logo heeft altijd een alt tekst “Logo [naam organisatie]" nodig.

Bevinding 2: Op pagina www.energieparticipatie.nl/ heeft de afbeelding naast de titel 'www.energieparticipatie.nl/' de alt-tekst 'Alex de Meijer, fotografie Henny van Roomen'. Het alt-attribuut is niet bedoeld voor credits, die informatie moet op een andere manier worden meegegeven.

Bevinding 3: Op www.energieparticipatie.nl/contact staat rechts van de link Nationaal programma RES een icoon dat aangeeft dat het een externe link is, maar dit heeft geen tekstalternatief. In verborgen tekst kan bijvoorbeeld de tekst '(externe link)' worden toegevoegd.
Dit komt op meerdere pagina’s voor.

Bevinding 4: Op pagina www.energieparticipatie.nl/contact staat een foto van Bas Koopman. Deze afbeelding heeft geen alternatieve tekst, bijvoorbeeld 'Foto Bas Koopman'.

Bevinding 5: De afbeelding van de Status toegankelijkheid op www.energieparticipatie.nl/toegankelijkheid heeft voldoende beschrijvende alt-tekst (namelijk 'Toegankelijkheidsverklaring'). Zie ook 1.4.5.

Bevinding 6: Op www.energieparticipatie.nl/aan-de-slag/werkvormen/… staan een aantal linkjes onder het kopje “3. Het burgerforum ontvangt informatie over meningen van burgers”. Deze hebben een icoon erachter, maar geen tekstalternatief. Het is niet helemaal duidelijk wat dit icoon betekent. Als dit informatie geeft, moet dit in een alternatieve tekst beschreven worden.
Dit komt ook terug op www.energieparticipatie.nl/leren/participatie-van-beleid-tot-….

Bevinding 7: Op www.energieparticipatie.nl/leren/participatie-van-beleid-tot-… staat een download-icoon in het rechterblok van de PDF. Deze heeft een tekstalternatief nodig dat aangeeft dat er iets gedownload kan worden. Dit kan bijvoorbeeld in het linkdoel duidelijk gemaakt worden, zie ook 2.4.4.
Dit icoon komt op meerdere pagina’s voor waaronder www.energieparticipatie.nl/aan-de-slag/voorbeelddocumenten-…

Bevinding 8: Op pagina www.energieparticipatie.nl/community/praktijkverhalen staat naast elke titel een afbeelding. Deze afbeeldingen lijken in veel gevallen decoratief te zijn, en hebben dan geen tekstalternatief nodig.

Bevinding 9: In de PDF 'Gemeenteblad' heeft het logo van Gemeente Utrecht geen goede alt-tekst ('maintiendrai-oranje'). Op de tweede pagina kan het logo als decoratief worden aangemerkt, zodat die wordt genegeerd door hulpsoftware.
Zie www.energieparticipatie.nl/uploads/document/gmb-2019-…

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 pagina www.energieparticipatie.nl/contact is de tekst 'Energieparticipatie.nl is een product van het Nationaal Programma RES.' onterecht als koptekst gecodeerd.

Bevinding 11: Op www.energieparticipatie.nl/aan-de-slag/werkvormen staan onder de koppen 'Burgerberaad', 'Burgerforum', etc. verschillende koppen zoals 'Doelgroep' en 'Aantal deelnemers'. Dit zijn visueel koppen maar zijn niet als zodanig gecodeerd.
Dit komt ook voor op pagina www.energieparticipatie.nl/aan-de-slag/werkvormen/… .
En ook op pagina www.energieparticipatie.nl/leren/participatie-van-beleid-tot-… voor de kop “Onderwerp Participatie van beleid tot uitvoering".

Bevinding 12: Op www.energieparticipatie.nl/aan-de-slag/werkvormen/… staan twee koppen: “De selectie van kandidaten” en “Het samenstellen van een representatieve groep”. Deze zijn nu niet als koptekst gecodeerd. Hetzelfde geldt voor de kop 'Voorbeeld'.
Daarnaast zijn ze opgemaakt met het <em> element of met het <strong> element, dat beide bedoeld zijn om tekst nadruk te geven, niet voor opmaak.
Dit geldt ook voor de kop “Wat ging er anders bij windmolen nr. 5?” op pagina www.energieparticipatie.nl/leren/participatie-van-beleid-tot-… .

Bevinding 13: Op pagina www.energieparticipatie.nl/community/praktijkverhalen/… is de hele inleiding met strong opgemaakt. Gebruik in plaats daarvan bold of CSS voor de opmaak.

Bevinding 14: Op pagina www.energieparticipatie.nl/inwoner-of-belangenorganisatie zijn de titels 'Podcast over de circulaire energiecoöperatie Bommelerwaard' en 'Projectleiderspool ondersteunt energiecoöperaties' subkoppen van 'Praktijkverhalen'. Deze titels zijn nu als <h2> gecodeerd, maar zouden om die reden een <h3> moeten zijn.

Bevinding 15: Op pagina www.energieparticipatie.nl/leren/participatie-van-beleid-tot-… mist een duidelijke koppenstructuur. Er mist een <h1> op de pagina, en vrijwel alle koppen zijn als hetzelfde niveau, namelijk <h2> , gecodeerd. Zorg voor een duidelijke hiërarchie, door een goed gebruik van niveaus.
De links onder '6. Participatie van beleid tot uitvoering' zijn onterecht als koptekst gecodeerd; de links hebben geen onderliggende content en zijn dus geen kop.

Bevinding 16: In de PDF 'Participatie en documentatie' missen alle tags. Hierdoor kan de PDF niet door gebruikers van hulpapparatuur worden gelezen. Ook kan de PDF verder niet op toegankelijkheid worden onderzocht.
Zie www.energieparticipatie.nl/uploads/document/… .

Bevinding 17: In de PDF 'Gemeenteblad' zijn veel van de koppen als paragrafen getagd.
Ook zijn er paragrafen in paragrafen genest. Dit is niet toegestaan.
Daarnaast zijn het logo, titel, editie, etc., als een tabel getagd. Een tabel is bedoeld om complexe informatie gestructureerd over te brengen, niet voor de opmaak.
Zie www.energieparticipatie.nl/uploads/document/gmb-2019-…

Bevinding 18: Dit is een advies: Op pagina www.energieparticipatie.nl/ ontbreekt er een <h1> tag. Het is een best practice om op elke pagina een <h1> aanwezig te hebben.
Dit komt ook voor op pagina www.energieparticipatie.nl/leren/participatie-van-beleid-tot-… .

Bevinding 19: Advies: Op pagina www.energieparticipatie.nl/inwoner-of-belangenorganisatie staan onder de koppen een aantal links die bij elkaar horen. Dit kan het beste als een lijst gecodeerd worden, zodat gebruikers van hulpsoftware weten hoeveel links ze kunnen verwachten.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 20: Op pagina www.energieparticipatie.nl/ staan een paar nieuwsberichten. De afbeelding en de tekst “Uitgelicht” staan in de code boven de titel van het artikel in plaats van daaronder. Hierdoor is de relatie met de titel niet duidelijk. Visueel mag het er wel boven blijven staan.
Dit geldt ook voor de tekst 'Lokaal' of 'Regionaal' op pagina www.energieparticipatie.nl/community/praktijkverhalen

Bevinding 21: Op pagina www.energieparticipatie.nl/leren staan de afbeeldingen naast elk hoofdstuk in de code boven de bijbehorende kopjes in plaats van eronder. Als de afbeeldingen decoratief zijn (en daarom een lege alt-tekst zouden hebben) maakt de volgorde niet uit, omdat de afbeeldingen dan door hulpsoftware worden genegeerd. Deze afbeeldingen zouden als decoratief kunnen worden beschouwd, maar lijken door de webredactie als informatief te worden gezien doordat er voor gekozen om de afbeelding wel een alt-tekst te geven.
Dit geldt ook voor de afbeeldingen op www.energieparticipatie.nl/community/praktijkverhalen .
En de afbeelding op www.energieparticipatie.nl/leren/participatie-van-beleid-tot-… .

Bevinding 22: In de PDF op www.energieparticipatie.nl/uploads/document/gmb-2019-… wijkt de leesvolgorde af van de visuele volgorde. De titel, het logo, editie, etc. komen in de leesvolgorde pas aan het einde van het document.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 23: Op pagina www.energieparticipatie.nl/contact staat de link 'Nationaal Programma RES.' in de lopende tekst. Deze is alleen te herkennen door een kleurverschil. Bied een tweede manier om een link te herkennen, zoals een onderstreping.

Bevinding 24: Op pagina www.energieparticipatie.nl/zoeken is de huidige pagina alleen waarneembaar door een kleurverschil (paars). Bied een tweede manier om de huidige pagina te herkennen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 25: Op pagina www.energieparticipatie.nl/ is het contrast van de links onder 'Snel naar' te laag (2,6:1). Dit moet minimaal 4,5:1 zijn.

Bevinding 26: Op pagina www.energieparticipatie.nl/ is het contrast van de blauwe links onder 'Veelgestelde vragen' en 'Ik ben' en de 'Lees verder' links is te laag (3,1:1)
Deze kleurencombinatie komt op meerdere pagina's voor, zoals op pagina www.energieparticipatie.nl/aan-de-slag/werkvormen en www.energieparticipatie.nl/aan-de-slag/voorbeelddocumenten-… .
En dit geldt ook voor de links in het hoofdmenu (zoals 'Leren' en 'Aan de slag'), wanneer deze de focus krijgen.

Bevinding 27: De lichtgrijze teksten (bijvoorbeeld “Meer in dit hoofdstuk”) op www.energieparticipatie.nl/leren/participatie-van-beleid-tot-… hebben een te laag contrast (2,7:1).

Bevinding 28: De lichtgrijze teksten onder de artikelen, zoals 'Beleidsvormende fase', op www.energieparticipatie.nl/community/praktijkverhalen hebben een contrastwaarde van 3.7:1.
Dit komt ook voor op pagina www.energieparticipatie.nl/aan-de-slag/voorbeelddocumenten-… voor de groottes van de PDF's .

Bevinding 29: In de PDF op pagina www.energieparticipatie.nl/uploads/document/gmb-2019-… heeft de tekst 'Nr. 318869' een te lage contrastwaarde van 2,3:1.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 30: De afbeelding van de toegankelijkheidsverklaring op www.energieparticipatie.nl/toegankelijkheid is een afbeelding van tekst. De tekst op de afbeelding kan daardoor moeilijk leesbaar zijn voor slechtziende gebruikers, omdat die korrelig kan worden bij het inzoomen en niet worden aangepast aan de behoeften van de gebruiker. De informatie op de afbeelding komt niet terug in de tekst eromheen.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 31: Op pagina www.energieparticipatie.nl/zoeken valt bij een schermresolutie van 320px breed een deel van de placeholdertekst uit het zoekveld weg.

Bevinding 32: Op pagina www.energieparticipatie.nl/toegankelijkheid valt bij een schermbreedte van 320px een deel van de tekst aan de rechterkant buiten beeld, zoals de woorden 'voor' en 'alle' onder 'Verklaring'.
Dit komt op meer pagina's voor, zoals pagina www.energieparticipatie.nl/inwoner-of-belangenorganisatie en www.energieparticipatie.nl/aan-de-slag/werkvormen/… .

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Onvoldoende

Bevinding 33: Bij een schermresolutie van 320px breed valt in combinatie met een aangepaste text spacing een deel van de placeholdertekst in het zoekveld weg op pagina www.energieparticipatie.nl/ .

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 34: In de PDF op pagina www.energieparticipatie.nl/uploads/document/… is de titel in de bestandseigenschappen ingesteld als 'Microsoft Word - DEF Hoofdstuk Participatie.docx'. Dit is geen goede titel.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 35: Op www.energieparticipatie.nl/ staan een aantal links met alleen 'Lees verder' als linktekst. Hierdoor kan het linkdoel niet bepaald worden. In verborgen tekst kan bijvoorbeeld worden toegevoegd waarover meer kan worden gelezen, zoals 'Lees verder over JongRES'.
Ook op www.energieparticipatie.nl/aan-de-slag/werkvormen staan links met alleen 'Lees verder'.
Dit geldt ook voor de 'Download voorbeelddocument' links op www.energieparticipatie.nl/aan-de-slag/voorbeelddocumenten-… . Deze links hebben overigens een identieke tekst in het title-attribuut. Laat dit leeg, nu wordt door sommige voorleessoftware twee keer hetzelfde voorgelezen.

Bevinding 36: Het logo rechtsonderin op verschillende pagina’s, waaronder www.energieparticipatie.nl/over-ons heeft als alt-tekst “NPRES logo”. Aangezien dit ook naar de site van NPRES linkt, is het linkdoel niet duidelijk genoeg.

Bevinding 37: Op www.energieparticipatie.nl/leren/participatie-van-beleid-tot-… bestaat de linktekst van het blok waar de PDF gedownload kan worden uit alle informatie in dit blok. Dus de tekst 'Voorbeelddocument', de grootte, de titel en de tekst eronder. Gebruikers van voorleessoftware krijgen nu een lange linktekst te horen, en gebruikers van spraaksoftware kunnen moeite hebben met het activeren van deze link.
Maak liever alleen de titel van het PDF document de linktekst, en maak duidelijk dat dit document gedownload kan worden. Het klikbare gebied kan dan met bijvoorbeeld Javascript worden vergroot.

Bevinding 38: Op pagina www.energieparticipatie.nl/community/praktijkverhalen staat bij elke titel een afbeelding die ook een link is. De linktekst van deze afbeeldingen beschrijft het linkdoel niet.
Best practice is om de link van deze afbeeldingen af te halen en alleen de titel een link te laten zijn. Vervolgens kan het klikbare gebied vergroot worden. Per artikel moet nu namelijk twee keer getabd worden. Dat is vervelend voor toetsenbordgebruikers.
Dit komt ook voor op pagina www.energieparticipatie.nl/leren/participatie-van-beleid-tot-… bij 'Inwoners reageren op concept-RES Noord-Holland Noord en Zuid'.

Bevinding 39: Op pagina www.energieparticipatie.nl/leren/participatie-van-beleid-tot-… staat de link 'Lees hier meer'. Deze heeft een linkdoel door de omliggende zinsnede 'over hoe je als initiatiefnemer participatie kunt organiseren. Maar het is beter als het linkdoel direct uit de linktekst duidelijk wordt. Dit is bijvoorbeeld wel goed gedaan voor de link 'Lees meer over procesparticipatie in Noord-Holland.'

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 40: De klikbare logo's van Energieparticipatie en Nationaal Programma Regionale Energie Strategie bevatten visueel zichtbare tekst. Deze tekst moet volledig terugkomen in het tekstalternatief, zodat het logo met spraaksoftware te bedienen is.

Bevinding 41: Op pagina energieparticipatie.nl/ staat een zoekveld. De visuele tekst 'Waarmee kunnen we je helpen?' komt niet terug in de toegankelijkheidsnaam van het zoekveld (nml. "Zoeken").

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 42: In de PDF op pagina www.energieparticipatie.nl/uploads/document/… is de taal niet ingesteld in de bestandseigenschappen.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 43: Op pagina www.energieparticipatie.nl/zoeken hebben de links '2' en '3' een title-attribuut 'Go to page 2' en 'Go to page 3'. Deze teksten wijken af van de taal van de rest van de pagina en worden hierdoor in de verkeerde taal voorgelezen. Vertaal deze teksten naar het Nederlands, of verwijder het title-attribuut ('Pagina 2' is voldoende als linktekst).

Bevinding 44: Opmerking: Op elke pagina staat een verborgen heading 'Footer navigation'. Deze tekst kan beter gewoon in het Nederlands worden weergegeven.

****** Tot.: 44 Bevindingen

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 12:06:26 v2.3-011