Toegankelijkheidsonderzoek

Rapport:
Audit digitale toegankelijkheid website Brabant vervoert ons


Onderzoeker
Michiel, Swink; Yulia, Swink
Datum
24 april 2023
Opdrachtgever
Provincie Brabant

Samenvatting onderzoeksresultaat

De website Brabant vervoert ons voldoet nog niet aan WCAG 2.1 niveau AA. Er zijn 24 van de 50 succescriteria waar één of meer fouten zijn gevonden. In dit document is vastgelegd in hoeverre de website voldoet aan de toegankelijkheidseisen die vastgelegd zijn in WCAG, de Web Content Accessibility Guidelines.

De website www.bravo.info is onderzocht tussen 11 en 24 april 2023. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. Doel van dit rapport is om de vervolgstappen te bepalen om tot een toegankelijke website te komen.

De belangrijkste bevindingen zijn:

Het onderzoek richt zich specifiek op de toegankelijkheid van de website voor mensen met een functiebeperking, zoals mensen die blind, doof, laaggeletterd zijn of andere functieproblemen hebben. Voor hen is het van belang dat de website technisch en inhoudelijk zo is ingericht dat de site voor hen goed bruikbaar is. Een website optimaliseren voor toegankelijkheid heeft meer voordelen; het maakt de website beter bruikbaar voor iedereen (bijvoorbeeld ook voor mensen die op hun mobieltje kijken in een zonnige omgeving) en het maakt de site beter vindbaar in zoekmachines.

Scope van de evaluatie

Naam website Brabant vervoert ons
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op bravo.info
  • Alle PDF's op bravo.info
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
WCAG versie
Conformiteitsdoel WCAG 2.1 niveau AA
Basisniveau van toegankelijkheid ondersteund Gangbare browsers en hulpsoftware

Overzicht toetsresultaat

Principe Voldoende Onvoldoende Onbekend
1 Waarneembaar 9 11 0
2 Bedienbaar 10 7 0
3 Begrijpelijk 5 5 0
4 Robuust 2 1 0
Totaal 26 24 0

Leeswijzer

Dit onderzoek is een momentopname. De website kan inmiddels veranderd zijn. De gevonden problemen zijn slechts voorbeelden. Ga daarom bij elk probleem de gehele website na of dit ook op andere plaatsen voorkomt. Dit onderzoek is slechts een steekproef van een aantal pagina's. Er zijn zo veel mogelijk verschillende type pagina's opgenomen in de sample om zo een goede indruk te krijgen van de toegankelijkheid. Let op! Bij het aanbrengen van verbeteringen of wijzigingen op de website/app kunnen nieuwe problemen ontstaan. Succescriteria gemarkeerd met "Niet aanwezig" worden automatisch goedgekeurd. Succescriteria gemarkeerd met "Onbekend" worden niet goedgekeurd.

Uitgebreide toetsresultaten


1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties.

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Op de homepagina staat naast de invoervelden van het 'Plan je reis' formulier kruisjes in een div met de role="img" en alt="veld leegmaken". Het alt attribuut mag alleen gebruikt worden binnen de tag <img>. Gebruik hier aria-label of aria-labelledby om een alternatieve tekst toe te voegen.
Hetzelfde geldt voor het icoon 'velden wisselen' in hetzelfde formulier.

Op de homepagina staan meerdere afbeeldingen met alternatieve teksten als 'Extra bussen Koningsdag' en 'Tarievencheck'. Deze teksten beschrijven de afbeelding niet. Pas de alternatieve teksten aan of maak de afbeelding decoratief door een leeg alt-attribuut toe te voegen binnen het img-element.
Hetzelfde komt op meer plaatsen in de website voor, bijvoorbeeld bij de foto op pagina https://bravo.info/nieuws/cao-onderhandelingsresultaat-openbaar-vervoer.

Op pagina https://bravo.info/klantenservice/contact-met-vervoerders staat onder 'Vragen over jouw reis met de regio- en deeltaxi' een afbeelding met de alt-tekst 'Kaart gebieden vijf regiotaxi's'. Dit beschrijft de afbeelding niet voldoende. De tekst erboven biedt wel dezelfde informatie als op de kaart, maar blinde of slechtziende bezoekers weten nu niet wat op de afbeelding te zien is en of zij informatie missen. Zorg voor een beschrijvendere alt-tekst.

Op pagina https://www.bravo.info/klantenservice/direct-regelen/bravo-tarievencheck is bij de keuze 'Jonger dan 12 jaar' door middel van een sterretje aangegeven dat er onder dat er meer informatie volgt. Hulpsoftware leest dit niet altijd voor. Zorg daarom voor een tekstalternatief.
Dit komt ook voor op pagina https://bravo.info/klantenservice/tips/de-bus-goedkoper-dan-je-denkt binnen de tabellen.

Op pagina https://bravo.info/nieuws/cao-onderhandelingsresultaat-openbaar-vervoer staat een afbeelding met de alt-tekst "Laatste nieuws stakingen en uitval openbaar vervoer". Dit beschrijft de afbeelding niet. Omdat de afbeelding puur decoratief lijkt, kan deze het beste worden verborgen voor hulpsoftware met een leeg alt-attribuut (alt="").
Dit komt ook voor op pagina https://bravo.info/reizen/diensten/bravofiets-de-deelfiets-bergen-op-zoom .

