Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Bevolkingsprognose2017 Brabant

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Bevolkingsprognose2017 Brabant
Datum 30 oktober 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op bevolkingsprognose2017.brabant.nl
  • Alle kantoorbestanden (PDF, Excel, Word, etc.) op bevolkingsprognose2017.brabant.nl
Buiten de scope van het onderzoek valt:
  • De techniek van alle pagina's op bevolkingsprognose2017.brabant.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: 55

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://bevolkingsprognose2017.brabant.nl/ staat in de header een afbeelding met als alternatieve tekst 'home'. Deze alternatieve tekst omschrijft niet wat op de afbeelding is te zien. Bij een decoratieve afbeelding is het niet nodig om de afbeelding een alternatieve tekst te geven, maar wanneer je dat doet moet de alternatieve tekst wel de afbeelding omschrijven. Los dit probleem bijvoorbeeld op door de decoratieve afbeelding te verbergen voor hulpsoftware met een leeg alt-attribuut.
Dit geldt ook voor header-afbeeldingen (met andere alternatieve teksten) op andere pagina's, bijvoorbeeld https://bevolkingsprognose2017.brabant.nl/hoofdstuk/veranderingen-huishoudenssamenstelling, https://bevolkingsprognose2017.brabant.nl/hoofdstuk/geboorte-en-sterfte-brabant, en https://bevolkingsprognose2017.brabant.nl/hoofdstuk/groei-en-krimp-gemeente.

Bevinding 2: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/groei-en-krimp-gemeente staat in de header een grafiek (over de decoratieve achtergrondafbeelding). De alternatieve tekst van de grafiek is 'Groei en krimp per gemeente'. In de alternatieve tekst staat niet de trend die de grafiek aangeeft, namelijk dat de bevolking in Brabant zal krimpen. Zorg ervoor dat de alternatieve tekst dezelfde informatie overbrengt als dat de grafiek visueel doet. Dit komt op meerdere pagina's voor, bijvoorbeeld https://bevolkingsprognose2017.brabant.nl/hoofdstuk/geboorte-en-sterfte-brabant en https://bevolkingsprognose2017.brabant.nl/hoofdstuk/veranderingen-huishoudenssamenstelling.

Bevinding 3: De afbeeldingen tussen de gekleurde blokken onderaan op pagina https://bevolkingsprognose2017.brabant.nl/ zijn decoratief, maar niet op de juiste manier verborgen voor hulpsoftware. Daardoor leest de screenreader voor: 'ongelabelde afbeelding'. Zorg dat de afbeeldingen op correcte wijze verborgen worden door een leeg alt-attribuut op het img-element te plaatsen.

Bevinding 4: De afbeelding onderaan op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/veranderingen-huishoudenssamenstelling heeft de alternatieve tekst 'Ontwikkeling van de Brabantse woningvoorraad'. Deze alternatieve tekst omschrijft niet wat er op de afbeelding is te zien. Verberg de afbeelding voor hulpsoftware of geef het een beschrijvende alternatieve tekst.
Ditzelfde komt op meerdere pagina's voor, bijvoorbeeld https://bevolkingsprognose2017.brabant.nl/hoofdstuk/geboorte-en-sterfte-brabant en https://bevolkingsprognose2017.brabant.nl/hoofdstuk/groei-en-krimp-gemeente.

Bevinding 5: Het logo van Provincie Noord-Brabant (linksboven op elke pagina) heeft wel een alternatieve tekst met het linkdoel, maar bevat niet de organisatienaam. De alternatieve tekst van een logo moet altijd tenminste de naam van de organisatie en eventuele overige tekst in de afbeelding bevatten. Zorg er om verwarring te voorkomen voor dat uit de alternatieve tekst duidelijk wordt dat de link leidt naar de homepagina van deze website, en niet naar de homepagina van Provincie Noord-Brabant.

Bevinding 6: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/groei-en-krimp-gemeente staan kaarten (kaart 5a t/m 5d). De informatie die via deze kaarten wordt gepresenteerd is niet beschikbaar voor blinden en slechtzienden die gebruikmaken van hulpsoftware. Zorg voor een tekstalternatief dat voorgelezen kan worden door de voorleessoftware.

