Rapport in PDF

Deelonderzoek content meedoenhartvanwestbrabant.nl

Inleiding

Openbare voorzieningen moeten bruikbaar en toegankelijk zijn voor alle burgers. Net zoals een gebouw rolstoeltoegankelijk moet zijn, moet een website of mobiele app ook bediend kunnen worden door mensen met een beperking. Dit kunnen bijvoorbeeld visuele, auditieve of motorische beperkingen zijn. Denk aan slechtzienden, doven en slechthorenden en mensen die hun handen niet of in beperkte mate kunnen gebruiken. Ook cognitieve factoren spelen een rol: is de content voor iedereen te begrijpen?

Nederlandse overheidsorganisaties moeten voldoen aan de Web Content Accessibility Guidelines (WCAG) versie 2.1, onder de Europese standaard voor overheidswebsites EN 301 549. Deze criteria variëren van technisch functionele eisen zoals een goede werking met het toetsenbord tot aan meer inhoudelijke eisen zoals duidelijke foutmeldingen en een heldere navigatiestructuur.

Dit onderzoek is handmatig uitgevoerd volgens de WCAG-EM evaluatiemethode met ondersteuning van automatische test tools. De pagina’s uit de sample zijn onderzocht op alle 50 criteria onder WCAG 2.1 A en AA. Wanneer aan een criterium niet wordt voldaan, wordt hiervan minimaal één voorbeeld gegeven. Deze bevindingen kunnen op meer plekken voorkomen en moeten daarom structureel worden aangepakt.

De WCAG criteria zijn ingedeeld volgens vier principes, welke ook de leidraad vormen voor dit rapport: Waarneembaar, Bedienbaar, Begrijpelijk en Robuust. Gedetailleerde informatie over deze criteria is te vinden op de website van het W3C (Nederlandse vertaling).

Over deze evaluatie

Rapport auteur
Janita Top
Evaluatie opdrachtgever
iWink
Evaluatiedatum
12 juni 2025

Managementsamenvatting

Dit rapport bevat het deelonderzoek content. In combinatie met een deelonderzoek techniek vormt dit een volledig toegankelijkheidsonderzoek van de website. Uit dit onderzoek blijkt dat wordt voldaan aan 19 van de 23 content-specifieke criteria voor toegankelijkheid. Veel onderdelen van de site zijn dus al goed toegankelijk, maar er zijn nog verbeteringen mogelijk.

Positief is bijvoorbeeld er geen zintuiglijke eigenschappen worden gebruikt om betekenis over te brengen, dat er geen afbeeldingen van tekst worden gebruikt en dat de pagina's goede titels hebben.

Verbeteringen zijn echter nog mogelijk op diverse punten, zoals:

  • Onjuiste alt-teksten bij afbeeldingen
  • Onjuist opgemaakte koppen
  • Te laag contrast van tekst

Scope van de evaluatie

Website naam
meedoenhartvanwestbrabant.nl
Scope van de website
Alle pagina's op https://meedoenhartvanwestbrabant.nl/. Ingelogde pagina's via https://test.meedoenhartvanwestbrabant.nl/
WCAG Versie
2.1
Conformiteitsdoel
AA
Basisniveau van toegankelijkheid-ondersteuning
Gangbare webbrowsers en hulpapparatuur.
Verdere onderzoeksvereisten
Niet ingevuld

Uitgebreide toetsresultaten

Samenvatting

Gerapporteerd over 23 van 50 WCAG 2.1 AA Success Criteria.

Alle resultaten

1 Waarneembaar

1.1 Tekstalternatieven
Success Criterium Uitkomst Bevindingen
1.1.1: Niet-tekstuele content
Hele sample

Uitkomst: Onvoldoende

Homepage

Uitkomst: Onvoldoende

Teken en schilderen

Uitkomst: Onvoldoende

Contributie basketbal

Uitkomst: Onvoldoende

Dameskoor

Uitkomst: Onvoldoende
Hele sample

