Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid 's-Hertogenbosch in Cijfers

(Alleen de bevindingen)

Scope van de evaluatie

Naam website 's-Hertogenbosch in Cijfers
Datum 2 september 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • De content op s-hertogenboschinzicht.nl.
  • De content op s-hertogenbosch.incijfers.nl.
Buiten de scope van het onderzoek valt:
  • De techniek op s-hertogenboschinzicht.nl en s-hertogenbosch.incijfers.nl. Dit vereist een apart onderzoek.
  • 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.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 19

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 pagina https://s-hertogenboschinzicht.nl/ staan afbeeldingen in links, deze afbeeldingen zijn voor hulpsoftware verborgen. Bijvoorbeeld bij de link 'Kerncijfers'. Doordat de afbeelding (img met leeg alt-attribuut) in een figure- element staat, waarin het figcaption-element met de tekst 'Kerncijfers' staat, wordt door hulpsoftware alsnog voorgelezen dat zich hier een afbeelding bevindt. Dit kan verwarrend werken. Los dit bijvoorbeeld op door het aria-hidden attribuut op het figure-element te plaatsen, en de link op andere wijze een toegankelijke naam te geven.

Bevinding 2: Het PDF document https://s-hertogenboschinzicht.nl/handlers/ballroom.ashx?function=download&id=234 bevat op pagina 1 een logo, maar hierbij ontbreekt een alternatieve tekst. Voeg een alternatieve tekst toe waarin het woord 'logo' en alle tekst die op de afbeelding te zien is, terugkomt.

Bevinding 3: Het PDF document https://s-hertogenboschinzicht.nl/handlers/ballroom.ashx?function=download&id=234 bevat afbeeldingen waarop grafieken te zien zijn, bijvoorbeeld op pagina 4. Deze hebben geen alternatieve tekst die goed beschrijft wat op de afbeelding te zien is. De informatie die op de afbeeldingen te zien is is hierdoor niet beschikbaar voor bezoekers die niet kunnen zien. Los dit op door te zorgen dat de alternatieve tekst een goede beschrijving biedt, of maak hier een korte tekst van die duidelijk maakt welke grafiek hier staat als alle informatie uit de grafiek elders in de tekst terug te vinden is.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 4: Op de pagina https://s-hertogenboschinzicht.nl/Search/ is onder de zoekresultaten in de paginering visueel herkenbaar wat de huidige pagina is. Voor blinden en slechtzienden is deze informatie niet beschikbaar via hulpsoftware. Markeer de actieve pagina zodat deze ook als zodanig wordt voorgelezen door een screenreader, bijvoorbeeld door gebruik te maken van aria-current. Een soortgelijk probleem doet zich voor op pagina https://s-hertogenboschinzicht.nl/documenten/Nieuw bij het zijpaneel met links onder de kop 'Rapporten', bijvoorbeeld 'Nieuw'.

Bevinding 5: Het PDF document https://s-hertogenboschinzicht.nl/handlers/ballroom.ashx?function=download&id=234 bevat kopteksten die niet de juiste tag hebben gekregen in de codelaag. Het gaat bijvoorbeeld om de dikgedrukte tekst 'Leefstijl kinderen 0-11 jaar 2023' op pagina 2. Voor bezoekers die het document lezen met behulp van software zoals een screenreader, is het nu niet duidelijk dat het om een koptekst gaat. Geef de tekst een juiste tag, bijvoorbeeld h2.

Bevinding 6: Advies: Op pagina https://s-hertogenboschinzicht.nl/dashboards.aspx ontbreekt een kop op kopniveau h1. Het wordt niet op toegankelijkheid afgekeurd als de koppenstructuur niet helemaal goed in elkaar zit. Maar voor bezoekers die gebruik maken van hulpsoftware is het mogelijk om via de koppenstructuur over de pagina te navigeren, om deze reden is de pagina toegankelijker als deze goed in elkaar zit. Zorg ervoor dat de eerste kop een kop op kopniveau h1 is, als er op de pagina meer koppen zijn moeten deze in de juiste volgorde (zonder een niveau over te slaan) worden gebruikt. Dit komt op meerdere pagina's voor, bijvoorbeeld op pagina https://s-hertogenboschinzicht.nl/Search/ en https://s-hertogenbosch.incijfers.nl/dashboard/.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 7: Op pagina https://s-hertogenboschinzicht.nl/ hebben de menu-items (bijvoorbeeld 'Rapporten') een witte lettertype. De kleur heeft onvoldoende contrast met de beige (HEX #AD9156) achtergrond. De contrastverhouding is hier 3:1 waar deze minimaal 4,5:1 moet zijn. Deze kleurencombinatie komt elders op de pagina ook voor, maar omdat het daar om een dikgedrukt lettertype gaat moet de contrastverhouding hier 3:1 zijn, wat het ook is, waardoor het hier niet afgekeurd wordt.

Bevinding 8: Op pagina https://s-hertogenbosch.incijfers.nl/dashboard/ hebben de menu-items (bijvoorbeeld 'Databank') en de links op de pagina (bijvoorbeeld 'Kerncijfers') onvoldoende contrast met de achtergrond. De witte tekst heeft een contrastverhouding van 2.7:1 met de beige (HEX #B39A63, bij de links zit hier een licht kleurverloop in) achtergrond. Zorg dat de contrastverhouding overal 4,5:1 is.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 9: Op pagina https://s-hertogenboschinzicht.nl/Search/ heeft het grijze zoekveld (HEX #E9E9E9) op de witte (HEX #FBFBFB) achtergrond een contrastverhouding van 1,1:1. Een mogelijke oplossing voor dit probleem is om een rand met een contrast van minimaal 3:1 om het invoerveld te zetten.

