Issues:
Contentaudit digitale toegankelijkheid website Staat van Brabant

(Alleen de bevindingen)

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Bevinding 1: Op https://staatvanbrabant.databank.nl/viewer hebben de illustraties in de kolommen "Al ervaring?", "Hulp nodig", "Vragen en/of opmerkingen?" alt-tekst. De alt-tekst ("illustratie1") is niet beschrijvend genoeg, maar alt-tekst is hier ook niet nodig omdat de illustraties decoratief zijn. Een leeg alt-attribuut volstaat hier.

Bevinding 2: Op https://staatvanbrabant.databank.nl/viewer als men in het menu kiest voor "over Swing viewer" opent een modal. Het logo van Swing is niet gedefinieerd als een afbeelding, waardoor alt-tekst ontbreekt. Voeg het logo toe als afbeelding en verzorg alt-tekst.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 3: In de kolom "Inhoud" op https://staatvanbrabant.databank.nl/viewer met alle thema's, worden subthema's visueel genest weergegeven. In de code is er echter geen hiërarchie. Zorg ervoor dat de thema's in de code ook genest worden. Dit vereist mogelijk een technische oplossing.

Bevinding 4: Als men op https://staatvanbrabant.databank.nl/viewer de data in de standaard tabelweergave bekijkt (bijvoorbeeld Leegstand Kantoren onder Duurzame verstedelijking, vitaal platteland ->leegstand -> aantallen), is de tabel in deze weergave niet correct opgemaakt. De tabelkoppen ontbreken. Tabelkoppen helpen hulpsoftware de relatie tussen rijen en kolommen te communiceren naar gebruikers. Voeg tabelkoppen toe.

Bevinding 5: Op https://staatvanbrabant.databank.nl/viewer kan men ook kiezen om de data weer te geven in een toegankelijke tabel. De tabelkoppen ontbreken. Tabelkoppen helpen hulpsoftware de relatie tussen rijen en kolommen te communiceren naar gebruikers. Voeg tabelkoppen toe.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Bevinding 6: Op https://staatvanbrabant.databank.nl/viewer vallen de links in de kolom "Hulp nodig?" niet op. Ze zien eruit als gewone tekst. Dit heeft impact op kleurenblinden en slechtzienden, die niet verwachten dat dit links zijn. Onderstreep links om ze beter zichtbaar te maken.

Bevinding 7: Advies: https://staatvanbrabant.databank.nl/viewer kan men kiezen de data weer te geven in een kleurentabel. Er wordt echter enkel gebruik gemaakt van kleur om snel de data te kunnen onderscheiden van elkaar. Hoewel er waarden vermeld worden in de tabel en bij de legenda, raden we aan om ook arcering en andere patronen te gebruiken in combinatie met kleuren.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 8: In de header van de website heeft de witte tekst "Databank Staat van Brabant" onvoldoende contrast met de blauwe (HEX #009FE3) achtergrond. De contrastverhouding is 2,97:1 waar het minstens 3:1 moet zijn.