Opmerking: het logo van Werkplein bovenaan de site heeft als title attribuut ‘Naar de homepage van :host’. Behalve dat de tekst hier weinig toevoegt, kan een title attribuut beter op de link worden gezet in plaats van op de afbeelding (dan wordt het soms wel ondersteund door hulpsoftware).

Homepage

De afbeeldingen bij het aanbod hebben een alt-tekst waarin de titel wordt herhaald en vaak ook nog een deel van de beschrijving staat. Dit is niet correct en voegt niks toe. Het zorgt juist voor veel ruis voor screenreadergebruikers. Een voorbeeld van een alt-tekst: ’logo aanbod Gitaarles of ukeleleles op maat.De aanbieder omschrijft het aanbod als volgt: Gitaarles bij Gitaarschool Gubbels in Etten-Leur'. Zorg voor een korte alt-tekst die de afbeelding beschrijft of laat de alt-tekst hier leeg. Dat komt ook ten goede aan de linkteksten, die nu heel erg lang zijn, mede door de lange alt-teksten. Dit komt op meerdere pagina’s voor waar aanbod wordt getoond.

Teken en schilderen

Bovenaan de pagina staat een foto. Deze foto heeft als alt-tekst: ‘logo aanbod Tekenen en schilderen.De aanbieder omschrijft het aanbod als volgt: Onze schilderclub Pinxit’. Dit is niet correct. Er is geen logo te zien. Geef een korte omschrijving van wat er op de foto te zien is.

Contributie basketbal

Bovenaan de pagina staat een afbeelding. De alt-tekst luidt ‘logo aanbod Contributie seizoen 2024-2025, U14 - competitiespeler.De aanbieder omschrijft het aanbod als volgt: Contributie seizoen 2024-2025, U14 - competitiespeler.’ Dit is niet correct. Het logo heeft een andere tekst en de beschrijving is veel te lang. Een correcte alt-tekst zou zijn: ‘Logo BC Vossenberg basketbal’.

Dameskoor

Boven de kaart staat een afbeelding met de alt-tekst “office photo’. Dit is niet correct en voegt niks toe. Beter is het om deze alt-tekst leeg te laten.
1.2 Op tijd gebaseerde media
Success Criterium Uitkomst Bevindingen
1.2.1: Louter-geluid en louter-videobeeld (vooraf opgenomen)
Hele sample

Uitkomst: Niet van toepassing
1.2.2: Ondertitels voor doven en slechthorenden (vooraf opgenomen)
Hele sample

Uitkomst: Niet van toepassing
1.2.3: Audiodescriptie of media-alternatief (vooraf opgenomen)
Hele sample

Uitkomst: Niet van toepassing
1.2.4: Ondertitels voor doven en slechthorenden (live)
Hele sample

Uitkomst: Niet van toepassing
1.2.5: Audiodescriptie (vooraf opgenomen)
Hele sample

Uitkomst: Niet van toepassing
1.3 Aanpasbaar
Success Criterium Uitkomst Bevindingen
1.3.1: Info en relaties
Hele sample

Uitkomst: Onvoldoende

Tijdschriften regeling Etten-Leur

Uitkomst: Onvoldoende
Hele sample

In de footer zijn subkopjes opgemaakt met strong-element: ‘Bel ons:’ en ‘Bezoek onze locaties’. Hulpsoftware herkent dit niet als kopjes. Beter is het om hier h4-kopjes van te maken.

Tijdschriften regeling Etten-Leur

Visueel zijn er 3 aparte dataparen: Uitgifte, startdatum en einddatum. Voor screenreadergebruikers is dit echter doorlopende tekst. Maak hier bijvoorbeeld een definition list van (dl) om de structuur ook voor hulpsoftware duidelijk te maken.
1.3.2: Betekenisvolle volgorde
Hele sample

Uitkomst: Niet getoetst
1.3.3: Zintuiglijke eigenschappen
Hele sample

Uitkomst: Voldoende
1.3.4: Weergavestand
Hele sample

Uitkomst: Niet getoetst
1.3.5: Identificeer het doel van de input
Hele sample

Uitkomst: Niet getoetst
1.4 Onderscheidbaar
Success Criterium Uitkomst Bevindingen
1.4.1: Gebruik van kleur
Hele sample