Bevinding 7: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/groei-en-krimp-gemeente staan een taartdiagrammen (Figuur 5.1, 5.1a en 5.1b). De informatie die hier wordt gepresenteerd is niet beschikbaar voor blinden en slechtzienden die gebruikmaken van hulpsoftware. Zorg voor een tekstalternatief dat voorgelezen kan worden door voorleessoftware.

Bevinding 8: Op meerdere pagina's staan staafdiagrammen, bijvoorbeeld https://bevolkingsprognose2017.brabant.nl/hoofdstuk/wonen-met-zorg-en-welzijn en https://bevolkingsprognose2017.brabant.nl/hoofdstuk/ontwikkeling-van-de-potenti%C3%ABle-beroepsbevolking. Deze worden als afbeelding zonder goede alternatieve tekst door hulpsoftware voorgelezen. Geef de grafieken een alternatieve tekst waarin de trend van de grafiek wordt omschreven, of maak gebruik van een ander toegankelijke alternatief (zoals een tabel met dezelfde informatie).
Ook bij grafieken op andere pagina's komt dit voor, bijvoorbeeld op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/veranderingen-huishoudenssamenstelling en https://bevolkingsprognose2017.brabant.nl/hoofdstuk/wonen-met-zorg-en-welzijn.

Bevinding 9: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/geboorte-en-sterfte-brabant staat een afbeelding onder de kop 'Gemiddeld kindertal per vrouw ligt onder vervangingsniveau'. Deze afbeelding bevat informatie die in de tekst niet beschreven wordt, dus de afbeelding is niet puur decoratief. Deze is wel verborgen voor hulpsoftware. Voeg een alternatieve tekst aan de afbeelding toe waarin de informatie staat die te zien is op de afbeelding. Ditzelfde geldt voor de andere twee afbeeldingen in de tekst op deze pagina. Zie ook SC 1.4.5.

Bevinding 10: In het Excel bestand op pagina https://bevolkingsprognose2017.brabant.nl/sites/default/files/uploads/Totalen%20-%20gemeenten%20-%20prognose%202017-1_1.xlsx heeft het logo van Noord-Brabant de alternatieve tekst 'balkje' gekregen. Deze alternatieve tekst omschrijft de afbeelding onvoldoende. Zorg ervoor dat bij logo's minstens de organisatienaam in de alternatieve tekst staat.

Bevinding 11: Het logo in de PDF op pagina https://bevolkingsprognose2017.brabant.nl/sites/all/modules/custom/brabant/bijlage_g-1.pdf heeft geen alternatieve tekst. Zorg ervoor dat de alternatieve tekst van logo's ministens de organisatienaam bevat.

Bevinding 12: Advies: Op pagina https://bevolkingsprognose2017.brabant.nl/toegankelijkheidsverklaring is de afbeelding van de toegankelijkheidsverklaring opgemaakt als link. In de alternatieve tekst van deze afbeelding is niet aangegeven van de toegankelijkheidsstatus van de website is, wel is deze informatie te vinden door de link te volgen. Het is beter om de toegankelijkheidsstatus buiten de afbeelding op de pagina te vermelden.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 13: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/veranderingen-huishoudenssamenstelling is de tekst 'Huishoudens naar type (absoluut)' opgemaakt als een kop op het niveau h4. De kop bevat geen content omdat deze direct wordt opgevolgd door de kop 'Noord-Brabant, 2000-2050' op hetzelfde niveau. Voor bezoekers die gebruik maken van een screenreader is het belangrijk dat elke kop content bevat. Los dit probleem op door content onder de kop 'Huishoudens naar type (absoluut)' te plaatsen of de kop 'Noord-Brabant, 2000-2050'op te maken met een h5-element.
Dit komt op meerdere plekken op de pagina voor. Ook op andere pagina's komt een soortgelijk probleem voor, bijvoorbeeld https://bevolkingsprognose2017.brabant.nl/hoofdstuk/geboorte-en-sterfte-brabant.

