Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Provincie Noord-Brabant

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Provincie Noord-Brabant
Datum 14 februari 2023
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) zoals werkenvoor.brabant.nl en formulieren.brabant.nl waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via www.brabant.nl met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 38

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Op de homepagina www.brabant.nl staan 4 links zoals de link 'Geef ruimte aan jongeren!' met daarboven een afbeelding. De alternatieve toegankelijke tekst 'afbeelding van ' beschrijft de afbeelding niet. Pas de alternatieve tekst aan of maak de afbeelding eventueel decoratief door een leeg alt-attribuut toe te voegen binnen het img-element. Hetzelfde komt voor op meer plaatsen in de website, bijvoorbeeld bij de foto's op de contactpagina www.brabant.nl/contact.

Bevinding 2: Op pagina www.brabant.nl/actueel/nieuws staat boven 'Abonneren nieuwsbrief provincie Noord Brabant' een afbeelding van krantenknipsels. De alternatieve toegankelijke tekst 'Nieuwsbrief NWM' beschrijft de afbeelding niet. Pas de alternatieve tekst aan of maak de afbeelding eventueel decoratief door een leeg alt-attribuut toe te voegen binnen het img-element.

1.2 Op tijd gebaseerde media

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

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

Uitkomst: Onvoldoende

Bevinding 3: De video op pagina www.brabant.nl/actueel/nieuws/natuur-en-landschap/2023/project-leegveld-nieuwe-natuur-in-de-deurnsche-peel bevat geschreven tekst. Er ontbreekt uitgeschreven tekst en er is ook geen voiceover die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van een screenreader niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript voor doofblinde bezoekers en maak daarnaast gebruik van een extra audiospoor om ook te voldoen aan SC 1.2.5.

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

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

Uitkomst: Niet aanwezig

Bevinding 4: Opmerking: Live streams van vergaderingen van Provinciale Staten zijn te zien op een andere website pnb.connectedviews.nl/LiveMeetings/pnb die buiten de scope van dit onderzoek valt.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 5: De video op pagina www.brabant.nl/actueel/nieuws/natuur-en-landschap/2023/project-leegveld-nieuwe-natuur-in-de-deurnsche-peel bevat geschreven tekst. De audiodesciptie ontbreekt in deze video. Audiodescriptie is een (extra) audiospoor waarin verteld wordt wat er in beeld te zien is. Iemand die blind is weet nu niet wat er op het scherm te zien is. Voeg een audiodescriptie toe aan deze video om dit probleem op te lossen.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 6: Op elke pagina staat bovenaan een kop niveau 2 met de tekst 'Brabant.nl'. De kop bevat geen content omdat deze direct wordt opgevolgd door de kop 'Navigatie'. Een kop heeft een semantische waarde, het is een beschrijving van de tekst die er onder volgt. Maak van de kop gewone tekst. Hetzelfde geldt voor de kop niveau 2 'Quicklinks' die meteen gevolgd wordt door de kop 'Service' van hetzelfde niveau. De koppen 'Service', 'Over deze site' en 'Volg ons' vallen onder de kop 'Quicklinks' en zouden dus kop niveau 3 moeten hebben of laat de kop 'Quicklinks' weg.

Bevinding 7: Boven aan elke pagina klapt een zoekveld uit als op het vergrootglas geklikt wordt. Het zoekveld en de zoekknop zijn twee onderdelen van een opsomming (ul). Voorleessoftware leest deze code voor. De code voor een opsomming moet alleen gebruikt worden voor een daadwerkelijke opsomming van gelijkwaardige onderdelen. Laat het hier weg. Dezelfde code komt twee keer voor in de zoekresultaatpagina www.brabant.nl/search/brabant?q=Subsidie

Bevinding 8: Op de pagina www.brabant.nl/applicaties/producten/bijdrageregeling_water_en_bodem_projecten_ten_behoeve_van_kaderrichtlijn_water_en_deltaplan_hoge_za_206401 staat onder 'Voorwaarden' een opsomming die niet als zodanig opgemaakt is met daarbinnen een opsomming die wel goed is opgemaakt. Daardoor worden de opsommingstekens voorgelezen als 'min' door voorlees software. Zorg voor een goede geneste opmaak met een opsomming (ul) in een opsomming(ul).