Bevinding 10: Op pagina https://s-hertogenboschinzicht.nl/contact.aspx hebben de formuliervelden (zoals bij 'Organisatie') onvoldoende contrast met de lichtgrijze (HEX #F4F4F4) achtergrond. De witte velden hebben een iets donkerder grijze (HEX #D6D6D6) rand, deze heeft een contrastverhouding van 1,3:1 met de achtergrond. De contrastverhouding moet minimaal 3:1 zijn.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 11: Het PDF document https://s-hertogenboschinzicht.nl/handlers/ballroom.ashx?function=download&id=234 heeft geen documenttitel in de documenteigenschappen. Zorg voor een titel die de inhoud van het document beschrijft.

Bevinding 12: Advies: De titel van pagina https://s-hertogenbosch.incijfers.nl/bestaatniet is
'Pagina niet gevonden - 404'. De inhoud van de pagina wordt goed beschreven maar het is nu niet duidelijk bij welke site de pagina hoort. Overweeg de naam van de gemeente waar de website over gaat toe te voegen aan de paginatitel.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Voldoende

Bevinding 13: Advies: Op pagina https://s-hertogenboschinzicht.nl/ staan dashboards, bijvoorbeeld 'Monitor Talentontwikkeling 2024'. Alle tekst die hierin te zien is, staat binnen het a-element. Hulpsoftware zoals een screenreader leest hierdoor een erg lange linktekst voor. Omdat het doel van de link hieruit wel duidelijk wordt, wordt dit niet op toegankelijkheid afgekeurd. Toch kan het het navigeren efficiënter maken als de linktekst wordt ingekort. Plaats bijvoorbeeld alleen de tekst 'Monitor Talentontwikkeling 2024' binnen de link, en maak het klikbare gebied van de link groter met behulp van CSS of JavaScript. Een soortgelijk probleem doet zich voor op pagina https://s-hertogenboschinzicht.nl/dashboards.aspx.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 14: Op pagina https://s-hertogenbosch.incijfers.nl/jivestaat een knop met een 'i' icoon voor "meer informatie" naast de titel van de tabel die is opgemaakt als kop, bijvoorbeeld 'Geboorte en sterfte per maand'. De titel "meer informatie" is verborgen (aria-hidden="true"), waardoor alleen de visueel onzichtbare tekst "Titel aanpassen" door hulpsoftware herkend wordt. Hierdoor komt de visuele informatie niet overeen met de toegankelijke naam, dit maakt dat bezoekers die spraakgestuurde software gebruiken de knop lastig kunnen aanspreken en bedienen. Los dit bijvoorbeeld op door de tekst in het span-element (sr-only) te wijzigen naar "meer informatie".

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 15: Deze bevinding vraagt mogelijk een technische oplossing: Op een aantal pagina's staat de knop "Geef ons je mening", bijvoorbeeld op de home pagina https://midden-groningen.incijfers.nl/dashboard/.
Wanneer je op de knop klikt, opent er een dialoogvenster met een enquêteformulier. Dit formulier is via een iFrame geplaatst.
Er wordt een title-attribuut gebruikt op het iFrame, namelijk "Feedback panel". Dit is een Engelse titel, geef in het title attribuut een goede omschrijving van de inhoud van het iFrame, bijvoorbeeld "Geef ons je mening".

Bevinding 16: Advies: Op meerdere pagina's, bijvoorbeeld https://s-hertogenbosch.incijfers.nl/dashboard/, staat onderaan de Engelstalige tekst 'Powered by..'. Omdat bij deze tekst een taalwissel (lang=en) is toegevoegd, wordt dit niet op toegankelijkheid afgekeurd. Toch zou het voor sommige bezoekers makkelijker te begrijpen en daarmee toegankelijker zijn als de tekst wordt vertaald op deze Nederlandstalige website.

Bevinding 17: Advies: Op pagina https://s-hertogenboschinzicht.nl/Search/ staat de kop 'Keywords'. Bij voorkeur wordt deze tekst vertaald naar het Nederlands, omdat dit de taalinstelling van de pagina is en een screenreader mogelijk de tekst voorleest met een Nederlandse uitspraak. Een Nederlandse term zou voor sommige bezoekers makkelijker te begrijpen zijn.

3.3 Assistentie bij invoer

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 18: Op pagina https://s-hertogenboschinzicht.nl/contact.aspx staat een formulier. Als het veld 'E-mail*' niet wordt ingevuld, verschijnt na het verzenden de foutmelding 'Er is een ongeldig e-mailadres ingevuld'. Deze tekst maakt voldoende duidelijk wat er mis is gegaan, maar biedt onvoldoende suggestie om de fout op te lossen. Vul de tekst aan met bijvoorbeeld 'Dit is een verplicht veld' of 'Vul uw e-mailadres in', en noem hierbij eventueel een voorbeeld van een juist e-mail format.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 19: Deze bevinding vereist mogelijk een technische oplossing:
Via onder andere de homepage kunnen bezoekers feedback geven via 'Geef ons je mening'. Wanneer bezoekers in het dialoogvenster 'Anders, namelijk' selecteren verschijnt een invoerelement. Dit invoerelement mist een toegankelijke naam. Voeg een label-element toe en koppel het met for en id aan het invoerelement om dit probleem op te lossen.
Invoervelden zonder toegankelijke naam komen ook voor bij andere stappen in dit formulier.

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-04-12 02:49:21 v2.4-011