Bevinding 14: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/veranderingen-huishoudenssamenstelling zijn koppen op H3-niveau zoals 'Sterke groei aantal eenpersoonshuishoudens' met het strong-element in HTML opgemaakt. Het strong-element is bedoeld om nadruk te geven aan een of enkele woorden, niet voor hele zinnen. Styling van tekst kan in CSS gedaan worden.
Dit komt op meerdere pagina's voor, bijvoorbeeld https://bevolkingsprognose2017.brabant.nl/hoofdstuk/geboorte-en-sterfte-brabant en https://bevolkingsprognose2017.brabant.nl/hoofdstuk/groei-en-krimp-gemeente.

Bevinding 15: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/wonen-met-zorg-en-welzijn is in de alinea onder de kop 'Enkele uitgangspunten' een lange linktekst opgemaakt door in HTML het em-element te gebruiken. Het em-element is hiervoor niet geschikt. Verwijder het em-element van de tekst en maak het op een andere manier op, bijvoorbeeld door gebruik te maken van CSS.

Bevinding 16: De titel van pagina https://bevolkingsprognose2017.brabant.nl/ is 'De bevolkings- en woningbehoefteprognose Noord-Brabant'. Deze titel is niet met een H1 kop opgemaakt maar met het strong-element. Het strong-element is bedoelt om nadruk te geven aan woorden of korte zinnen wanneer deze worden uitgesproken door hulpsoftware. Het is niet geschikt om koppen mee op te maken. Verwijder het strong-element van deze kop en maak het op met een h1-element.
Ook op andere pagina's is het strong-element gebruikt voor de opmaak van koppen, bijvoorbeeld op pagina https://bevolkingsprognose2017.brabant.nl/contact.

Bevinding 17: In de PDF https://bevolkingsprognose2017.brabant.nl/sites/all/modules/custom/brabant/bijlage_g-1.pdf zijn de koppen niet gecodeerd als koppen, en daarmee voor hulpsoftware niet als zodanig te herkennen. Maak gebruik van kop-tags (H1, H2, ect.) om koppen aan te geven in de codelaag van de PDF.

Bevinding 18: In de PDF op pagina https://bevolkingsprognose2017.brabant.nl/sites/all/modules/custom/brabant/bijlage_g-1.pdf staat een tabel. Deze tabel is niet correct opgemaakt. De kopcellen in de tabel zijn niet opgemaakt met TH-tag, maar met TD-tags. Hierdoor kan hulpsoftware geen kopcellen aangeven of een relatie leggen tussen kop- en datacellen. Zorg ervoor dat de tabel correct wordt opgemaakt. Geef ook het bereik van de kopcellen aan.

Bevinding 19: Advies: De voetnoten in teksten op verschillende pagina's, zoals bijvoorbeeld op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/ontwikkeling-van-de-potenti%C3%ABle-beroepsbevolking, bevatten stukjes HTML-code in de leesbare en (bij gebruik van screenreader) hoorbare tekst op de website, bij hover met de muis, of focus via het toetsenbord. Het gaat om het <em></em> element. Verwijder deze uit de tekst.

Bevinding 20: Advies: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/veranderingen-huishoudenssamenstelling is de '8.' opgemaakt met een h3-element en de tekst 'Veranderingen in huishoudenssamenstelling' is opgemaakt met een h1-element. Het is beter om deze teksten samen in één h1-element te plaatsen. Dit komt op meerdere pagina's voor, bijvoorbeeld https://bevolkingsprognose2017.brabant.nl/hoofdstuk/geboorte-en-sterfte-brabant.

Bevinding 21: Advies: Op pagina https://bevolkingsprognose2017.brabant.nl/ staan koppen zoals 'Prognoses vergeleken'. Voor deze koppen staat een nummer dat niet is meegenomen in het kop-element. Het is beter om dit nummer ook in het h3-element van de kop te plaatsen.

Bevinding 22: Advies: Op verschillende pagina's wordt niet op de juiste manier gebruik gemaakt van een koppenstructuur. Voor gebruikers van een screenreader is een kopstructuur belangrijk, omdat een lijst van koppen opgevraagd kan worden en op die manier genavigeerd kan worden. Een aantal voorbeelden zijn:

Zorg voor een goede koppenstructuur, die begint bij een kopniveau 1 voor de titel van de pagina, kopniveau 2 voor de koppen, kopniveau 3 voor de tussenkoppen, etcetera.