Advies: Op pagina https://bravo.info/english/tickets staat onderaan de pagina een afbeelding met de alt-tekst "Illustratie bus". Omdat de afbeelding puur decoratief lijkt, kan deze het beste worden verborgen voor hulpsoftware met een leeg alt-attribuut (alt="").


1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen louter-videobeeld is het volgende waar, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld:

Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Uitkomst: Niet aanwezig


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

Er worden ondertitels voor doven en slechthorenden geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

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

Uitkomst: Voldoende


1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Er wordt een alternatief geleverd voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.bravo.info/over-bravo/vernieuwing-ov staat een video onder 'Gedeelde mobiliteit' waar het logo aan het begin en eind in beeld komt. Slechtziende of blinde bezoekers is het nu niet duidelijk dat dit een video van de Provincie Noord-Brabant is. Voeg deze informatie toe aan een transcript, of een audiodescriptie om ook te voldoen aan succescriterium 1.2.5. Of laat alle informatie uitspreken door de voiceover waardoor de audiodescriptie overbodig wordt.
Dit geldt overigens ook voor de video 'Digizine gedeelde mobiliteit' maar dit lijkt precies dezelfde video te zijn.


1.2.4 Ondertitels voor doven en slechthorenden (live) (Niveau AA)

Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live)

Uitkomst: Voldoende


1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.bravo.info/over-bravo/vernieuwing-ov staat een video onder 'Gedeelde mobiliteit' waar het logo aan het begin en eind in beeld komt. Slechtziende of blinde bezoekers is het nu niet duidelijk dat dit een video van de Provincie Noord-Brabant is. Voeg deze informatie toe aan een audiodescriptie. Of laat alle informatie uitspreken door de voiceover waardoor de audiodescriptie overbodig wordt.
Dit geldt overigens ook voor de video 'Digizine gedeelde mobiliteit' maar dit lijkt precies dezelfde video te zijn.


1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie, structuur en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevindingen: Op de homepagina staan de koppen 'Regel het zelf', 'Snel naar' en 'Kies je vervoerbewijs'. Deze zijn niet met een kopelement gecodeerd. Gebruik een kopelement, bijvoorbeeld H2.

Op de homepagina staan onder de koppen 'Regel het zelf', 'Snel naar' en 'Kies je vervoerbewijs' lijstitems. Deze zijn niet als lijst gecodeerd. Gebruik een <ul> lijst om dit op te lossen.

Op de homepagina staan onder 'Uitgelicht' afbeeldingen met daarop labels, zoals '2=1' en 'Feestdag'. Visueel is duidelijk dat het om een label gaat, maar in de code niet. Voeg bijvoorbeeld vóór de tekst een visueel verborgen span-tekst toe, zoals 'Label:'.

Als een menu-item in het hoofdmenu actief is, dan is dat te zien aan de blauwe kleur van het item. Bijvoorbeeld op pagina https://bravo.info/klantenservice/contact-met-vervoerders is 'Klantenservice' blauw. Bezoekers die afhankelijk zijn van voorleessoftware missen deze informatie. Maak bijvoorbeeld gebruik van aria-current om dit op te lossen.
Dit komt ook voor in de menu's aan de zijkant van de pagina, bijvoorbeeld op pagina https://www.bravo.info/vervoerbewijzen/betalen-het-ov/ovpay-en-uitchecken-het-ov-met-je-betaalpas .

Onderaan de pagina https://bravo.info/nieuws staat een paginering. Dit is een ongeordende lijst, maar één lijstelement heeft de rol presentatie gekregen. Dit is daardoor geen geldig lijst element meer en mag niet op deze plaats in de code staan. Dit kan problemen geven met hulpsoftware. Zorg voor een goede opmaak van lijsten.

Op pagina https://bravo.info/english/tickets staat onder 'Subscription tickets and tickets on the bus' een tabel. De koppen 'Tickets on the bus and in shops', 'Price' en 'Details' zijn opgemaakt met kop niveau 3 in plaats van met het th-element. Daardoor is de relatie tussen de koppen en datacellen voor screenreadergebruikers niet duidelijk. Onder deze tabel staat een tweede tabel die visueel een voortzetting is van de eerste tabel, maar hier ontbreken de koppen helemaal. Zorg ervoor dat tabellen goed zijn opgemaakt en gebruik voor tabelkoppen altijd het th-element.

Op pagina https://www.bravo.info/reizen/diensten zijn de koppen 'Bussen' en 'Stads- en streekbussen' opgemaakt met het strong element. Het strong-element is bedoeld om nadruk te geven aan een of enkele woorden, niet voor de opmaak van koppen. Gebruik in plaats daarvan een kopelement (zoals H2) en gebruik CSS om de tekst anders vorm te geven.
Dit komt op meerdere pagina's voor, zoals op pagina https://bravo.info/klantenservice/contact-met-vervoerders op de koppen 'Voorwerpen verloren in de Bus?' en 'Reisinformatie bij calamiteiten', en voor de koppen onder 'Wat kost een ritje met de bus?' op pagina https://bravo.info/klantenservice/tips/de-bus-goedkoper-dan-je-denkt .