Bevinding 9: Op de sitemap pagina www.brabant.nl/sitemap is bijvoorbeeld onder 'Nieuws - Alle Onderwerpen' een opsomming verkeerd opgemaakt. In plaats van een lijst van items is er een lijst van lijsten met elk maar één item. Een lijst met maar één item moet zoveel mogelijk voorkomen worden. Hulpsoftware kan zo niet goed de structuur van de pagina bepalen. Maak de lijsten in de pagina goed op volgens de HTML standaard.

Bevinding 10: De PDF 'Digitaal zakendoen met de provincie Noord-Brabant' 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.

Bevinding 11: Advies: Elke pagina opent met een kop van niveau 2. Bezoekers die gebruikmaken van voorleessoftware kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden. Gebruikelijk is dat de titel van de pagina kop niveau 1 heeft.

Bevinding 12: Advies: Op pagina www.brabant.nl/actueel/regelingen/cvdr224272_1 staan twee koppen van niveau 4: 'Intitulé' en 'Ondertekening'. Een goede kopstructuur slaat geen niveau over en gaat alleen een niveau lager als de inhoud onderdeel is van de voorafgaande kop. Voor schermlezers is nu de ondertekening een onderdeel van Artikel 16. Het zou beter zijn als deze koppen niveau 2 zouden hebben, visueel mogen ze er wel anders uit zien.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 13: Op pagina nieuws.brabant.nl/x/plugin/?pName=overall_subscribe&pLang=nl&Z=448751235 is een formulier waar de bezoeker onder andere het eigen e-mailadres en de achternaam 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". Dit geldt ook voor het formulier op pagina https://fd9.formdesk.com/provincienoordbrabant/Vraag_Brabantloket_3/?get=1&sidn=eb4e628e547f444d83979be0d0b273a2.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 14: Als op pagina www.brabant.nl/search/brabant?q=Subsidie één van de zoekresultaten focus krijgt is dat alleen te zien aan de kleurverandering van de tekst onder de kop. Mensen die kleurenblind zijn of slechtziend missen die informatie. Zorg dat niet alleen door kleurverandering duidelijk is welk element in de pagina focus heeft bijvoorbeeld door een focusrand toe te voegen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 15: Op pagina fd9.formdesk.com/provincienoordbrabant/Vraag_Brabantloket_3/ staat rode tekst 'Met het verzenden van het formulier geeft u toestemming om uw gegevens te gebruiken. ' (HEX #FF0000) op een witte achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is 4,0:1 waar dit 4,5:1 moet zijn.