Bevinding 23: Advies: In het Excel bestand op pagina https://bevolkingsprognose2017.brabant.nl/sites/default/files/uploads/Totalen%20-%20gemeenten%20-%20prognose%202017-1_1.xlsx staat in de A1 cel van elk werkblad het logo van de provincie Noord-Brabant. Het is beter om titel van het werkblad, die nu in de A2 cel staat, te plaatsen in de A1 cel.

Bevinding 24: Advies: In het Excel bestand op pagina https://bevolkingsprognose2017.brabant.nl/sites/default/files/uploads/Totalen%20-%20gemeenten%20-%20prognose%202017-1_1.xlsx staan twee tabellen in het werkblad 'Huishoudens'. Het is beter om je te beperken tot één tabel per werkblad.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 25: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/veranderingen-huishoudenssamenstelling wordt met een * (asterisk) verwezen naar een voetnoot, achter de tekst '2017'. De relatie tussen deze elementen is lastig te bepalen voor gebruikers van screenreaders. Het is beter om te verwijzen naar voeten zoals wordt gedaan andere plekken in de lopende tekst, zoals achter de tekst '...langer thuis wonen' op dezelfde pagina.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 26: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/veranderingen-huishoudenssamenstelling staat een grafiek (Figuur 8.1) met daarin verschillende gekleurde lijnen. Alleen aan de kleur is te zien wat de betekenis van de lijn is. Voor mensen die kleurenblind zijn is dit niet te onderscheiden. Zorg dat de informatie op meerdere manieren te onderscheiden is dan alleen door middel van kleur. Dit geldt ook voor de andere grafieken op de pagina.
Soortgelijke grafieken waarvoor ditzelfde geldt staan op meerdere pagina's, zoals bijvoorbeeld: https://bevolkingsprognose2017.brabant.nl/hoofdstuk/geboorte-en-sterfte-brabant, https://bevolkingsprognose2017.brabant.nl/hoofdstuk/wonen-met-zorg-en-welzijn, https://bevolkingsprognose2017.brabant.nl/hoofdstuk/ontwikkeling-van-de-potenti%C3%ABle-beroepsbevolking en https://bevolkingsprognose2017.brabant.nl/hoofdstuk/bevolkingsgroei-brabant.

Bevinding 27: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/groei-en-krimp-gemeente staan taartdiagrammen in Figuur 5.1, 5.1a, 5.1b. Hierbij is alleen aan de hand van kleur te onderscheiden waar de percentages in de taartdiagrammen voor staan. Zorg dat de informatie op meerdere manieren te onderscheiden is dan alleen door middel van kleur.

Bevinding 28: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/groei-en-krimp-gemeente staat kaarten (Kaart 5a t/m 5d). Hierin is aan de kleuren te zien wat de gemiddelde jaarlijkse bevolkingsgroei of krimp is in de Brabantse gemeenten. Zorg ervoor dat deze informatie op meer manieren dan alleen door kleur wordt overgebracht. Een mogelijke oplossing voor dit probleem is het gebruikmaken van een toegankelijke tabel met dezelfde informatie.

Bevinding 29: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/wonen-met-zorg-en-welzijn staan staafdiagrammen, zoals bijvoorbeeld Figuur 10.1. Hierop is aan de kleuren informatie af te lezen. Zorg ervoor dat deze informatie naast kleur ook op een andere manier wordt overgebracht, bijvoorbeeld door gebruik te maken van vorm. Een andere oplossing is het gebruikmaken van een toegankelijke tabel met daarin dezelfde informatie. Dit geldt voor alle staafdiagrammen op deze pagina.
Ditzelfde komt voor op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/ontwikkeling-van-de-potenti%C3%ABle-beroepsbevolking in Figuur 7.2.

Bevinding 30: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/veranderingen-leeftijdssamenstelling is in Figuur 6.2a tm 6.2d alleen door kleur onderscheid gemaakt tussen 'Mannen' en 'Vrouwen'. Zorg ervoor dat deze informatie op meer manieren dan alleen door kleur wordt overgebracht.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 31: Op pagina https://bevolkingsprognose2017.brabant.nl/ staat een geel blok met daarin de tekst '1. Prognoses vergeleken'. De witte (HEX #FFFFFF) tekst heeft onvoldoende contrast met de gele (HEX #F7A600) achtergrond. Het contrast is 2:1 waar dit minimaal 3:1 moet zijn.