Op pagina https://bravo.info/nieuws/cao-onderhandelingsresultaat-openbaar-vervoer is een stuk tekst 'Zodra het definitieve ...' opgemaakt met het em-element. Het em-element is bedoeld om nadruk te geven aan een of enkele woorden. Gebruik CSS om de tekst anders vorm te geven.
Dit geldt ook voor schuingedrukte teksten als onderdeel van een naam, zoals 'Bravofiets' op pagina https://bravo.info/reizen/diensten/bravofiets-de-deelfiets-bergen-op-zoom .

Op pagina https://www.bravo.info/reizen/diensten staan verschillende blokken met lijstitems. Sommige hebben een visuele kop, andere hebben een afbeelding. Het kan voor blinde bezoekers onduidelijk zijn dat een afbeelding een nieuw blok vormt en niet hoort bij de voorgaande kop. Zorg dat de blokken met een afbeelding ook een kop hebben (visueel of onderwater) zodat de hiërarchische structuur van de pagina duidelijk is.

Op pagina https://bravo.info/english/tickets staat een kop van niveau 2 'How does it work?' in een uitklapbare tekst onder de kop van niveau 3 'Check in with your contactless debit or credit card'. Dit zou een kop van niveau 4 moeten zijn. Bezoekers die gebruikmaken van voorleessoftware kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden. Voor hen lijkt het nu of de kop 'Fares' onderdeel is van 'How does it work?'. Zorg voor een koppenstructuur die overeenkomt met de hiërarchische structuur van de pagina.
Dit geldt ook voor pagina https://www.bravo.info/klantenservice/direct-regelen/bravo-tarievencheck, waar (na het doorlopen van het advies) de kop 'OV-chipkaart of betaalpas' een hoger niveau is (H2) dan de kop erboven ('Beste keus', H3).

De PDF "Bravo fiets Bergen op Zoom" 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. Kaarten vormen een uitzondering, maar de informatie op deze kaart, de Bravofiets-locaties, moet wel op een toegankelijke manier beschikbaar zijn in de code van deze PDF of op een andere plaats in de website.

Advies: Op de homepagina ontbreekt een kop van niveau 1. Het is gebruikelijk dat een pagina precies één koptekst bevat. Voeg daarom een h1-kop toe.

Advies: Bijvoorbeeld op de pagina https://bravo.info/klantenservice/contact-met-vervoerders is de eerste kop van niveau 2 'Main navigation'. Gebruikelijk is om in de HTML code te beginnen met de kop van niveau 1 met de titel van de pagina. Visueel kan de pagina hetzelfde blijven.


1.3.2 Betekenisvolle volgorde (Niveau A)

Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een correcte leesvolgorde door software bepaald worden.

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevindingen: Op de homepagina staan onder 'Uitgelicht' meerdere blokken met een label, een afbeelding, een kop en tekst. Als de blokken achter elkaar worden voorgelezen is het niet duidelijk bij welke kop de banner en afbeelding horen. Zet de koppen vooraan in de HTML-code en zet hierachter de banner en afbeelding. Visueel mag deze indeling wel aangehouden worden.

Op pagina https://www.bravo.info/klantenservice/direct-regelen/bravo-tarievencheck is bij de keuze 'Jonger dan 12 jaar' door middel van een sterretje aangegeven dat er onder dat er meer informatie volgt. De voetnoot volgt verderop in de content. Zorg dat de voetnoot in de code direct na het sterretje wordt geplaatst, zodat het voor bezoekers die gebruik maken van hulpsoftware duidelijk is waar de verwijzing bij hoort. Visueel kan het zo blijven staan.
Dit komt ook voor op pagina https://bravo.info/klantenservice/tips/de-bus-goedkoper-dan-je-denkt binnen de tabellen.


1.3.3 Zintuiglijke eigenschappen (Niveau A)

Instructies die geleverd worden om content te begrijpen en te bedienen zijn niet alleen afhankelijk van zintuiglijke eigenschappen van componenten zoals vorm, kleur, omvang, visuele locatie, oriëntatie of geluid.

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Voldoende


1.3.4 Weergavestand (Niveau AA)

De content beperkt de weergave en bediening niet tot een enkele presentatie-oriëntatie, zoals staand of liggend, tenzij een specifieke presentatie-oriëntatie essentieel is.

Informatie over succescriterium 1.3.4 Weergavestand

Uitkomst: Voldoende


1.3.5 Identificeer het doel van de input (Niveau AA)

Het doel van elk invoerveld waarmee informatie van de gebruiker wordt verzameld, kan door software bepaald worden wanneer:

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevindingen: In de footer van elke pagina staat een invoerveld waar een bezoeker een e-mailadres kan invullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email".
Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/tr/wcag21/#input-purposes.


1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden.

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevindingen: Als een menu-item in het hoofdmenu actief is, dan is dat te zien aan de blauwe kleur van het item. Bijvoorbeeld op pagina https://bravo.info/klantenservice/contact-met-vervoerders is 'Klantenservice' blauw. Slechtzienden en kleurenblinden kunnen mogelijk niet zien dat dit het actieve menu-item is. Zorg ervoor dat een actief menu-item ook herkenbaar zijn aan minimaal één andere eigenschap, bijvoorbeeld door het te onderstrepen.
Dit komt ook voor in de menu's aan de zijkant van de pagina, bijvoorbeeld op pagina https://www.bravo.info/vervoerbewijzen/betalen-het-ov/ovpay-en-uitchecken-het-ov-met-je-betaalpas .

