1. Overzicht
Dit onderzoek is uitgevoerd volgens de evaluatiemethode WCAG-EM
Deze audit volgde de Website Accessibility Conformance Evaluation Methodology (WCAG-EM) zoals beschreven in de W3C aanbeveling.
Om een goed beeld te krijgen van de digitale toegankelijkheid van een website, is het noodzakelijk een onderzoek handmatig uit te voeren. Dit onderzoek omvat alle domeinen, subdomeinen en/of subdomeinen die een logisch geheel vormen met het hoofddomein van de website. Met de WCAG‑evaluatiemethode (WCAG‑EM) nemen we nauwkeurige steekproeven, zodat er een volledig beeld ontstaat van de digitale toegankelijkheid van het product. We onderzoeken waar het product niet aan de richtlijnen voldoet.
Het testen gebeurt grotendeels handmatig en op basis van een steekproef. De resultaten worden per steekproef vastgelegd. Als een type toegankelijkheidsprobleem op meerdere pagina’s voorkomt, worden één of meerdere voorbeelden gegeven.
Omdat we met een steekproef werken en per bevinding één of meerdere voorbeelden geven, moet u zelf het systeem bekijken om uit te vinden waar de fout mogelijk elders optreedt.
Aan het begin van het onderzoek kijken we welke “type” pagina’s en inhoud relevant zijn voor deze steekproef. Denk bijvoorbeeld aan de homepage, een FAQ‑pagina, video‑ en beeldmateriaal, PDF‑bestanden en inhoudspagina’s.
Naast het gebruik van WCAG‑EM bieden we ook persoonlijk advies vanuit onze expertise. Dat betekent dat we ook kijken naar toegankelijkheidsvereisten die niet in de richtlijnen staan, maar waarvan wij vinden dat ze aangepast moeten worden om beter aan de behoeften van de doelgroep te voldoen.
overview_statistics
Titel: Brabant Magazine
Opdrachtgever: Provincie Noord-Brabant
Datum van toetsing: 17 november 2025
WCAG-versie: WCAG 2.1
Conformiteitsniveau: AA
Managementsamenvatting
Het voltooien van deze toegankelijkheidsaudit voor Brabant Magazine is een waardevolle stap in het verbeteren van de toegankelijkheid en gebruikerservaring voor alle gebruikers. Door de gevonden problemen aan te pakken, kan ervoor gezorgd worden dat uw website voldoet aan de WCAG 2.1-normen op niveau AA, waardoor het toegankelijker wordt voor mensen met verschillende soorten beperkingen.
De bevindingen met de hoogste prioriteit zijn onder andere een focusindicator die niet altijd zichtbaar is, wat het moeilijk maakt voor gebruikers die afhankelijk zijn van toetsenbordnavigatie. Daarnaast zijn er verschillende problemen met contrast, zoals knoppen en iconen die onvoldoende contrast hebben met de achtergrond, wat het moeilijk maakt voor gebruikers met visuele beperkingen.
Om de toegankelijkheid van Brabant Magazine te verbeteren, wordt geadviseerd om de focusindicator zichtbaar te maken voor alle interactieve elementen. Daarnaast moet het contrast van knoppen, icoontjes en invoervelden worden verhoogd om voldoende contrast te garanderen. Ten slotte moet het verschil tussen verplichte en optionele velden duidelijk worden aangegeven, bijvoorbeeld door het toevoegen van een label zoals “verplicht” of “optioneel”. Door deze aanbevelingen op te volgen, kunt u ervoor zorgen dat Brabant Magazine toegankelijker en gebruiksvriendelijker wordt voor alle gebruikers.
Basis toegankelijkheidsondersteuning
Het systeem wordt ondersteund door gangbare webbrowsers en hulpapparatuur.
2. Scope
Website informatie
| Eigenschap | Waarde |
|---|---|
| Naam van het systeem | Brabant Magazine |
| URL | https://publicaties.brabant.nl/bm/64/ |
| WCAG-versie | WCAG 2.1 |
| Conformiteitsniveau | AA |
Scope van het onderzoek
Binnen scope: - Alle pagina's onder https://publicaties.brabant.nl/bm/63/ Buiten scope: - Alle pagina's onder https://www.brabant.nl/
Gebruikte tools en technologie
Stylus Chrome Extensie, Resize Window Chrome extensie, Axe DevTools, Color contrast Analyzer, Voice Over, HeadingsMap, Chrome versie 142, Safari versie 18.6
3. Verkenning
Webtechnologieën
- HTML
- CSS
- JS
- WAI-ARIA
- SVG
4. Steekproef
-
Startpagina
-
Word gratis abonnee van Brabant Magazine
-
Monumentenwacht Noord-Brabant 50 jaar
-
De Brabantse beek hersteld
-
Provincie bouwt zelf busremise voor elektrisch OV
-
Brabantse weginspecteurs veilig op pad
-
#MooiBrabant
-
Bouwen? Dan ook het landschap verbeteren!
-
Korte berichten
-
Oeps! Dit is niet de pagina die u bedoelt. Probeer het s.v.p. opnieuw.
-
Contact
-
Alle onderzochte webpagina's
5. Bevindingen
Bevindingen per WCAG-principe
Afgekeurde bevindingen (21)
De volgende toegankelijkheidsproblemen zijn gevonden en moeten worden opgelost:
Principe 1: Waarneembaar
WCAG 1.1.1
Afbeelding niet opgemaakt als decoratief
Beschrijving: Er is een decoratieve afbeelding gevonden die niet te negeren is voor hulptechnologie. Maak de afbeelding op als decoratief door het alt-attribuut leeg te laten (niet te verwijderen).
Locatie: De afbeeldingen hebben allemaal een alt-tekst, maar veel afbeeldingen zouden als decoratief opgemaakt kunnen worden. Bijvoorbeeld portretfoto’s die gebruikt worden over de gehele website hebben als alt-tekst de naam van de persoon, omdat daaronder ook de naam van de persoon. Hierdoor hoor je deze informatie dubbel. Hierdoor kunnen afbeeldingen die geen nieuwe informatie communiceren aan gebruikers worden opgemaakt als decoratief. Ook afbeeldingen op de pagina Weginspecteurs veiliger communiceren geen nieuwe informatie aan de gebruikers, zoals de afbeelding zoals ‘‘Weginspecteur met pilonnen’’ (zie afbeelding).
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Een video heeft een titel, maar deze is niet voldoende beschrijvend.
Beschrijving: Er is een titel voor een video gevonden, maar de titel beschrijft de inhoud van de video niet voldoende. Het is belangrijk dat alle gebruikers, met name schermlezergebruikers, aan de hand van de titel weten waar de video over gaat, zodat ze kunnen bepalen of ze deze inhoud willen bekijken.
Locatie: De video’s hebben als titel ‘‘Videospeler’’. Zorg ervoor dat de titel van een video het onderwerp beschrijft van een video.
Gekoppelde pagina's: Korte berichten, Monumentenwacht Noord-Brabant 50 jaar, Brabantse weginspecteurs veilig op pad
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.2.3
Vooraf opgenomen video zonder alternatief of audiobeschrijving
Beschrijving: Er is vooraf opgenomen video met audiotrack gevonden, zonder een tekstueel alternatief of audiobeschrijving die de belangrijke video-inhoud beschrijft.
Locatie: De video’s zijn wel voorzien van ondertiteling, maar niet van een media-alternatief of audiodescriptie. Dat is wel nodig voor bijvoorbeeld de namen van de personen en hun functie die in beeld komt. Ook de link aan het einde van de video van Herstel van kwelnatuur in het Bossche Broek moet daarin voorkomen.
Gekoppelde pagina's: Provincie bouwt zelf busremise voor elektrisch OV, Korte berichten
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.2.5
Vooraf opgenomen video zonder audiobeschrijving
Beschrijving: Er is een vooraf opgenomen video met audio gevonden, zonder audiobeschrijving van de visueel gepresenteerde informatieve inhoud van de video.
Locatie: De video’s zijn wel voorzien van ondertiteling, maar niet van een audiodescriptie. Dat is wel nodig voor bijvoorbeeld de namen van de personen en hun functie die in beeld komt. Ook de link aan het einde van de video van Herstel van kwelnatuur in het Bossche Broek moet daarin voorkomen.
Gekoppelde pagina's: Brabantse weginspecteurs veilig op pad , Korte berichten
Prioriteit: Laag
Uitkomst: Gefaald
WCAG 1.3.1
Onjuist gebruik ARIA
Beschrijving: Er is een verschil tussen wat visueel getoond wordt en hoe dit semantisch in de code verwerkt is. Er wordt daarbij gebruik gemaakt van onjuiste of overbodige aria-attributen. Dit kan verwarring opleveren, vooral bij gebruik van ondersteunende technologieën, zoals een schermlezer.
Locatie: De caroussels hebben een aria-label=‘‘Card carousel’’. Maar het is niet toegestaan om een aria-label te gebruiken op een div zonder geldige rol.
Gekoppelde pagina's: Monumentenwacht Noord-Brabant 50 jaar
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Foutmelding niet programmatisch gerelateerd aan invoerveld
Beschrijving: Er is een foutmelding gevonden die aan een invoerveld gerelateerd lijkt te zijn. Dit is echter niet programmatisch te bepalen, waardoor voor een gebruiker van hulpsoftware moeilijker in te zien is of een veld correct is ingevuld. Het zou beter zijn om een duidelijk programmatische connectie te maken waardoor alle relevante informatie over het invullen van een invoerveld in een keer gegeven wordt en er niet voor- en achteruit genavigeerd hoeft te worden om deze informatie te verkrijgen.
Locatie: De foutmelding die verschijnt wanneer het invoerveld E-mailadres onjuist of niet is ingevuld, is niet gekoppeld aan het invoerveld.
Gekoppelde pagina's: Word gratis abonnee van Brabant Magazine
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Kop niet programmatisch opgemaakt
Beschrijving: Er is een kop gevonden die niet goed is opgemaakt als kop in de code.
Locatie: De kop ‘‘Oeps! Dit is niet de pagina die u bedoelt. Probeer het s.v.p. opnieuw.’’ is niet programmatisch opgemaakt als kop.
Gekoppelde pagina's: Oeps! Dit is niet de pagina die u bedoelt. Probeer het s.v.p. opnieuw.
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Kopniveaus niet logisch genest
Beschrijving: De niveaus en volgorde van de koppen (h-elementen) gebruikt op de pagina zijn niet logisch en kunnen verwarrend werken voor de gebruiker. Het is belangrijk om erop te letten dat de verschillende kopniveau’s goed genest zijn; het gebruik van de verschillende niveaus dient te gebeuren op basis van de functie en niet de styling. Ook is het aan te raden geen kopniveau’s over te slaan.
Locatie: De kopniveaus zijn niet logisch genest. De h4 kop ‘‘Ook iets voor korte berichten?’’ en de h3 kop ‘‘Nog niet geabonneerd op Brabant Magazine?’’ vallen nu onder de h2 kop ‘‘Herstel van kwelnatuur in het Bossche Broek’’. Dit voorbeeld is te zien op de pagina Korte berichten, maar dit probleem komt ook op andere pagina’s voor.
Gekoppelde pagina's: Korte berichten, Bouwen? Dan ook het landschap verbeteren!
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Programmatische koptekst gebruikt voor tekststyling
Beschrijving: Een heading-tag is onterecht gebruikt om tekst op te maken. Dit maakt het lastiger voor mensen die structuur nodig hebben om te navigeren en de inhoud te begrijpen. Gebruik CSS voor dit soort visuele communicatie.
Locatie: De tekst onder de kop ‘‘Provincie bouwt zelf busremise voor elektrisch OV’’ is programmatisch opgemaakt als kop vanwege de styling, terwijl deze tekst geen kop is.
Gekoppelde pagina's: Provincie bouwt zelf busremise voor elektrisch OV
Prioriteit: Laag
Uitkomst: Gefaald
WCAG 1.4.3
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De witte teksten op een grijs transparante achtergrond hebben niet altijd voldoende contrast.
Gekoppelde pagina's: Oeps! Dit is niet de pagina die u bedoelt. Probeer het s.v.p. opnieuw.
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De lichtgele tekst heeft onvoldoende contrast met de roze achtergrond (2,8:1). Grote tekst heeft een minimale contrastverhouding van 3,0:1 nodig, bij normale tekst is er een minimale contrastverhouding van 4,5:1 nodig.
Gekoppelde pagina's: Bouwen? Dan ook het landschap verbeteren!
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Tekst (groot) met onvoldoende contrast
Beschrijving: Er is een tekst gevonden van 18pt of groter, die een kleur heeft met een contrastverhouding lager dan 3:1 ten opzichte van de achtergrondkleur.
Locatie: De gele tekst heeft niet voldoende contrast met de achtergrondafbeelding.
Gekoppelde pagina's: Bouwen? Dan ook het landschap verbeteren!
Prioriteit: Laag
Uitkomst: Gefaald
Tekstkleur met onvoldoende contrast met achtergrond afbeelding
Beschrijving: Er is een tekst gevonden met een afbeelding op de achtergrond waarbij het contrast niet hoog genoeg is (minimaal 4,5:1).
Locatie: Er zijn teksten gevonden die niet altijd voldoende contrast hebben met de achtergrondafbeelding. Zie bijvoorbeeld de kaarten onder de kop ‘‘In deze editie’’ op de startpagina.
Gekoppelde pagina's: De Brabantse beek hersteld, Startpagina, Brabantse weginspecteurs veilig op pad , Bouwen? Dan ook het landschap verbeteren!
Prioriteit: Laag
Uitkomst: Gefaald
WCAG 1.4.5
Afbeelding bevat essentiële tekst
Beschrijving: Er is een afbeelding waarin tekst is ingesloten in de afbeelding, waarvan de tekst essentieel is voor de context. Deze tekst is niet toegankelijk voor gebruikers van schermlezers of mensen die de opmaak van tekst wijzigen (zoals beschreven in 1.4.12). Je kunt de tekst beter met behulp van CSS op de afbeelding plaatsen.
Locatie: De informatie onder de kop ‘‘Feiten en cijfers’’ is een afbeelding van tekst. Hierdoor hebben schermlezergebruikers geen toegang tot deze informatie.
Gekoppelde pagina's: Monumentenwacht Noord-Brabant 50 jaar
Prioriteit: Laag
Uitkomst: Gefaald
WCAG 1.4.10
Verlies van functionaliteit bij reflow
Beschrijving: Er is een component gevonden met verlies van functionaliteit tijdens reflow.
Locatie: De knop ‘‘Ga naar de serie portretten’’ valt weg in reflow.
Gekoppelde pagina's: Brabantse weginspecteurs veilig op pad
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.4.11
Icoon met onvoldoende contrast
Beschrijving: Er is een icoon gevonden met onvoldoende contrast met naastgelegen kleuren. De contrastverhouding moet minimaal 3:1 zijn voor iconen.
Locatie: De witte ‘‘Sluiten’’-knop heeft onvoldoende contrast met de witte achtergrond wanneer de tekst wordt vergroot of mobiele weergave.
Gekoppelde pagina's: Word gratis abonnee van Brabant Magazine
Prioriteit: Laag
Uitkomst: Gefaald
Invoerveld met onvoldoende contrast
Beschrijving: Er is een invoerveld gevonden met een rand of achtergrondkleur, met een te laag contrast ten opzichte van naastgelegen kleuren.
Locatie: De grijze rand van het invoerveld heeft onvoldoende contrast met de witte omliggende kleuren.
Gekoppelde pagina's: Word gratis abonnee van Brabant Magazine
Prioriteit: Laag
Uitkomst: Gefaald
Principe 2: Bedienbaar
WCAG 2.4.2
Paginatitel onvoldoende beschrijvend
Beschrijving: De pagina heeft een titel, maar deze beschrijft het doel van de pagina niet of niet duidelijk genoeg.
Locatie: Er wordt in de pagina titel niet beschreven dat de webpagina onderdeel is van Brabant Magazine.
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 2.4.3
Focusvolgorde niet logisch
Beschrijving: Het verplaatsen van de toetsenbordfocus gebeurt niet logisch. De focus verdwijnt bijvoorbeeld buiten een dialoogvenster, of de focus gaat niet logisch door de volgorde van de content heen, of de focus verdwijnt na interactie met de gebruiker.
Locatie: De focus gaat van de Pijl-knoppen naar de ‘‘Word gratis abonnee’’-knop. Terwijl de ‘‘Word gratis abonnee’’-knop eerder in visueel wordt getoond, waardoor deze eerder focus zou moeten krijgen.
Gekoppelde pagina's: Startpagina
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 2.4.7
Focusindicator niet altijd zichtbaar
Beschrijving: De focusindicator is niet altijd volledig zichtbaar. Het element kan dus wel bediend worden met een toetsenbord, echter merkt de gebruiker dit niet.
Locatie: De focusindicator is niet zichtbaar bij de ‘‘Ok’’-knop.
Gekoppelde pagina's: Word gratis abonnee van Brabant Magazine
Prioriteit: Hoog
Uitkomst: Gefaald
Principe 3: Begrijpelijk
WCAG 3.3.2
Onduidelijk verschil verplichte en optionele velden + * zonder uitleg
Beschrijving: Het verschil tussen optionele en verplichte velden is niet of niet duidelijk genoeg aangegeven. Dit verschil moet aangegeven worden in het (correct gekoppelde) label zodat het voor iedereen duidelijk waarneembaar is tijdens het invullen. Je kan bij verplichte velden “verplicht” toevoegen of bij optionele “optioneel”. Als je dit doet met een icoon, moet het gebruik van het icoon ook duidelijk worden uitgelegd. Een sterretje alleen is niet voldoende als er geen label is dat uitlegt dat de * betekent dat het veld verplicht is.
Locatie: Er wordt gebruikt van een asterisk om te communiceren dat een invoerveld verplicht is. Alleen wordt dit symbool niet uitgelegd.
Gekoppelde pagina's: Word gratis abonnee van Brabant Magazine
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Advies (8)
De volgende toegankelijkheidsbevindingen adviseren we op te lossen, maar zijn niet nodig om aan de scope te voldoen.
Principe 1: Waarneembaar
WCAG 1.3.1
Pagina moet beginnen met een H1 kop
Beschrijving: De structuur van de headings moet de structuur van de pagina aanhouden. Daarom is het belangrijk met een level 1 heading (H1) te beginnen. Dit is geen vereiste, maar wij raden wel aan om dit altijd toe te passen omdat dit belangrijk is voor de gebruikerservaring.
Locatie: Er mist een H1 op de pagina.
Gekoppelde pagina's: Contact
Prioriteit: Laag
Uitkomst: Advies
Onjuist gebruik aria labels
Beschrijving: Veel functionaliteiten kunnen opgelost worden met alleen HMTL. Hier is verkeerd of overbodig gebruik gemaakt van aria.
Locatie: De ‘‘Word gratis abonnee’’-knop heeft een aria-label=“Overlay openen Word-abonnee”. Zorg ervoor dat de tekst exact overeen komt om verwarring te voorkomen.
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Laag
Uitkomst: Advies
Onjuist gebruik aria labels
Beschrijving: Veel functionaliteiten kunnen opgelost worden met alleen HMTL. Hier is verkeerd of overbodig gebruik gemaakt van aria.
Locatie: De ‘‘Voorbeelden projecten’’-knop heeft een aria-label=“Overlay openen Beekherstel”. Zorg ervoor dat de tekst exact overeen komt om verwarring te voorkomen.
Gekoppelde pagina's: De Brabantse beek hersteld
Prioriteit: Laag
Uitkomst: Advies
WCAG 1.4.11
Knop met onvoldoende contrast
Beschrijving: Er is een knop gevonden met achtergrond of randkleur met onvoldoende contrast ten opzichte van naastgelegen kleuren.
Locatie: De scroll naar beneden knop.
Gekoppelde pagina's: Contact
Prioriteit: Laag
Uitkomst: Advies
Principe 3: Begrijpelijk
WCAG 3.1.2
Taal van onderdeel onvoldoende
Beschrijving: Er is tekst gevonden in de pagina in een andere taal dan die is ingesteld voor de pagina. Deze tekst is ook in de code niet als afwijkend opgemaakt.
Locatie: De sociale media iconen hebben een alternatieve tekst die in het engels is.
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Laag
Uitkomst: Advies
Taal van onderdeel onvoldoende
Beschrijving: Er is tekst gevonden in de pagina in een andere taal dan die is ingesteld voor de pagina. Deze tekst is ook in de code niet als afwijkend opgemaakt.
Locatie: De knoppen om naar de volgende en vorige slide van de carrousel te kunnen, hebben een Engelstalige naam namelijk ‘‘Next slide’’ en ‘‘Previous slide’’.
Gekoppelde pagina's: Monumentenwacht Noord-Brabant 50 jaar
Prioriteit: Laag
Uitkomst: Advies
Taal van onderdeel onvoldoende
Beschrijving: Er is tekst gevonden in de pagina in een andere taal dan die is ingesteld voor de pagina. Deze tekst is ook in de code niet als afwijkend opgemaakt.
Locatie: De Zoeken-knop en de Geluid-knop hebben een Engelse naam in plaats van een Nederlandse naam
Gekoppelde pagina's: Oeps! Dit is niet de pagina die u bedoelt. Probeer het s.v.p. opnieuw.
Prioriteit: Gemiddeld
Uitkomst: Advies
Principe 4: Robuust
WCAG 4.1.3
Door de browser gegenereerd dialoogvenster
Beschrijving: Er is een bevestigingsdialoogvenster gevonden, die door de browser is gemaakt. Hoewel het is toegestaan om statusberichten van de browser te gebruiken, raden we aan om dit bericht in eigen beheer te nemen, zodat deze volledig toegankelijk kan worden gemaakt. Dit betekent dat er meer controle is over de opties, hoe tekst wordt weergegeven en dat het beter kan worden afgestemd op de stijl en uitstraling van de website.
Locatie: Wanneer er een fout wordt gemaakt.
Gekoppelde pagina's: Word gratis abonnee van Brabant Magazine
Prioriteit: Laag
Uitkomst: Advies
6. Samenvatting
Resultaat van toetsing
| Status | WCAG Criteria | Percentage |
|---|---|---|
| Geslaagd | 38 | 76.0% |
| Gefaald | 12 | 24.0% |
Prioriteitsverdeling
- Kritieke prioriteit: 0 - bevindingen vereisen onmiddellijke aandacht.
- Hoge prioriteit: 1 - bevindingen moeten zo snel mogelijk worden aangepakt.
- Gemiddelde prioriteit: 14 - bevindingen moeten ingepland worden voor oplossing.
- Lage prioriteit: 14 - bevindingen kunnen worden aangepakt wanneer middelen dit toelaten.
Advies
- Pak kritieke bevindingen zo snel mogelijk aan.
- Implementeer het systematisch testen van toegankelijkheid.
- Train het development team in toegankelijkheid.
- Plan regelmatige hertests.
- Overweeg het gebruiken van geautomatiseerde testtools.