Bevinding 32: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/veranderingen-huishoudenssamenstelling zijn in de tekst op verschillende punten voetnoten (links) toegevoegd, die zijn vormgegeven als cijfer in een blauwe cirkel. Het witte cijfer (HEX #FFFFFF) heeft onvoldoende contrast met de blauwe (HEX #009AD8) achtergrond. Dit is 3:1, waar dit minimaal 4,5:1 moet zijn.

Ditzelfde komt voor op meerdere pagina's voor, bijvoorbeeld op:

Bevinding 33: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/geboorte-en-sterfte-brabant staan verschillende afbeelding van tekst, zoals bijvoorbeeld de afbeelding onder 'We worden steeds ouder'. De blauwe kleur (HEX #00B9E9) heeft hierbij onvoldoende contrast met de witte (HEX #FCFCFC) achtergrond. Het contrast is 2.2:1 waar dit minimaal 4,5:1 moet zijn.

Bevinding 34: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/veranderingen-leeftijdssamenstelling staat onderaan onder 'Met de vergrijzing loopt de gemiddelde leeftijd van de Brabantse bevolking op' een afbeelding. Hierop heeft de lichtgrijze kleur (HEX #CCCCCC) een contrast van 1,5:1 met de witte (HEX #FCFCFC) cijfers die erop staan. De blauwe kleur (HEX #23B7E5) heeft een contrast van 2.3:1 met de witte (HEX #FFFFFF) cijfers die erop staan. Zorg dat het contrast hier minimaal 4,5:1 is.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 35: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/geboorte-en-sterfte-brabant staan verschillende afbeeldingen van tekst. Bezoekers met slecht zicht kunnen deze afbeeldingen bijvoorbeeld niet vergroten, ook wordt de tekst op de afbeeldingen niet voorgelezen door hulpsoftware. Plaatst daarom de tekst op de afbeelding als gewone HTML tekst op de pagina.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Niet aanwezig

Bevinding 36: Opmerking: Het is niet mogelijk om op de website in te zoomen tot 400% zonder dat bezoekers content zichtbaar moeten maken door horizontaal te scrollen. Dit is een technische bevinding waarop niet wordt afgekeurd bij deze content-audit. Wel is het beter om ervoor te zorgen dat content herschaalt bij inzoomen voor bezoekers met slecht zicht of die een mobiele weergave bekijken.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 37: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/veranderingen-huishoudenssamenstelling staat een grafiek (Figuur 8.1) waarbij informatie in de vorm van gekleurde lijnen overgebracht wordt. Voor bezoekers die kleurenblind zijn of slecht zicht hebben, kunnen kleuren met een laag contrast moeilijk te onderscheiden zijn. De gele (HEX #7A600) lijn heeft een contrast van 2:1 met de witte (HEX #FCFCFC) achtergrond. De blauwe (HEX #23B7E5) lijn heeft een contrast van 2.2:1 met de witte (HEX #FCFCFC) achtergrond. Voor beide lijnen geldt dat het contrast minimaal 3:1 moet zijn.
Er staan meerdere grafieken op de pagina waarin deze kleuren zijn gebruikt, bijvoorbeeld Figuur 8.2 en 8.3a.
Ook op andere pagina's zijn deze kleuren gebruikt in grafieken, bijvoorbeeld op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/geboorte-en-sterfte-brabant, https://bevolkingsprognose2017.brabant.nl/hoofdstuk/wonen-met-zorg-en-welzijn, https://bevolkingsprognose2017.brabant.nl/hoofdstuk/ontwikkeling-van-de-potenti%C3%ABle-beroepsbevolking en https://bevolkingsprognose2017.brabant.nl/hoofdstuk/bevolkingsgroei-brabant.

Bevinding 38: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/geboorte-en-sterfte-brabant staan verschillende afbeelding met daarop informatie in beeld, zoals bijvoorbeeld de afbeelding onder 'We worden steeds ouder' waar met kleur een geslacht wordt gekoppeld aan bepaalde informatie. De blauwe kleur (HEX #00B9E9) heeft hierbij onvoldoende contrast met de witte (HEX #FCFCFC) achtergrond. Het contrast is 2.2:1 waar dit minimaal 3:1 moet zijn.

Bevinding 39: In de taartdiagrammen op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/groei-en-krimp-gemeente (Figuur 5.1, 5.1a en 5.1b) hebben de kleuren onderling te weinig contrast, waarbij het laagste contrast is tussen de lichtroze (HEX #F6B9B9) en lichtblauwe (HEX #D1EDF8) kleur. Hier is het contrast 1.3:1 waar dit minimaal 3:1 moet zijn. Zorg ervoor dat alle kleuren voldoende contrast hebben met de omliggende kleuren. Een mogelijk oplossing is een zwarte rand om elk vlak in de taartdiagram te plaatsen.
Op deze pagina zijn dezelfde kleuren gebruikt in Kaart 5a t/m 5d.

Bevinding 40: In de kaarten en taartdiagrammen op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/groei-en-krimp-gemeente staan kleuren die onvoldoende contrast hebben op de witte achtergrond (HEX #F9F9F9). Het gaat hierbij om de kleuren:

Zorg ervoor dat al deze kleuren een contrastverhouding van 3:1 hebben op hun achtergrond.

Bevinding 41: Op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/wonen-met-zorg-en-welzijn staat een staafdiagram bij Figuur 10.4. Hierin hebben sommige kleuren onderling een te laag contrast, zoals oranje (HEX #F29e3F) en geel (HEX #F2DC3F). Hierbij is het contrast 1,5:1. De lichtblauwe kleur (HEX #2F86FE) heeft een contrast van 1,4:1 met de middelblauwe kleur (HEX #3F70B8). Zorg ervoor dat kleuren minimaal een contrast van 3:1 hebben met aangrenzende kleuren.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 42: Elke pagina op de website, bijvoorbeeld https://bevolkingsprognose2017.brabant.nl/hoofdstuk/veranderingen-huishoudenssamenstelling, heeft dezelfde paginatitel. Namelijk: 'De bevolkings- en woningbehoefteprognose | Noord-Brabant'.
De paginatitel is het eerste wat gebruikers van hulpsoftware zoals een screenreader horen wanneer zij op een pagina komen.
Zorg dat elke pagina uniek identificeerbaar is door in de paginatitel eerst de inhoud van de unieke pagina te beschrijven, daarna de naam van de gemeente.
Advies is om hier ook een herkenbare icoon aan toe te voegen zodat ook daaraan te herkennen is op welke website de bezoeker zich bevindt.

Bevinding 43: De PDF https://bevolkingsprognose2017.brabant.nl/sites/all/modules/custom/brabant/bijlage_g-1.pdf 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: Niet aanwezig

Bevinding 44: Opmerking: Op onder andere de homepagina gaat de focus volgorde mis bij het ingeklapte navigatiemenu. Het is hier mogelijk om focus te plaatsen om niet zichtbare elementen, ook wordt focus twee keer op de menuknop geplaatst. Omdat dit een technische bevinding is wordt hierop niet afgekeurd bij deze content-audit. Toch is het wel van belang voor toetsenbordgebruikers dat de focus volgorde correct over de pagina loopt.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 45: Op elke pagina, bijvoorbeeld https://bevolkingsprognose2017.brabant.nl/, staat linksboven een afbeelding van een witte vierkant met drie rode balken (hamburgermenu). Deze bevat een link die naar het menu leidt. De naam van deze link is '+', wat hulpsoftware zoals een screenreader voorleest als 'plus'. Dit beschrijft het doel van de link niet. Zorg dat een tekst wordt toegevoegd waaruit het linkdoel bepaald kan worden.

Bevinding 46: Na het logo linksbovenaan op de pagina's (in tabvolgorde) zit nog een link naar het menu. Deze link heeft geen naam en wordt door de screenreader voorgelezen als 'link'. Zorg dat een tekst wordt toegevoegd waaruit het linkdoel bepaald kan worden, of verwijder deze link.

Bevinding 47: Op alle pagina's waar naar beneden gescrolled kan worden, bijvoorbeeld https://bevolkingsprognose2017.brabant.nl/hoofdstuk/veranderingen-huishoudenssamenstelling, verschijnt bij het naar beneden scrollen linksonder een lijstje met vier links die vormgegeven zijn als witte knoppen met rode pijlen voor omhoog/naar beneden. Hiermee kan snel naar een ander deel van de pagina genavigeerd worden. Deze links hebben echter geen tekst waaruit het linkdoel blijkt, waardoor gebruikers van hulpsoftware niet weten waar deze links voor bedoeld zijn of naartoe leiden. Voeg een duidelijke, beschrijvende linktekst toe. Zie ook SC 4.1.2.

Bevinding 48: Op sommige pagina's, zoals bijvoorbeeld https://bevolkingsprognose2017.brabant.nl/hoofdstuk/ontwikkeling-van-de-potenti%C3%ABle-beroepsbevolking, staan in de tekst voetnoten (kleine blauwe rondjes met een wit cijfer erin). Dit zijn links, maar de linktekst geeft niet duidelijk aan dat hiermee een voetnoot wordt geopend. Zorg ervoor dat de linktekst duidelijk aangeeft waar de link voor is.

Bevinding 49: Advies: De pagina https://bevolkingsprognose2017.brabant.nl/databestanden bevat links naar Excel bestanden. De titel van deze bestanden wordt voorgelezen door hulpsoftware en deze herkent dat het om een link gaat, maar het is niet duidelijk dat het document direct gedownload en niet geopend wordt, wanneer de link geactiveerd wordt. Omdat dit voor elke bezoeker onduidelijk is wordt hierop niet afgekeurd. Het zou wel beter zijn als de linktekst duidelijk maakt dat de link een bestand download en dat het om een Excel bestand gaat.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Niet aanwezig

Bevinding 50: Opmerking: Bij verschillende elementen is het niet zichtbaar wanneer deze toetsenbordfocus hebben, bijvoorbeeld bij de voetnootlinks op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/veranderingen-huishoudenssamenstelling. Dit is een technische bevinding waarop niet wordt afgekeurd bij deze content-audit. Het is wel in het belang van ziende toetsenbordgebruikers dat dit probleem wordt opgelost.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 51: Deze bevinding vereist mogelijk een technische oplossing:
Links bovenaan de pagina's op de website, bijvoorbeeld op pagina https://bevolkingsprognose2017.brabant.nl/, staat een afbeelding met daarop de tekst 'Provincie Noord-Brabant'. Deze afbeelding is een link naar de homepagina. Vooral voor bezoekers die gebruik maken van hulpsoftware zoals spraakherkenning is het belangrijk de alternatieve tekst begint met de tekst die visueel wordt weergegeven. Zorg ervoor dat deze aan de alternatieve tekst toegevoegd wordt, met daarna tekst die duidelijk maakt waar de link naartoe leidt.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 52: In de eigenschappen van PDF https://bevolkingsprognose2017.brabant.nl/sites/all/modules/custom/brabant/bijlage_g-1.pdf 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)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Voldoende

Bevinding 53: Advies: Op onder andere pagina https://bevolkingsprognose2017.brabant.nl/ staat de skiplink 'Jump to navigation'. Dit is een Engelse tekst op een pagina met een Nederlandse taalaanduiding. Het is beter als deze skiplink in het Nederlands is.

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 54: Deze bevinding vereist mogelijk een technische oplossing:
Wanneer bezoekers naar beneden scrollen op pagina https://bevolkingsprognose2017.brabant.nl/hoofdstuk/veranderingen-huishoudenssamenstelling verschijnen links waarmee je kan navigeren over de pagina, bijvoorbeeld naar onderaan de pagina. Deze links hebben geen toegankelijke naam. Hierdoor kunnen gebruikers van hulpsoftware de links moeilijk bedienen. Zorg ervoor dat alle links een toegankelijke naam hebben, bijvoorbeeld door gebruik te maken van een aria-label. Zie ook SC 2.4.4.

Bevinding 55: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://bevolkingsprognose2017.brabant.nl/ kan met het toetsenbord twee keer focus geplaatst worden de menuknop. Bij de tweede keer wordt geen toegankelijke naam voorgelezen door hulpsoftware. Zorg ervoor dat elementen altijd een toegankelijke naam hebben, bijvoorbeeld door gebruik te maken van een aria-label. Een mogelijke oplossing voor dit probleem is om ervoor te zorgen als maar één keer focus komt te staan op de menuknop.

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: 2024-11-22 14:45:10 v2.4-011