Als in het formulier op pagina https://bravo.info/reizen/reisplanner een veld niet of niet goed is ingevuld is dat te zieWn aan de rode in plaats van zwarte rand rond het invoerveld. Slechtzienden en kleurenblinden kunnen mogelijk deze informatie missen. Zorg er voor dat er minimaal nog één ander manier is om te zien dat een veld niet goed is ingevuld, bijvoorbeeld door er een foutmelding naast te plaatsen. Zie ook succescriterium 3.3.1.

Advies: Op pagina https://www.bravo.info/klantenservice/direct-regelen/bravo-tarievencheck is de link 'hier' in de lopende tekst alleen met een kleurverschil aangegeven. Slechtzienden en kleurenblinden kunnen hierdoor mogelijk niet herkennen dat om links gaat. De contrast ratio tussen de rode kleur en de zwarte tekst is groter dan 3:1 dus aan dit criterium is voldaan. Toch is het beter ervoor te zorgen dat hyperlinks in lopende tekst ook herkenbaar zijn aan minimaal één andere eigenschap, bijvoorbeeld door ze te onderstrepen.
Dit komt op meerdere pagina's voor, zoals op pagina https://bravo.info/reizen/diensten/bravofiets-de-deelfiets-bergen-op-zoom bij 'Download hier'.


1.4.2 Geluidsbediening (Niveau A)

Als een geluidsweergave op een webpagina automatisch meer dan 3 seconden speelt, is er of een mechanisme beschikbaar om de geluidsweergave te pauzeren of te stoppen, of er is een mechanisme beschikbaar om het geluidsvolume onafhankelijk van het overall systeemvolume te regelen.

Informatie over succescriterium 1.4.2 Geluidsbediening

Uitkomst: Voldoende


1.4.3 Contrast (minimum) (Niveau AA)

