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: bravo.info WCAG-EM Rapport
Opdrachtgever: Provincie Noord-Brabant
Datum van toetsing: 18 februari 2026
WCAG-versie: WCAG 2.1
Conformiteitsniveau: AA
Managementsamenvatting
Het voltooien van deze toegankelijkheidsaudit voor bravo.info is een waardevolle stap in het verbeteren van de toegankelijkheid en gebruikerservaring voor alle gebruikers. Deze audit heeft 40 bevindingen opgeleverd, variërend van hoog tot laag van prioriteit, wat aantoont dat er nog veel verbeteringen mogelijk zijn om de website toegankelijker te maken voor iedereen, inclusief gebruikers met beperkingen.
Wat kunnen jullie nu doen om de toegankelijkheid te verbeteren?
Hieronder vinden jullie een aantal verbeterpunten in aanvulling op de rest van het rapport. Per punt leggen we uit wat werkt en wat meer aandacht nodig heeft om volledig toegankelijk te zijn:
- Er zijn knoppen gevonden welke niet goed programmatisch zijn opgemaakt (4.1.2 Naam, rol waarde). Zo wordt er niet met een schermlezer gecommuniceerd dat de knop een knop is, en krijgt deze knop ook geen focus met toetsenbordnavigatie (2.1.1 Toetsenbord toegankelijkheid). Hierdoor zijn deze knoppen niet goed te bedienen voor schermlezer- en toetsenbordgebruikers.
- Er is een foutmelding bij een invoerveld gevonden, waarbij de foutmelding niet in tekst staat beschreven. De fout wordt alleen gecommuniceerd via een rode kleur (3.3.1 Foutidentificatie).
- Voor gebruikers die afhankelijk zijn van hun toetsenbord om te navigeren door de app of website, is het belangrijk dat de focusvolgorde logisch is. De focusvolgorde bepaalt in welke volgorde interactieve elementen (zoals knoppen, links, formuliervelden) de focus krijgen wanneer je navigeert met het toetsenbord. Een logische volgorde zorgt dat gebruikers de interface kunnen begrijpen en voorspellen. Als de focus ineens springt van boven naar beneden of naar een irrelevant element, raken gebruikers in de war of missen belangrijke inhoud (2.4.3 Focusvolgorde).
Maken jullie nieuwe pagina’s aan?
Neem deze en andere verbeterpunten uit het rapport dan vooral mee. Sommige verbeterpunten gelden voor verschillende pagina’s. Let er daarom goed op bij het aanmaken van nieuwe pagina’s dat deze fouten niet worden herhaald. Dat zorgt voor tevreden gebruikers.
Basis toegankelijkheidsondersteuning
Het systeem wordt niet ondersteund door gangbare webbrowsers en hulpapparatuur.
2. Scope
Website informatie
| Eigenschap | Waarde |
|---|---|
| Naam van het systeem | bravo.info |
| URL | https://www.bravo.info/ |
| WCAG-versie | WCAG 2.1 |
| Conformiteitsniveau | AA |
3. Verkenning
Webtechnologieën
- HTML
- CSS
- JS
- WAI-ARIA
- SVG
4. Steekproef
- Startpagina
- Toegankelijkheid
- Proclaimer
- Cookies
- Zoekresultaten
- Pagina niet gevonden
- Klantenservice
- Nieuws
- Nieuws - Nieuwe fase werkzaamheden A27: aanpassing Brabantliners per 22 februari 2026
- Reisplanner
- Vervoersbewijzen - Bravo Tarievencheck
- Vervoersbewijzen - Verkooppunten
- Vervoersbewijzen - Abonnementen
- Brabant - Vervoersbewijzen - Abonnementen - Brabant Altijd Vrij
- Over Bravo
- Reizen - Ik Reis Met - Bravoflex
- Reizen - Ik Reis Als - Senior (65+)
- Reizen - Reizen met een beperking
- Reizen - Dienstregeling tijdens vakanties en feestdagen
- Reizen - Vertrektijden
- Alle onderzochte webpagina's
- Tips
- Word buschauffeur!
5. Bevindingen
Bevindingen per WCAG-principe
Afgekeurde bevindingen (37)
De volgende toegankelijkheidsproblemen zijn gevonden en moeten worden opgelost:
Waarneembaar
WCAG 1.1.1
Afbeelding zonder tekstueel alternatief
Beschrijving: Er is een informatieve afbeelding zonder tekstueel alternatief gevonden. Zet de informatie in de alt-tekst, of in een beschrijving in de buurt van de afbeelding.
Locatie: De plattegrond is niet goed opgemaakt. Het wordt herkend door een schermlezer en wordt voorgelezen als “Busconnecties, object, leeg”. De steden welke vallen onder bepaalde regio’s zouden gecommuniceerd moeten worden aan de gebruiker.
Gekoppelde pagina's: Reizen - Ik Reis Met - Bravoflex
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Afbeelding onbekend decoratief of informatief zonder passende alt
Beschrijving: Er is een afbeelding gevonden die geen (voldoende beschrijvende) alt-tekst heeft of als decoratief is aangemerkt.
Locatie: De screenshot van de reis heeft als alt-tekst “prijs busreis”. Deze alt-tekst communiceert geen nieuwe informatie, communiceer de informatie die belangrijk is via de tekst of een alt-tekst.
Gekoppelde pagina's: Brabant - Vervoersbewijzen - Abonnementen - Brabant Altijd Vrij
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Afbeelding zonder tekstueel alternatief
Beschrijving: Er is een informatieve afbeelding zonder tekstueel alternatief gevonden. Zet de informatie in de alt-tekst, of in een beschrijving in de buurt van de afbeelding.
Locatie: De afbeeldingen onder de disclosure hebben een alt-tekst die geen nieuwe informatie communiceert naar de gebruiker. De informatie die in de alt-tekst moet staan, zijn de steden welke zich in die regio bevinden.
Gekoppelde pagina's: Klantenservice
Prioriteit: Gemiddeld
Uitkomst: Gefaald
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 afbeelding van de BrabantLiner is niet opgemaakt als decoratief. Ook de afbeelding van het nieuwe lijnennet heeft als alt-tekst “brabantliner”, dit communiceert geen informatie aan de gebruiker. De informatie in de afbeelding staat ook in de tekst verwerkt, dus zou deze afbeelding ook als decoratief opgemaakt kunnen worden.
Gekoppelde pagina's: Nieuws - Nieuwe fase werkzaamheden A27: aanpassing Brabantliners per 22 februari 2026
Prioriteit: Laag
Uitkomst: Gefaald
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 afbeelding bij het artikel communiceert geen nieuwe informatie naar de gebruiker en zou dus als decoratief opgemaakt moeten worden.
Gekoppelde pagina's: Reizen - Ik Reis Met - Bravoflex, Reizen - Dienstregeling tijdens vakanties en feestdagen, Reizen - Ik Reis Als - Senior (65+), Brabant - Vervoersbewijzen - Abonnementen - Brabant Altijd Vrij, Word buschauffeur!, Startpagina
Prioriteit: Laag
Uitkomst: Gefaald
WCAG 1.2.2
Incorrecte automatisch gegenereerde ondertiteling bij vooraf opgenomen video met audio
Beschrijving: Er is vooraf opgenomen video met audio gevonden, waarvan de beschrijvende ondertiteling automatisch is aangemaakt. De automatische ondertiteling komt niet overeen met wat er daadwerkelijk te horen is.
Locatie: De ondertiteling klopt niet altijd. Bijvoorbeeld bij 0:16 wordt “groen” gezegd, maar staat er in de ondertiteling “groot”. En op 0:23 wordt “frequent” gezegd en staat er in de ondertiteling “gepland”.
Gekoppelde pagina's: Over Bravo
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.3.1
Visueel en programmatisch komen niet overeen
Beschrijving: Er is een component gevonden die een visuele betekenis en context heeft, maar die betekenis en context zijn niet programmatisch beschikbaar. Dit leidt tot functieverlies voor gebruikers van een schermlezer. Zorg ervoor dat je het juiste elementtype gebruikt om de betekenis over te brengen.
Locatie: Wanneer de bus op een andere tijd rijdt, is de tijd doorgestreept. Deze doorgestreepte tijd wordt voorgelezen door een schermlezer, maar er wordt niet duidelijk gecommuniceerd dat deze tijd gewijzigd is.
Gekoppelde pagina's: Reizen - Vertrektijden
Prioriteit: Laag
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: Er zijn h4 koppen “Reis 2 maanden gratis als je een jaarabonnement afsluit” gevonden welke nu vallen onder de h3 kop “Kinderen reizen gratis met je mee”.
Gekoppelde pagina's: Brabant - Vervoersbewijzen - Abonnementen - Brabant Altijd Vrij
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Verkeerd gebruik van ARIA
Beschrijving: Er wordt gebruik gemaakt van WAI-ARIA die niet overeenstemt met de richtlijnen voor het gebruik; het is belangrijk erop te letten dat de rol van een element de gebruikte ARIA-attributen ondersteunt, omdat deze anders niet juist herkend kan worden door hulpsoftware.
Locatie: Er wordt gebruik gemaakt van aria-hidden=“true” bij het invoerveld postcode en de plattegrond, terwijl de elementen focusbaar zijn.
Gekoppelde pagina's: Vervoersbewijzen - Verkooppunten
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Label en invoerveld niet (goed) gekoppeld
Beschrijving: Het label voor het invoerveld is programmatisch niet of niet goed gekoppeld aan het invoerveld zelf. Het beste, en de door de meeste hulpsoftware ondersteunde methode, is het label een “for”-attribuut te geven en daarmee te refereren aan het “id”-attribuut van het invoerveld.
Locatie: Het invoerveld Postcode en het label zijn niet goed gekoppeld.
Gekoppelde pagina's: Vervoersbewijzen - Verkooppunten
Prioriteit: Laag
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 kop “Tarievencheck” is opgemaakt als een h2. De koppen zoals “Stap 1” en “Stap 2” zijn ook opgemaakt als een h2, terwijl deze koppen onder de h2 kop “Tarievencheck” vallen.
Gekoppelde pagina's: Vervoersbewijzen - Bravo Tarievencheck
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Radiobutton programmatisch niet goed opgemaakt
Beschrijving: Er is een keuzerondje gevonden dat programmatisch niet goed is opgemaakt.
Locatie: De vragen en antwoorden functioneren als radiobuttons, maar zijn niet opgemaakt als radiobuttons.
Gekoppelde pagina's: Vervoersbewijzen - Bravo Tarievencheck
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Verkeerd gebruik van ARIA
Beschrijving: Er wordt gebruik gemaakt van WAI-ARIA die niet overeenstemt met de richtlijnen voor het gebruik; het is belangrijk erop te letten dat de rol van een element de gebruikte ARIA-attributen ondersteunt, omdat deze anders niet juist herkend kan worden door hulpsoftware.
Locatie: Bij de iconen zoals lopen, trein, bus, etc. is gebruik gemaakt van een div met een aria-label. Het is niet toegestaan om een aria-label te gebruiken op een div zonder geldige rol.
Gekoppelde pagina's: Reisplanner
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 dikgedrukte teksten dienen als koppen, maar zijn niet programmatisch opgemaakt als kop. Bijvoorbeeld de koppen “Vergeten uit te checken met je OV-chipkaart?” en “Vergeten uit te checken met je eigen betaalpas?” op de pagina Klantenservice.
Gekoppelde pagina's: Klantenservice, Reizen - Dienstregeling tijdens vakanties en feestdagen, Brabant - Vervoersbewijzen - Abonnementen - Brabant Altijd Vrij, Reizen - Ik Reis Als - Senior (65+)
Prioriteit: Laag
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 h4 kop “Paginering” is nu genest onder het laatste artikel op die pagina, die als h3 of h2 is opgemaakt.
Gekoppelde pagina's: Nieuws, Zoekresultaten, Tips
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Checkbox of radiobutton zonder programmatisch (correct) gekoppeld groepslabel
Beschrijving: Er is een groep selectievakjes of keuzerondjes waarvan het groepslabel semantisch niet correct gekoppeld is aan de keuzeopties.
Locatie: Er is geen groepslabel gekoppeld aan de radiobuttons Vertrek/Aankomst.
Gekoppelde pagina's: Reisplanner, Startpagina
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.3.2
Verborgen element in de leesvolgorde
Beschrijving: Er is content visueel verborgen, maar deze is niet correct verborgen voor gebruikers van hulpsoftware. De content is ook geen toevoeging die enkel voor gebruikers van hulpsoftware relevant is. Hierdoor komt de content wel terug in de leesvolgorde, maar niet visueel in beeld, wat verwarring kan opleveren. In plaats van content enkel buiten het zichtbare gebied te plaatsen, is het beter de content programmatisch goed te verbergen, zodat het zowel visueel als voor hulpsoftware verborgen is.
Locatie: Wanneer de disclosures zijn samengevouwen, wordt de inhoud van van de disclosure alsnog voorgelezen.
Gekoppelde pagina's: Brabant - Vervoersbewijzen - Abonnementen - Brabant Altijd Vrij, Klantenservice
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.3.5
Invoerveld zonder (correct) autocomplete-attribuut
Beschrijving: Er is een invoerveld zonder het juiste autocomplete-attribuut. Bij invoervelden waarbij persoonlijke gegevens ingevuld moeten worden, is een autocomplete-attribuut nodig. Dat zorgt ervoor dat browsers, maar ook hulpsoftware, ondersteuning kunnen geven bij het invullen van deze invoervelden. Bijvoorbeeld door de invoervelden al automatisch in te vullen.
Locatie: Bij het invoerveld Postcode is geen gebruik gemaakt van het autocomplete-attribuut.
Gekoppelde pagina's: Vervoersbewijzen - Verkooppunten
Prioriteit: Laag
Uitkomst: Gefaald
Invoerveld zonder (correct) autocomplete-attribuut
Beschrijving: Er is een invoerveld zonder het juiste autocomplete-attribuut. Bij invoervelden waarbij persoonlijke gegevens ingevuld moeten worden, is een autocomplete-attribuut nodig. Dat zorgt ervoor dat browsers, maar ook hulpsoftware, ondersteuning kunnen geven bij het invullen van deze invoervelden. Bijvoorbeeld door de invoervelden al automatisch in te vullen.
Locatie: Er is geen autocomplete-attribuut bij het E-mailadres invoerveld.
Gekoppelde pagina's: Nieuws, Alle onderzochte webpagina's
Prioriteit: Laag
Uitkomst: Gefaald
WCAG 1.4.1
Focus enkel aangegeven met verschil in kleur
Beschrijving: Wanneer het element focus krijgt, verandert alleen de kleur van het element, zoals de kleur van de tekst, achtergrond- en/of randkleur. Het verschil in de gebruikte kleuren is echter niet contrasterend genoeg, waardoor dit makkelijk gemist kan worden Het is daarnaast niet (goed) zichtbaar voor bijvoorbeeld mensen met een vorm van kleurenblindheid, of die slechtziend zijn. Het zou duidelijker zijn wanneer er ook een andere indicatie is om focus waar te nemen, zoals genoeg contrast, een onderlijning of (bij voorkeur) een goed zichtbare omlijning van het element dat focus heeft (focusbox).
Locatie: Wanneer bij het invoerveld Halte verschillende opties verschijnen, kan er tussen de verschillende opties genavigeerd worden. De focus wordt alleen door een grijze kleur aangegeven.
Gekoppelde pagina's: Reisplanner, Reizen - Vertrektijden, Startpagina
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.4.3
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden kleiner dan 18pt (24px), of kleiner dan 14pt (19px) en vet gedrukt, met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De lichtblauwe kleur na stap 4 bijvoorbeeld bij de teksten “Beste keus” en “Alternatief” heeft onvoldoende contrast.
Gekoppelde pagina's: Vervoersbewijzen - Bravo Tarievencheck
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden kleiner dan 18pt (24px), of kleiner dan 14pt (19px) en vet gedrukt, met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: In de footer heeft de lichtblauwe kleur onvoldoende contrast met de witte tekst (3,1:1).
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden kleiner dan 18pt (24px), of kleiner dan 14pt (19px) en vet gedrukt, met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De rode tekst van de skiplink “Overslaan en naar de inhoud gaan” heeft onvoldoende contrast met de grijze achtergrond (4,1:1).
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.4.4
Herschalen van tekst met verlies van functionaliteit
Beschrijving: Bij het vergroten van tekst naar 200% ontstaat er een verlies van functionaliteit.
Locatie: De kop “Nieuws” met de nieuwsartikelen daaronder vallen weg bij herschalen van tekst (pagina Nieuws). Ook het sidemenu op de pagina Over Bravo valt weg bij het herschalen van tekst.
Gekoppelde pagina's: Over Bravo, Nieuws - Nieuwe fase werkzaamheden A27: aanpassing Brabantliners per 22 februari 2026
Prioriteit: Gemiddeld
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 kop “Nieuws” met de nieuwsartikelen daaronder vallen weg in reflow (pagina Nieuws). Ook op de pagina Over Bravo valt het sidemenu weg in reflow.
Gekoppelde pagina's: Over Bravo, Nieuws - Nieuwe fase werkzaamheden A27: aanpassing Brabantliners per 22 februari 2026
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Verlies van functionaliteit bij reflow
Beschrijving: Er is een component gevonden met verlies van functionaliteit tijdens reflow.
Locatie: In reflow/mobiele weergave vallen de links onder “Reizen” en de link “Nieuws” weg.
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Bedienbaar
WCAG 2.1.1
Niet bedienbaar met toetsenbord
Beschrijving: Niet alle websitefunctionaliteiten kunnen worden gebruikt met alleen een toetsenbord.
Locatie: De knoppen “wijzig” welke zichtbaar wordt na het maken van een keuze, is niet goed opgemaakt. Het krijgt geen focus.
Gekoppelde pagina's: Vervoersbewijzen - Bravo Tarievencheck
Prioriteit: Hoog
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: In mobiele weergave gaat de focus eerst naar de links Cookies, Proclaimer en Toegankelijkheid voordat de focus naar het invoerveld e-mailadres gaat.
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Hoog
Uitkomst: Gefaald
WCAG 2.4.4
Linkdoel onvoldoende uit linktekst
Beschrijving: Er is een link gevonden waarvan het doel niet duidelijk is uit alleen de linktekst en welke ook niet programmatisch is in de context.
Locatie: Alle kaarten hebben als linkdoel “Lees meer”, hierdoor kan een schermlezergebruiker niet het onderscheid maken tussen de verschillende kaarten. Er wordt nu gebruik gemaakt van “linktitle” maar dat werkt niet (https://www.searchenginejournal.com/link-title-attribute/335415/).
Gekoppelde pagina's: Tips, Startpagina
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Linkdoel onvoldoende uit linktekst
Beschrijving: Er is een link gevonden waarvan het doel niet duidelijk is uit alleen de linktekst en welke ook niet programmatisch is in de context.
Locatie: De locaties/links op de plattegrond hebben allemaal als naam “Map marker”, hierdoor is het lastig om onderscheid te maken tussen de verschillende links.
Gekoppelde pagina's: Reizen - Vertrektijden
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Link is niet programmatisch in context
Beschrijving: Er is een link waarbij het doel van de link niet voldoende duidelijk is uit de linktekst alleen of uit wat programmatisch vastgesteld kan worden als context. Het linkdoel moet tenminste duidelijk zijn genoemd in dezelfde paragraaf, lijst, cel van de tabel, of tabelkop die aan de tabelcel gekoppeld is.
Locatie: De lees meer-links zijn niet programmatisch in de context.
Gekoppelde pagina's: Vervoersbewijzen - Abonnementen, Vervoersbewijzen - Bravo Tarievencheck, Reizen - Ik Reis Met - Bravoflex
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Begrijpelijk
WCAG 3.3.1
Geen foutidentificatie in tekst
Beschrijving: Één of meerdere invoervelden bevatten geen beschrijving van de fout in tekst.
Locatie: De enige vorm van foutidentificatie is de rode rand om het invoerveld heen.
Gekoppelde pagina's: Vervoersbewijzen - Verkooppunten
Prioriteit: Hoog
Uitkomst: Gefaald
WCAG 3.3.2
Placeholder als enige label voor het invoerveld
Beschrijving: Er wordt gebruik gemaakt van een placeholder als enige label voor het invoerveld, er is geen programmatisch gekoppeld label of aria-label aanwezig. Hierdoor is dit label niet continue beschikbaar, wat verwarrend kan zijn tijdens het invullen omdat je niet eenvoudig terug kan vinden wat er qua invoer verwacht wordt.
Locatie: Bij het invoerveld e-mailadres is alleen de placeholder als label beschikbaar.
Gekoppelde pagina's: Nieuws
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Robuust
WCAG 4.1.2
Disclosure zonder uitgevouwen status
Beschrijving: Er is een knop bij uitvouwbare content gevonden, ook wel een disclosure genoemd, zonder de juiste status om aan te geven of deze wel of niet open is. Dit betekent dat een schermlezer deze status niet bekend maakt aan de gebruiker.
Locatie: In mobiele weergave worden de onderdelen in het mobiele menu altijd door de schermlezer herkend als samengevouwen, ook wanneer een onderdeel is uitgevouwen.
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Disclosure zonder uitgevouwen status
Beschrijving: Er is een knop bij uitvouwbare content gevonden, ook wel een disclosure genoemd, zonder de juiste status om aan te geven of deze wel of niet open is. Dit betekent dat een schermlezer deze status niet bekend maakt aan de gebruiker.
Locatie: De disclosure “Verberg/Toon meldingen” heeft geen uitgevouwen status.
Gekoppelde pagina's: Reizen - Vertrektijden
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Knop zonder rol, naam en/of waarde
Beschrijving: Er is een knop gevonden zonder juiste rol naam en/of waarde. Hierdoor weten gebruikers van hulpsoftware niet dat het een knop is of wat het doet.
Locatie: De knoppen “wijzig” welke zichtbaar wordt na het maken van een keuze, is niet goed opgemaakt. Het krijgt geen focus, ook communiceert een schermlezer niet dat het een knop is.
Gekoppelde pagina's: Vervoersbewijzen - Bravo Tarievencheck
Prioriteit: Hoog
Uitkomst: Gefaald
WCAG 4.1.3
Laadstatus zonder (correct) bericht
Beschrijving: Er wordt gebruik gemaakt van een visuele indicatie, zoals een tekst of icoon, om aan te geven dat de pagina of een element aan het laden is, maar de daadwerkelijke status wordt niet goed doorgegeven aan schermlezers of andere hulpsoftware. Hierdoor weten schermlezergebruikers niet of er (nog) content aan het laden is. Er kan verwarring ontstaan omdat een actie geen gevolg lijkt te hebben, of de pagina ineens aanpast wanneer de content wel geladen is. Maak gebruik van een goed statusbericht zodat iedereen geïnformeerd wordt over de laadstatus en zorg ook dat het duidelijk is wanneer het voltooid is.
Locatie: Er wordt niet correct doorgegeven aan een schermlezer wanneer er een laadstatus verschijnt.
Gekoppelde pagina's: Startpagina
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Advies (3)
De volgende toegankelijkheidsbevindingen adviseren we op te lossen, maar zijn niet nodig om aan de scope te voldoen.
Waarneembaar
WCAG 1.3.1
Verkeerd gebruik van Aria landmarks
Beschrijving: Er zijn ARIA landmarks gevonden die op de verkeerde manier worden gebruikt. Dit kan verwarrend zijn voor schermlezergebruikers. Zorg dat wanneer er landmarks worden gebruikt, deze op de goede manier worden toegepast en niet misleidend zijn. We adviseren om HTML en ‘subclass landmark rollen’ te gebruiken. Zie https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/landmark_role voor meer informatie.
Locatie: De landmarks die gebruikt worden zijn niet de verwachtte landmarks. Zo is er geen footer landmark
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Laag
Uitkomst: Advies
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: Veel pagina’s beginnen niet met een h1.
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Laag
Uitkomst: Advies
Bedienbaar
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 eerst langs het onderste menu (Home t/m Zoeken) daarna gaat de focus pas langs het menu Nieuws t/m Volg ons.
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Laag
Uitkomst: Advies
6. Samenvatting
Resultaat van toetsing
| Status | WCAG Criteria | Percentage |
|---|---|---|
| Geslaagd | 34 | 68.0% |
| Gefaald | 16 | 32.0% |
Prioriteitsverdeling
- Kritieke prioriteit: 0 - bevindingen vereisen onmiddellijke aandacht.
- Hoge prioriteit: 4 - bevindingen moeten zo snel mogelijk worden aangepakt.
- Gemiddelde prioriteit: 26 - bevindingen moeten ingepland worden voor oplossing.
- Lage prioriteit: 10 - 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.