Bevinding 16: Op pagina nieuws.brabant.nl/x/plugin/?pName=overall_subscribe&pLang=nl&Z=448751235 staat lichtblauwe tekst 'E-mail' (HEX #009AD8) op een witte achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is 3,2:1 waar dit 4,5:1 moet zijn.

Bevinding 17: Op pagina www.brabant.nl/over-brabant/vlag-wapen-en-onderscheidingen/provinciale-prijzen-en-onderscheidingen is een donkergrijze tekst 'Bekijk de video's' (HEX #333333) op een blauwe achtergrond (HEX #009AD8). Deze tekst heeft een te laag contrast. De contrastverhouding is 4,0:1 waar dit 4,5:1 moet zijn.

Bevinding 18: Op pagina www.brabant.nl/search/brabant?q=Subsidie is een donkergrijze tekst 'Ongeveer 1760 resultaten met de zoekterm(en): Subsidie.' (HEX #7A7A7A) op een witte achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is 4,3:1 waar dit 4,5:1 moet zijn.

Bevinding 19: Op pagina www.brabant.nl/actueel/regelingen/cvdr224272_1 is een donkergrijze tekst 'Print deze versie:' (HEX #999999) op een witte achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is 2,9:1 waar dit 4,5:1 moet zijn.

Bevinding 20: Als een bezoeker op pagina www.brabant.nl/applicaties/producten/bijdrageregeling_water_en_bodem_projecten_ten_behoeve_van_kaderrichtlijn_water_en_deltaplan_hoge_za_206401 met de muis over de link 'Provincie Noord-Brabant, Subsidies' gaat heeft de rode tekst (HEX #DD0000) op een grijze achtergrond (HEX #E7E7E7) een te laag contrast. De contrastverhouding is 4,2:1 waar dit 4,5:1 moet zijn.

Bevinding 21: In de PDF 'Digitaal zakendoen met de provincie Noord-Brabant' staat lichtgroene tekst (HEX #AFCA0B) op een witte achtergrond, bijvoorbeeld op pagina 2 'Veilig en snel zakendoen'. Deze tekst heeft een te laag contrast. De contrastverhouding is 1,9:1 waar dit 4,5:1 moet zijn.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 22: Bovenaan pagina fd9.formdesk.com/provincienoordbrabant/Vraag_Brabantloket_3/ staat een foto van het provinciehuis met de tekst 'Contactformulier. U kunt vragen stellen, klachten en meldingen doorgeven Provincie Noord-Brabant'. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt verder niet voor op de pagina, behalve als alternatieve tekst bij de afbeelding maar alleen bezoekers die gebruik maken van hulpsoftware krijgen die te horen. Plaats deze tekst daarom als HTML-tekst op de pagina.

Bevinding 23: In de PDF 'Digitaal zakendoen met de provincie Noord-Brabant' op pagina 4 staat een afbeelding met tekst over e-Herkenning. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt verder niet voor op de pagina. Plaats deze tekst daarom ook op de pagina.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 24: Wanneer op pagina fd9.formdesk.com/provincienoordbrabant/Vraag_Brabantloket_3/?get=1&sidn=0d777cbdc979482c98e4e379e4431fe2 bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verdwijnt een deel van de tekst buiten beeld en bezoekers moeten horizontaal scrollen om de tekst te kunnen lezen. Zorg ervoor dat er geen informatie of functionaliteit verloren gaat bij zoomen en vermijdt het gebruik van horizontaal scrollen.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 25: Op pagina fd9.formdesk.com/provincienoordbrabant/Vraag_Brabantloket_3/ staat naast 'controle E-mailadres' een link 'i' waarmee een alert met meer informatie wordt geopend. Bezoekers die met het toetsenbord navigeren, bijvoorbeeld met de tabtoets, kunnen deze link niet gebruiken. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord.

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 26: Op de pagina www.brabant.nl/actueel/nieuws/natuur-en-landschap/2023/project-leegveld-nieuwe-natuur-in-de-deurnsche-peel komt een video voor. 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. Zorg er daarom voor dat deze functies uitgeschakeld zijn.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 27: In de titel van de pagina nieuws.brabant.nl/x/plugin/?pName=overall_subscribe&pLang=nl&Z=448751235 'Aanmelden nieuwsbrieven' komt de provincie Noord-Brabant niet voor. Zorg voor een beknopte pagina titel die voldoende informatie bevat om de inhoud van de pagina te beschrijven. Hetzelfde geldt voor de titel 'Informatieverzoek' van pagina fd9.formdesk.com/provincienoordbrabant/Vraag_Brabantloket_3/?get=1&sidn=eb4e628e547f444d83979be0d0b273a2.

Bevinding 28: De PDF 'Digitaal zakendoen met de provincie Noord-Brabant' heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond bij openen.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 29: De eerste keer dat een bezoeker de website bezoekt, verschijnt er een cookiemelding over de pagina heen. De cookiemelding krijgt niet als eerste focus. Dit belemmert het gebruik van de website voor bezoekers die met het toetsenbord navigeren. Zorg dat de melding als eerste weg te klikken is of integreer de melding in de webpagina.

Bevinding 30: Bij een resolutie van 1280 x 1024 px ingezoomd tot 200% verschijnt er een menuknop waarmee het hamburgermenu geopend kan worden. De items in het menu krijgen toetsenbordfocus, ook als het menublok niet uitgevouwen is. Dit is verwarrend voor gebruikers die met het toetsenbord navigeren, maar wel het scherm kunnen zien. Zorg ervoor dat de items die niet zichtbaar zijn geen focus krijgen als het menu ingevouwen is.

Bevinding 31: Bij een resolutie van 1280 x 1024 px ingezoomd tot 200% verschijnt er een menuknop waarmee het hamburgermenu geopend kan worden. Als het menu geopend is verwacht je naar het eerste menu item te gaan, maar de focus komt eerst op de zoekfunctionaliteit buiten het menu.

Bevinding 32: Bij een resolutie van 1280 x 1024 px ingezoomd tot 200% verschijnt er een menuknop waarmee het hamburgermenu geopend kan worden. Wanneer het venster openstaat, is de content op de achterliggende pagina nog steeds bereikbaar met het toetsenbord. Hierdoor kan je niet altijd meer zien waar je bent als je met het toetsenbord navigeert. Zorg dat de focus binnen het menuvenster blijft totdat deze gesloten is en dat de achterliggende content "onzichtbaar" is voor hulpsoftware en niet bereikbaar is met het toetsenbord.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 33: Op pagina www.brabant.nl/search/brabant?q=Subsidie&start=0 wordt onderaan gebruikgemaakt van paginering. De linknaam is onvoldoende voor screenreadergebruikers. Zo is de linknaam '1' bij pagina 1, '2' bij pagina 2, enzovoorts. Vul deze links aan door er het woord 'pagina ' voor te zetten. Deze tekst kan visueel verborgen worden. Hetzelfde komt op meer plaatsen in de website voor, bijvoorbeeld op pagina www.brabant.nl/actueel/nieuws bij de paginering onderaan en op pagina www.brabant.nl/over-brabant/vlag-wapen-en-onderscheidingen/provinciale-prijzen-en-onderscheidingen bij de nummering onder de foto's.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 34: Wanneer op pagina www.brabant.nl/search/brabant?q=Subsidie&start=0 in de paginering onderaan de zoekresultatenlijst de 1 focus krijgt is dat niet te zien. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen. Hetzelfde komt voor bij het formulier op pagina nieuws.brabant.nl/x/plugin/?pName=overall_subscribe&pLang=nl&Z=448751235 wanneer een geldig E-mail adres is ingevoerd maar geen nieuwsbrief geselecteerd. Dan verschijnt na 'Aanmelden' de tekst 'Selecteer tenminste één campagne.' en de knop 'Terug'. Wanneer deze knop focus krijgt is dat niet te zien.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Onvoldoende

Bevinding 35: Op pagina fd9.formdesk.com/provincienoordbrabant/Vraag_Brabantloket_3/
komen dubbele id's voor, namelijk id="tdzoek" en ook de id="btnzoek". Dit kan problemen opleveren met hulpsoftware. Zorg dat elke id unieke is op een pagina.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 36: Op pagina www.brabant.nl/applicaties/producten/bijdrageregeling_water_en_bodem_projecten_ten_behoeve_van_kaderrichtlijn_water_en_deltaplan_hoge_za_206401 wordt gebruikgemaakt van uitvouwbare blokken (accordeons) zoals bij 'Omschrijving'. Voor ziende gebruikers is het duidelijk dat een tekstblok in- of uitgevouwen is. Voor screenreadergebruikers die blind of slechtziend zijn is dat niet zo. Geef in de code de status aan met aria-expanded of een vergelijkbare techniek, om dit probleem op te lossen.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 37: Wanneer bezoekers op pagina www.brabant.nl/actueel/regelingen/cvdr224272_1 op de link 'Wetstechnische informatie' klikken verandert de content van de pagina onder de link zonder dat de pagina ververst. Blinden en slechtzienden die met een screenreader werken krijgen geen signaal dat er iets is gewijzigd en dat er nieuwe content staat. Zorg ervoor dat de visuele verandering ook doorgegeven wordt aan bijvoorbeeld screenreadergebruikers.

Bevinding 38: Boven aan de homepagina www.brabant.nl is een carrousel met een pauze/play knop. Deze verandert niet van naam of status wanneer bezoekers er op klikken. Zorg ervoor dat de visuele verandering ook doorgegeven wordt aan screenreadergebruikers.

Onderbouwing van de evaluatie

Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

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

Geprint: 2025-01-14 00:43:30 v2.4-011