De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevindingen: Op elke pagina verschijnt een skiplink. De rode kleur (HEX #DD0000) op de grijze achtergrond (HEX #E6E6E6) geeft een contrastwaarde van 4,1:1, maar dit moet minimaal 4,5:1 zijn.

Op de homepagina staat onder 'Plan je reis' een select-element met de tekst 'vandaag'. Deze blauwe tekst (HEX #007cb7) heeft in combinatie met de grijze achtergrond (HEX #e9e9ed) een contrastwaarde van 3,8:1. Dit moet minimaal 4,5:1 zijn.

Op de hele website wordt lichtblauwe tekst gebruikt, bijvoorbeeld op de homepagina 'Lees meer' (HEX #009AD8) op een witte achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is 3,2:1 waar dit minimaal 4,5:1 moet zijn. Overigens is de contrastverhouding voor de grotere titels zoals 'Regel het zelf' voldoende omdat daarvoor een minimaal contrast van 3:1 geldt.
Op de homepagina heeft tekst 'Of zoek een halte' dezelfde kleur lichtblauw op lichtgrijs (HEX #F1F6F9) een contrastverhouding van 2,9:1 waar dit minimaal 4,5:1 moet zijn.

Op de homepagina staan onder 'Uitgelicht' afbeeldingen met daarop labels, zoals '2=1' en 'Feestdag'. Deze witte teksten hebben een te lage contrastwaarde in combinatie met de gekleurde achtergrond, namelijk 3,2:1 op de blauwe en oranje achtergronden (#009AD8 en #FF5300). Dit moet minimaal 4,5:1 zijn.

Op pagina https://bravo.info/nieuws/cao-onderhandelingsresultaat-openbaar-vervoer is de datum van het artikel grijs (HEX #777777). Deze tekst heeft net een te laag contrast van 4,47:1. Dit moet minimaal 4,5:1 zijn.


1.4.4 Herschalen van tekst (Niveau AA)

Behalve voor ondertitels voor doven en slechthorenden en afbeeldingen van tekst, kan tekst zonder hulptechnologie tot 200% geschaald worden zonder verlies van content of functionaliteit.

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Voldoende


1.4.5 Afbeeldingen van tekst (Niveau AA)

Als de gebruikte technologieën de visuele weergave tot stand kunnen brengen, wordt tekst gebruikt in plaats van afbeeldingen van tekst om informatie over te brengen, behalve in de volgende gevallen:

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Voldoende


1.4.10 Reflow (Niveau AA)

Content kan zonder verlies van informatie of functionaliteit en zonder te moeten scrollen in twee dimensies, worden weergegeven voor:

Met uitzondering van delen van de content die voor het gebruik of de betekenis een tweedimensionale lay-out vereisen.

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevindingen: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400%, verdwijnt bijvoorbeeld op pagina https://bravo.info/nieuws/cao-onderhandelingsresultaat-openbaar-vervoer tekst. Het gaat bijvoorbeeld om '6 april'. Zorg ervoor dat teksten in beeld blijven staan zonder een scrollbalk in de leesrichting (horizontaal) te krijgen.


1.4.11 Contrast van niet-tekstuele content (Niveau AA)

De visuele weergave van het volgende heeft een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren:

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://bravo.info/reizen/diensten/bravofiets-de-deelfiets-bergen-op-zoom staat in de routeplanner een zoekveld. De randen van dit zoekveld (#CCCCCC) hebben een contrastwaarde van 1,6:1 met de witte binnenkant. Dit moet minimaal 3,0:1 zijn.


1.4.12 Tekstafstand (Niveau AA)

Bij content die wordt geïmplementeerd met opmaaktalen die de volgende stijleigenschappen voor tekst ondersteunen, is er geen sprake van verlies van content of functionaliteit door het instellen van alle volgende, en door het niet wijzigen van andere stijleigenschappen:

Uitzondering: Menselijke talen en scripts die geen gebruik maken van een of meer van deze stijleigenschappen voor tekst in schriftelijke tekst, kunnen voldoen aan de eisen door alleen gebruik te maken van de eigenschappen die bestaan voor de betreffende combinatie van taal en script.

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Onvoldoende

Bevindingen: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% en bezoekers de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium dan verdwijnt bijvoorbeeld op pagina https://bravo.info/nieuws/cao-onderhandelingsresultaat-openbaar-vervoer tekst. Het gaat bijvoorbeeld om 'dat er op 6'. Zorg ervoor dat teksten in beeld blijven staan zonder een scrollbalk in de leesrichting (horizontaal) te krijgen.


1.4.13 Content bij hover of focus (Niveau AA)

Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, gelden de volgende zaken:

Uitzondering: De visuele weergave van de aanvullende content wordt beheerd door de user agent en wordt niet aangepast door de auteur.

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Voldoende


2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Alle functionaliteit van de content is bedienbaar via een toetsenbordinterface zonder dat afzonderlijke toetsaanslagen aan tijd gebonden zijn, behalve als de onderliggende functie een invoer vereist die afhangt van het pad dat de gebruiker aflegt en niet alleen van de eindpunten.

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevindingen: Als bij een schermresolutie van 1280x1024px ingezoomd wordt tot 200% verschijnt een menuknop in de header. Dit hamburgermenu is niet bedienbaar met behulp van het toetsenbord. Maak zoveel mogelijk gebruik van native HTML elementen, zoals een <button>.

Op de homepagina is de link 'Of zoek een halte' niet bedienbaar met het toetsenbord. Bezoekers die met het toetsenbord navigeren, bijvoorbeeld met de tabtoets, kunnen deze links niet gebruiken. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord.

Als op pagina https://bravo.info/reizen/reisplanner een traject en tijd is gekozen verschijnen er aanklikbare reisadviezen en de knoppen 'Toon eerdere reisadviezen' en 'Toon latere reisadviezen'. Bezoekers die met het toetsenbord navigeren, bijvoorbeeld met de tabtoets, kunnen deze links niet gebruiken. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord. Hetzelfde komt vaker voor op de website, bijvoorbeeld op de homepagina bij de link 'Of zoek een halte'.

Op pagina https://bravo.info/english/tickets wordt gebruik gemaakt van uitvouwbare blokken (accordeons) zoals bij 'Personal OV-chipkaart'. Bezoekers die met het toetsenbord navigeren, bijvoorbeeld met de tabtoets, kunnen deze links niet gebruiken. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord.

Op pagina https://www.bravo.info/klantenservice/direct-regelen/bravo-tarievencheck is het hele formulier niet te bedienen met behulp van het toetsenbord.

Op pagina https://bravo.info/reizen/diensten/bravofiets-de-deelfiets-bergen-op-zoom is de knop 'Naar routeplanner' niet bedienbaar met het toetsenbord. Maak zoveel mogelijk gebruik van native HTML elementen, zoals een <a href=>.

Op pagina https://bravo.info/reizen/reisplanner zijn de klikbare reisadviezen die verschijnen niet bedienbaar met het toetsenbord.


2.1.2 Geen toetsenbordval (Niveau A)

Als de toetsenbordfocus met de toetsenbordinterface verplaatst kan worden naar een component van de pagina, dan kan de focus ook met alleen de toetsenbordinterface weer van dat component weg worden bewogen. En, als er meer nodig is dan de standaard pijl- of tabtoetsen of andere standaard methoden om de focus te verplaatsen, dan wordt de gebruiker geïnformeerd over de manier waarop de focus kan worden verplaatst.

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Uitkomst: Voldoende


2.1.4 Enkel teken sneltoets (Niveau A)

Wanneer een sneltoets in content wordt geïmplementeerd door alleen letters (inclusief hoofdletters en kleine letters), leestekens, cijfers of symbolen te gebruiken, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://www.bravo.info/vervoerbewijzen/betalen-het-ov/ovpay-en-uitchecken-het-ov-met-je-betaalpas wordt gebruikgemaakt van de videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld f voor fullscreen. Deze functionaliteit is iets wat mensen die afhankelijk zijn van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Los dit op door de embedcode van de YouTube video aan te passen zodat de bediening met tekentoetsen uit staat. De eigenschap die toegevoegd moet worden aan de embedcode is 'disablekb=1'. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium. Ditzelfde komt op meer plaatsen in de website voor, bijvoorbeeld op pagina https://www.bravo.info/over-bravo/vernieuwing-ov.


2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Voor elke tijdslimiet die door de content wordt ingesteld, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Voldoende


2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Voldoende


2.3 Toevallen en fysieke reacties

2.3.1 Drie flitsen of beneden drempelwaarde (Niveau A)

Webpagina's bevatten niets wat meer dan drie keer flitst in enige periode van één seconde of de flits is beneden de algemene flits- en rodeflitsdrempelwaarden.

Informatie over succescriterium 2.3.1 Drie flitsen of beneden drempelwaarde

Uitkomst: Voldoende


2.4.1 Blokken omzeilen (Niveau A)

Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen.

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Voldoende


2.4.2 Paginatitel (Niveau A)

Webpagina's hebben titels die het onderwerp of doel beschrijven.

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevindingen: De PDF 'Bravo fiets Bergen op Zoom' heeft een documenttitel in de eigenschappen maar de titel 'Bravofiets_Industriegebieden_last_mile_flyer_2022_v2.indd' beschrijft de inhoud niet en in de eigenschappen staat ingesteld dat de Bestandsnaam wordt getoond. Zorg voor een goede titel en dat niet de bestandsnaam maar de Documenttitel wordt getoond.


2.4.3 Focus volgorde (Niveau A)

Als een webpagina sequentieel genavigeerd kan worden en de navigatiesequenties hebben invloed op de betekenis of het gebruik, dan krijgen focusbare componenten de focus in de juiste volgorde waardoor betekenis en bedienbaarheid behouden blijft.

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevindingen: Wanneer op een pagina een menu-item wordt geopend in het hoofdmenu, bijvoorbeeld 'Reizen', verschijnt een submenu. De focus komt echter pas in dit menu nadat deze over de andere menu-items, en over het tweede menu bovenaan de pagina is gegaan. Zorg dat de focus direct in het submenu wordt geplaatst.

Wanneer op een pagina een menu-item wordt geopend in het hoofdmenu, bijvoorbeeld 'Reizen', verschijnt een submenu. Wanneer een bezoeker met het toetsenbord dit menu verlaat, blijft het menu geopend staan, en gaat de focus verder over de achterliggende pagina. De bezoeker ziet dan niet waar de focus zich bevindt. Zorg dat de focus in het menu blijft totdat de bezoeker het menu sluit, of dat het menu automatisch sluit zodra de bezoeker verder navigeert.

Op pagina https://bravo.info/english/tickets wordt gebruik gemaakt van uitvouwbare blokken (accordeons) zoals bij 'Personal OV-chipkaart'. Er doet zich hier een probleem voor met de focusvolgorde. De items in de uitvouwbare tekstblokken zoals de link naar 'OV-chipkaart' krijgen toetsenbordfocus, ook als het tekstblok niet uitgevouwen is. Dit is verwarrend voor gebruikers die met het toetsenbord navigeren en wel het scherm kunnen zien. Zorg ervoor dat de items die niet zichtbaar zijn geen focus krijgen als de accordeon ingevouwen is.


Het linkdoel kan bepaald worden uit enkel de linktekst of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van de link een dubbelzinnige betekenis zou kunnen hebben voor gebruikers in het algemeen.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevindingen: Op de homepagina staan links met de linktekst 'Lees meer'. Vermijd linkteksten als ‘Lees meer’ en ‘Klik hier’, zulke teksten beschrijven het linkdoel niet. Zorg dat linkteksten duidelijk beschrijven waar de link naartoe gaat, bijvoorbeeld door de tekst aan te vullen met de titel van het bericht of pagina waarnaar gelinkt wordt. Als visueel duidelijk is waar de link bij hoort hoeft deze aanvullende tekst niet visueel zichtbaar te zijn.
Hetzelfde komt op meer plaatsen in de website voor, bijvoorbeeld op pagina https://www.bravo.info/reizen/diensten en op pagina https://www.bravo.info/klantenservice/direct-regelen/bravo-tarievencheck bij de links 'Lees meer' en 'Wijzig'.

Op de pagina https://www.bravo.info/vervoerbewijzen/betalen-het-ov/ovpay-en-uitchecken-het-ov-met-je-betaalpas staat een video met het logo van OVpay dat een link is naar het YouTube kanaal van OVpay. De toegankelijke linktekst 'Photo image of OVpay' beschrijft het linkdoel niet. Zorg dat linkteksten duidelijk beschrijven waar de link naartoe gaat,

Op de pagina https://bravo.info/klantenservice/contact-met-vervoerders staat twee keer de link 'Neem contact op'. Voor ziende bezoekers is duidelijk waarmee contact opgenomen wordt, maar dit is niet het geval voor bezoekers die afhankelijk zijn van voorleessoftware. Geef aan wat de link doet door aan de toegankelijke linktekst bijvoorbeeld 'Arriva' of 'Hermes' toe te voegen.


2.4.5 Meerdere manieren (Niveau AA)

Er is meer dan één manier beschikbaar om een webpagina binnen een verzameling webpagina's te vinden, behalve wanneer de webpagina het resultaat is van, of een stap in, een proces.

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Voldoende


2.4.6 Koppen en labels (Niveau AA)

Koppen en labels beschrijven het onderwerp of doel.

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.bravo.info/klantenservice/direct-regelen/bravo-tarievencheck komt de kop van niveau 2 'Main navigation' twee keer voor, dat is verwarrend. Geef bijvoorbeeld de zijnavigatie een andere titel.
Hetzelfde komt vaker voor op de website, bijvoorbeeld op pagina https://www.bravo.info/over-bravo/vernieuwing-ov komt de kop 'Secondary menu' twee keer voor.


2.4.7 Focus zichtbaar (Niveau AA)

Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is.

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Voldoende

Bevindingen: Advies: Wanneer het logo bovenaan de pagina in Firefox toetsenbordfocus heeft, verschijnt een focusrand die het logo niet geheel omsluit. Onder de WCAG 2.2 komen strengere eisen voor de focuszichtbaarheid. Zie de conceptversie op www.w3.org/WAI/WCAG22/Understanding/focus-appearance.html.


2.5 Input modaliteiten

2.5.1 Aanwijzergebaren (Niveau A)

Alle functionaliteit waarmee bij de bediening gebruik wordt gemaakt van meerpunts- of padgebaseerde gebaren, kan worden bediend met een enkele aanwijzer zonder een padgebaseerd gebaar, tenzij een meerpunts- of padgebaseerd gebaar essentieel is.

Informatie over succescriterium 2.5.1 Aanwijzergebaren

Uitkomst: Voldoende


2.5.2 Aanwijzerannulering (Niveau A)

Voor functionaliteit die kan worden bediend met een enkele aanwijzer, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.5.2 Aanwijzerannulering

Uitkomst: Voldoende


2.5.3 Label in naam (Niveau A)

Bij componenten van de gebruikersinterface met labels die tekst of afbeeldingen van tekst bevatten, bevat de naam de tekst die visueel wordt weergegeven.

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevindingen: Op de homepagina staat onder 'Uitgelicht' een link van een afbeelding met daaroverheen de tekst 'Samen erop uit in de meivakantie!'. De toegankelijke naam van de link is 'Lees meer'. 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.


2.5.4 Bewegingsactivering (Niveau A)

Functionaliteit die kan worden bediend door de beweging van een apparaat of beweging van een gebruiker, kan ook worden bediend met componenten van de gebruikersinterface. De reactie op de beweging kan worden uitgeschakeld om onbedoelde activering te voorkomen, behalve wanneer:

Informatie over succescriterium 2.5.4 Bewegingsactivering

Uitkomst: Voldoende


3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

De standaard menselijke taal van elke webpagina kan door software bepaald worden.

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevindingen: In de eigenschappen van PDF Bravo fiets Bergen op Zoom is de taal niet goed ingevuld. Deze staat op Engels in plaats van Nederlands. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.


3.1.2 Taal van onderdelen (Niveau AA)

De menselijke taal van elke passage of zin in de content kan door software bepaald worden, behalve waar het gaat om eigennamen, technische termen, woorden uit een onbepaalde taal en woorden of zinsdelen die deel zijn gaan uitmaken van het jargon van de onmiddellijk omringende tekst.

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://bravo.info/english/tickets is de taalaanduiding van de hele pagina Nederlands. De hoofdinhoud van de pagina is echter in het Engels. Zorg voor een taalwissel in de HTML zodat hulpsoftware de tekst op correcte wijze voorleest.

Het hoofdmenu en het zijmenu, bijvoorbeeld op pagina https://bravo.info/klantenservice/contact-met-vervoerders, hebben een (onzichtbare) Engelstalige kop: 'Main navigation' en 'Secondary navigation'. De pagina is gecodeerd als Nederlandstalig. Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door aan de omliggende html-code een lang="en" toe te voegen, of maak de koppen Nederlandstalig.

Advies: Op pagina https://bravo.info/search/node?keys=Veghel wordt gebruik gemaakt van de teksten 'Next' en 'Last'. Omdat de pagina Nederlandstalig is, kunnen deze teksten beter naar het Nederlands vertaald worden.
Ditzelfde geldt ook voor afbeeldingen met Engelstalige alt-teksten, zoals op pagina https://bravo.info/reizen/reisplanner bij de iconen die binnen een reisadvies aangeven hoe er gereisd wordt.


3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

Als een component van de gebruikersinterface de focus krijgt, dan veroorzaakt dat geen contextwijziging.

Informatie over succescriterium 3.2.1 Bij focus

Uitkomst: Voldoende


3.2.2 Bij input (Niveau A)

Verandering van de instelling van een component van de gebruikersinterface veroorzaakt niet automatisch een contextwijziging, tenzij de gebruiker geïnformeerd is over het gedrag vóór het gebruik van de component.

Informatie over succescriterium 3.2.2 Bij input

Uitkomst: Voldoende


3.2.3 Consistente navigatie (Niveau AA)

Navigatiemechanismen, die op meerdere webpagina's binnen een verzameling webpagina's herhaald worden, komen elke keer dat ze worden herhaald in dezelfde relatieve volgorde voor, tenzij een verandering wordt geïnitieerd door de gebruiker.

Informatie over succescriterium 3.2.3 Consistente navigatie

Uitkomst: Voldoende


3.2.4 Consistente identificatie (Niveau AA)

Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina's worden consistent geïdentificeerd.

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Voldoende


3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de fout zit geïdentificeerd en wordt de fout tekstueel aan de gebruiker meegedeeld.

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevindingen: Als in het formulier op pagina https://bravo.info/reizen/reisplanner een veld niet of niet goed is ingevuld is dat alleen te zien aan de rode in plaats van zwarte rand rond het invoerveld. Zorg voor een tekstuele foutmelding. Een goede fout identificatie vermeldt welke fout gemaakt is en waar de fout gemaakt is. Bijvoorbeeld 'Het veld Vertrekadres is niet ingevuld’.


3.3.2 Labels of instructies (Niveau A)

Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevindingen: De formuliervelden 'Van' en 'Naar' op de homepagina hebben een zichtbaar label maar er staat meer informatie over wat er ingevuld kan worden in de placeholdertekst. De placeholdertekst is niet voldoende, want die verdwijnt zodra de bezoeker begint met typen. Voor sommige mensen kan het moeilijk zijn om te onthouden wat ze moeten invullen als dat er niet duidelijk bij staat. Voeg een label toe dat altijd zichtbaar blijft om dit probleem op te lossen.

De formuliervelden 'vertrek of aankomst', 'reisdag' en 'reistijd' op de homepagina hebben geen visueel zichtbaar label, waardoor bezoekers niet weten wat zij hier in moeten vullen. Zorg ervoor dat het voor alle bezoekers altijd duidelijk is welke input gevraagd wordt.
Dit geldt ook voor het veld 'station of halte' dat verschijnt via 'Of zoek een halte'.


3.3.3 Foutsuggestie (Niveau AA)

Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan worden de suggesties aan de gebruiker geleverd, tenzij dit de beveiliging of het doel van de content in gevaar zou brengen.

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevindingen: In het 'Plan je reis' formulier op de homepagina kan bijvoorbeeld je vertrektijd ingevuld worden. Het enige juiste format om dat te doen is 'u:mm' maar het is niet duidelijk welk formaat de tijdsnotering moet volgen. Zorg dat het voor bezoekers duidelijk is hoe zij dit formulierveld moeten invullen.


Voor webpagina's die wettelijke verplichtingen of financiële transacties voor de gebruiker uitvoeren, die, door de gebruiker te beheren gegevens in gegevensopslagplaatsen verwijderen of wijzigen, of die antwoorden van de gebruiker verzenden, geldt minstens één van de volgende zaken:

  1. Omkeerbaar: Verzendingen kunnen ongedaan gemaakt worden.
  2. Gecontroleerd: Door de gebruiker ingevoerde gegevens worden gecontroleerd op invoerfouten en de gebruiker wordt de mogelijkheid gegeven om ze te verbeteren.
  3. Bevestigd: Er is een mechanisme beschikbaar voor het beoordelen, bevestigen en verbeteren van informatie voordat de verzending wordt voltooid.

Informatie over succescriterium 3.3.4 Foutpreventie (wettelijk, financieel, gegevens)

Uitkomst: Niet aanwezig


4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

In content die geïmplementeerd is met opmaaktalen hebben elementen volledige begin- en eindtags, zijn elementen genest volgens hun specificatie, bevatten elementen geen dubbele attributen en zijn alle ID's uniek, behalve waar de specificatie deze eigenschappen toelaat.

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Voldoende


4.1.2 Naam, rol, waarde (Niveau A)

Voor alle componenten van de gebruikersinterface (inclusief, maar niet uitsluitend voor formulierelementen, links en door scripts gegenereerde componenten), kunnen de naam (name) en rol (role) door software bepaald worden; toestanden (states), eigenschappen (properties) en waarden (values) die door de gebruiker ingesteld kunnen worden, kunnen door software ingesteld worden; en kennisgeving van veranderingen in deze items is beschikbaar voor user agents, met inbegrip van hulptechnologieën.

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevindingen: Als bij een schermresolutie van 1280x1024px ingezoomd wordt tot 200% verschijnt een menuknop in de header. De naam van dit element is 'menu', maar er ontbreekt een waarde die aangeeft of het menu uitgevouwen of samengevouwen is. Voeg bijvoorbeeld het aria-expanded attribuut toe.
Daarnaast mist de juiste rol (knop). Maak gebruik van het <button> element om dit op te lossen.
Dit geldt ook voor de sluitknop (x) die verschijnt wanneer het menu geopend is.

Op meerdere plekken op de pagina wordt gewerkt met klikbare <div> elementen. Deze zijn beschreven onder succescriterium 2.1.1.
De elementen missen een juiste rol. Maak zoveel mogelijk gebruik van native HTML, zoals een <button> of <a href> element om dit op te lossen.

Op de pagina https://www.bravo.info/vervoerbewijzen/betalen-het-ov/ovpay-en-uitchecken-het-ov-met-je-betaalpas wordt gebruikgemaakt van de videospeler van YouTube in een iframe. Daar ontbreekt het title-attribuut. Plaats het title-attribuut in dit i-frame met een goede omschrijving van de inhoud van het iframe, bijvoorbeeld "OVpay Introductie Video".
Hetzelfde komt vaker voor in de website, bijvoorbeeld op pagina https://bravo.info/reizen/diensten/bravofiets-de-deelfiets-bergen-op-zoom bij het iframe met de routeplanner.


4.1.3 Statusberichten (Niveau AA)

In content die is geïmplementeerd met opmaaktalen kunnen statusberichten door software bepaald worden met behulp van rol (role) of eigenschappen (properties), zodat hulptechnologieën de berichten aan de gebruiker kunnen presenteren zonder dat ze de focus krijgen.

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Voldoende

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

Webbrowsers (useragents) en andere software

Bij dit onderzoek is de volgende software gebruikt:

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Bron: toegankelijkheidsrapport.swink.nl/bravo.info/audit/
Geprint: 2024-11-22 12:01:52 v2.4-011