Bevinding 9: In de header hebben de menu-items "Publicatie Staat van Brabant", "Databank" en "Dashboard" onvoldoende contrast. De kleurencombinatie van wit en blauw (HEX #007FB6) hebben een contrastverhouding van 4,45:1 waar het minimaal 4,5:1 moet zijn.

Bevinding 10: Op de foutpagina https://staatvanbrabant.databank.nl/Viewer/Error/NotFound?aspxerrorpath=/viewer/oeps heeft de melding voor de site-eigenaar "FOUT voor site-eigenaar:<br>ongeldig domein voor sitesleutel" onvoldoende contrast. De contrastverhouding van de rode tekst (HEX #FF0000) en de achtergrond (HEX #F9F9F9) is 3,79:1 , waar het minstens 4,5:1 moet zijn.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Bevinding 11: Advies: in de code wordt door het gebruik van <meta name="viewport" content="user-scalable=no"> het vergroten van tekst op mobiele apparaten tegengegaan op alle pagina's in de databank. Gebruikers die slechtziend zijn kunnen hierdoor niet pinchen om de tekst te vergroten. Zorg ervoor dat tekst vergroot kan worden.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 12: Het contrast van de focusindicator op https://staatvanbrabant.databank.nl/viewer is bij de menu-items "Publicatie Staat van Brabant", "Databank" en "Dashboard" niet voldoende. De blauwe (HEX #0172A3) focusindicator heeft een contrastverhouding van 1,2:1 met de kleur van het menu-item (HEX #047FB5), waar het minimaal 3:1 moet zijn.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Bevinding 13: Op de foutpagina https://staatvanbrabant.databank.nl/Viewer/Error/NotFound?aspxerrorpath=/viewer/oeps is de taal niet ingesteld. Voeg het lang-attribuut aan het HTML-element toe om dit op te lossen.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Bevinding 14: Op https://staatvanbrabant.databank.nl/viewer kan men kiezen de data weer te geven in een kleurentabel. In de kolom "Legenda", als men op een van de kleuren/waarden klikt, opent er een modal. In het tabblad "Klassenindeling" kan men het kleurenschema voor de legenda aanpassen. Niet alle kleurenschema's hebben een duidelijk label. Zo is er het kleurenschema "New", "Dashboard SVB" en "MutedQualitative". Deze beschrijven niet de kleuren die in het schema voorkomen zoals bij de andere opties in de lijst. Pas de naam van deze opties aan om dit op te lossen, en kies hierbij voor Nederlandstalige termen zodat dit overeen komt met de taal van de pagina.

Bevinding 15: Advies: Op https://staatvanbrabant.databank.nl/viewer staat "Powered by Swing" (met een versienummer). In de code wordt er correct een taalwissel gebruikt. Daarom wordt dit niet op toegankelijkheid afgekeurd. Maar we raden aan omdat niet iedereen Engels begrijpt, dit te vertalen naar het Nederlands).

3.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Bevinding 16: Als men op https://staatvanbrabant.databank.nl/viewer de data in de standaard tabelweergave bekijkt (bijvoorbeeld Leegstand Kantoren onder Duurzame verstedelijking, vitaal platteland ->leegstand -> aantallen) en dan onder de tabel op het nummer naast Jaar klikt, opent er modal "Selecteer gegevens". Op het tabblad "Perioden" kan men de jaren selecteren die men wil laten zien in de tabel. Hier worden checkboxen voor gebruikt. Deze hebben geen label. Gebruik het jaartal om als label te koppelen (het button-element bij de jaartallen kan dan verwijderd worden).

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 17: Als men op https://staatvanbrabant.databank.nl/viewer een thema selecteert in de kolom "Inhoud", wordt visueel wel aangegeven welk onderwerp geselecteerd is. Maar voor hulpsoftware gaat deze informatie verloren. In de code moet dus ook worden aangegeven wat de huidig geselecteerde onderwerpen zijn. Dit vereist mogelijk een technische oplossing.

Bevinding 18: Als men op https://staatvanbrabant.databank.nl/viewer de data in de standaard tabelweergave bekijkt (bijvoorbeeld Leegstand Kantoren onder Duurzame verstedelijking, vitaal platteland ->leegstand -> aantallen), kan men op de eerste rij klikken om de tabel anders te sorteren. De knop hiervoor heeft een label enkel voor hulpsoftware, maar er is geen visueel label dat bezoekers vertelt dat er een interactieve functie aanwezig is dat mensen kunnen gebruiken. Hoewel dit impact heeft op iedereen, heeft het vooral impact op bezoekers die spraakbesturing of het toetsenbord gebruiken. Zorg ervoor dat het label ook visueel zichtbaar is.

Bevinding 19: Als men op https://staatvanbrabant.databank.nl/viewer de data in de standaard tabelweergave bekijkt (bijvoorbeeld Leegstand Kantoren onder Duurzame verstedelijking, vitaal platteland ->leegstand -> aantallen) en dan onder de tabel op het nummer naast Jaar klikt, opent er modal "Selecteer gegevens". In het tabblad "Perioden" is er een knop om alle jaartallen te selecteren. Die knop heeft een label enkel voor hulpsoftware, maar er is geen visueel label dat bezoekers vertelt dat er een interactieve functie aanwezig is dat mensen kunnen gebruiken. Het pictogram dat gebruikt wordt, is niet door iedereen herkenbaar als aanwijzing voor de functie van de knop. Hoewel dit impact heeft op iedereen, heeft het vooral impact op bezoekers die spraakbesturing of het toetsenbord gebruiken. Zorg ervoor dat het label ook visueel zichtbaar is.

Bevinding 20: Op https://staatvanbrabant.databank.nl/viewer kan men, als er een onderwerp is gekozen om de data weer te geven, de opmaakinstellingen aanpassen. Dit kan men door de knop "Titel aanpassen" aan te klikken. Dan opent er een modal. In het tabblad "Gebied" kan men kleuren kiezen voor o.a. de omtrek. Deze kleurenkiezers zijn echter niet toegankelijk. De kleuren kunnen als optie worden geselecteerd, maar deze opties hebben geen label. Dit heeft impact op bezoekers met spraakbesturing en bezoekers met screenreaders. Geef iedere kleur een label (wees ervan bewust dat div en span-elementen geen label mogen krijgen). Dit komt ook voor in het tabblad "Klassenindeling" als men het kleurenschema voor de legenda van een kleurentabel aanpast en de optie "handmatige kleuren" gebruikt.

Bevinding 21: Op https://staatvanbrabant.databank.nl/viewer kan men kiezen de data weer te geven in een kleurentabel. In de kolom "Legenda", als men op een van de kleuren/waarden klikt, opent er een modal. In het tabblad "Klassenindeling" kan men het kleurenschema voor de legenda aanpassen. Niet alle kleurenschema's hebben een duidelijk label. Zo is er het kleurenschema "New", "Dashboard SVB" en "MutedQualitative". Deze beschrijven niet de kleuren die in het schema voorkomen zoals bij de andere opties in de lijst. Pas de naam van deze opties aan om dit op te lossen.

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

• Home:
  https://staatvanbrabant.databank.nl/viewer
• Bevolkingsomvang (kies voor staafgrafiek, selecteer meerdere jaren):
  https://staatvanbrabant.databank.nl/viewer
• Foutpagina:
  https://staatvanbrabant.databank.nl/viewer/oeps

Ondersteunende technieken

• HTML5
• CSS
• WAI-ARIA
• ECMAScript 5
• SVG

Bronnen

• Evaluatiedocument WCAG 2.0
  www.drempelvrij.nl/over-het-waarmerk
• Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
  www.w3.org/Translations/WCAG20-nl
• Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
  www.w3.org/WAI/eval/conformance
• Web Content Accessibility Guidelines (WCAG)
  www.w3.org/WAI/intro/wcag
• How to Meet WCAG 2.1 Quick Reference
  www.w3.org/WAI/WCAG21/quickref/

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