Uitkomst: Voldoende
1.4.2: Geluidsbediening
Hele sample

Uitkomst: Niet van toepassing
1.4.3: Contrast (minimum)
Hele sample

Uitkomst: Onvoldoende
Hele sample

Tekst moet een contrast hebben van minimaal 4,5:1 voor slechtzienden en kleurenblinden. Dat geldt ook voor actieve elementen zoals op hover en focus. Onderstaande elementen op de website zitten qua contrast onder deze waarden.

  • De knoppen met witte tekst op een groene achtergrond, zoals de knop ‘Mijn tegoeden’ in de header (3.1:1). Deze combinatie komt op veel plekken voor, zoals de teksten in de footer en ook omgekeerd (groen op wit) zoals bij de link ‘Bekijk meer’.
  • Het actieve menu-item en het menu-item op hover (grijs op grijs, 3.53:1).
1.4.4: Herschalen van tekst
Hele sample

Uitkomst: Niet getoetst
1.4.5: Afbeeldingen van tekst
Hele sample

Uitkomst: Voldoende
1.4.10: Reflow
Hele sample

Uitkomst: Niet getoetst
1.4.11: Contrast van niet-tekstuele content
Hele sample

Uitkomst: Onvoldoende
Hele sample

Grafische elementen moeten een contrast hebben van minimaal 3:1. Dit geldt ook voor de randen of achtergrondkleur van invoervelden. Onderstaande elementen op de website zitten qua contrast onder deze waarden.

De sluitknop van popups (lichtgrijs, 1.8:1) zoals bij het toevoegen van een item aan je verlanglijstje.
1.4.12: Tekstafstand
Hele sample

Uitkomst: Niet getoetst
1.4.13: Content bij hover of focus
Hele sample

Uitkomst: Niet getoetst

2 Bedienbaar

2.1 Toetsenbordtoegankelijk
Success Criterium Uitkomst Bevindingen
2.1.1: Toetsenbord
Hele sample

Uitkomst: Niet getoetst
2.1.2: Geen toetsenbordval
Hele sample

Uitkomst: Niet getoetst
2.1.4: Enkel teken sneltoetsen
Hele sample

Uitkomst: Niet getoetst
2.2 Genoeg tijd
Success Criterium Uitkomst Bevindingen
2.2.1: Timing aanpasbaar
Hele sample

Uitkomst: Niet getoetst
2.2.2: Pauzeren, stoppen, verbergen
Hele sample

Uitkomst: Niet getoetst
2.3 Toevallen en fysieke reacties
Success Criterium Uitkomst Bevindingen
2.3.1: Drie flitsen of beneden drempelwaarde
Hele sample

Uitkomst: Voldoende
2.4 Navigeerbaar
Success Criterium Uitkomst Bevindingen
2.4.1: Blokken omzeilen
Hele sample

Uitkomst: Niet getoetst
2.4.2: Paginatitel
Hele sample

Uitkomst: Voldoende
2.4.3: Focus volgorde
Hele sample

Uitkomst: Niet getoetst
2.4.4: Linkdoel (in context)
Hele sample

Uitkomst: Voldoende
Hele sample

Opmerking: veel links beslaan een heel blok, zoals bij Aanbod items, waardoor de linkteksten erg lang worden. Voorbeeld van één linktekst: ‘Toevoegen aan verlanglijstje logo aanbod Inschrijfgeld nieuwe leden Inschrijfgeld nieuwe leden V.V. Internos € 15,- QR-code: klik voor meer informatie Online reserveren: klik voor meer informatie’. Wanneer een screenreader veel van zulke lange links voorleest, is dat niet erg gebruiksvriendelijk. Beter is het om de link alleen om de titel heen te zetten, dan wordt de linktekst: ‘Inschrijfgeld nieuwe leden’. Dit komt bij meerdere ‘linkblokken’ voor, zoals bij zoekresultaten en aanvragen.
2.4.5: Meerdere manieren
Hele sample

Uitkomst: Niet getoetst
2.4.6: Koppen en labels
Hele sample

Uitkomst: Voldoende
2.4.7: Focus zichtbaar
Hele sample

Uitkomst: Niet getoetst
2.5 Input Modaliteiten
Success Criterium Uitkomst Bevindingen
2.5.1: Aanwijzergebaren
Hele sample

Uitkomst: Niet getoetst
2.5.2: Aanwijzerannulering
Hele sample

Uitkomst: Niet getoetst
2.5.3: Label in naam
Hele sample

Uitkomst: Voldoende
2.5.4: Bewegingsactivering
Hele sample

Uitkomst: Niet getoetst

3 Begrijpelijk

3.1 Leesbaar
Success Criterium Uitkomst Bevindingen
3.1.1: Taal van de pagina
Hele sample

Uitkomst: Niet getoetst
3.1.2: Taal van onderdelen
Hele sample

Uitkomst: Niet van toepassing
3.2 Voorspelbaar
Success Criterium Uitkomst Bevindingen
3.2.1: Bij focus
Hele sample

Uitkomst: Niet getoetst
3.2.2: Bij input
Hele sample

Uitkomst: Niet getoetst
3.2.3: Consistente navigatie
Hele sample

Uitkomst: Niet getoetst
3.2.4: Consistente identificatie
Hele sample

Uitkomst: Voldoende
3.3 Assistentie bij invoer
Success Criterium Uitkomst Bevindingen
3.3.1: Foutidentificatie
Hele sample

Uitkomst: Niet van toepassing
3.3.2: Labels of instructies
Hele sample

Uitkomst: Niet van toepassing
3.3.3: Foutsuggestie
Hele sample

Uitkomst: Niet van toepassing
3.3.4: Foutpreventie (wettelijk, financieel, gegevens
Hele sample

Uitkomst: Niet getoetst

4 Robuust

4.1 Compatibel
Success Criterium Uitkomst Bevindingen
4.1.1: Parsen
Hele sample

Uitkomst: Niet getoetst
4.1.2: Naam, rol, waarde
Hele sample

Uitkomst: Niet getoetst

Aanbod

Uitkomst: Niet getoetst
Hele sample

Onderstaande zijn technische issues van onderdelen die niet aanwezig waren in het technische onderzoek.

Aanbod

Onder ‘Prijs’ staat een component met 2 div-elementen met de rol van ‘slider’. Deze elementen missen een label.
4.1.3: Statusberichten
Hele sample

Uitkomst: Niet getoetst

Sample

  1. Homepage - https://meedoenhartvanwestbrabant.nl/
  2. Uitleg/faq - https://meedoenhartvanwestbrabant.nl/uitleg
  3. Zoekresultaten - https://meedoenhartvanwestbrabant.nl/search?q=gym
  4. Regelingen - https://meedoenhartvanwestbrabant.nl/fondsen
  5. Meedoenregeling Etten-Leur - https://meedoenhartvanwestbrabant.nl/fondsen/92
  6. Tijdschriften regeling Etten-Leur - https://meedoenhartvanwestbrabant.nl/fondsen/135
  7. Aanbod - https://meedoenhartvanwestbrabant.nl/aanbod
  8. Teken en schilderen - https://meedoenhartvanwestbrabant.nl/aanbod/6505
  9. Contributie basketbal - https://meedoenhartvanwestbrabant.nl/aanbod/7137
  10. Aanbieders - https://meedoenhartvanwestbrabant.nl/aanbieders
  11. Dameskoor - https://meedoenhartvanwestbrabant.nl/aanbieders/1692
  12. Mijn tegoeden - https://test.meedoenhartvanwestbrabant.nl/tegoeden
  13. Tegoed Meedoenregeling - https://test.meedoenhartvanwestbrabant.nl/tegoeden/28756010
  14. Mijn verlanglijstje - https://meedoenhartvanwestbrabant.nl/verlanglijst

Technologie

HTML,CSS,WAI-ARIA,JavaScript,SVG,DOM

Onderbouwing van de evaluatie

Gebruikte systemen tijdens het onderzoek: