Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Schieland en de Krimpenerwaard

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Hoogheemraadschap van Schieland en de Krimpenerwaard
Scope van de website Alle pagina's op www.schielandendekrimpenerwaard.nl/
Niet de subdomeinen (op verzoek van de klant)
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 20

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: In het formulier op pagina www.schielandendekrimpenerwaard.nl/vacatures/adviseur-… verschijnen afbeeldingen van een waarschuwingsdriehoek in de verplichte invoervelden wanneer deze niet/niet goed zijn ingevuld. Voor deze afbeeldingen is geen alternatieve tekst beschikbaar. Hierdoor worden mensen die het scherm niet kunnen zien niet geattendeerd dat de informatie belangrijk is. Zorg ervoor dat deze extra informatie beschikbaar is voor hulpsoftware. Zie ook criterium 3.3.1.

Bevinding 2: In de PDF "Coalitieakkoord 2019-2023" staan meerdere afbeeldingen in de code voor de achtergronden. Deze afbeeldingen hebben geen tekstalternatief en dit is ook niet nodig omdat het om decoratieve afbeeldingen gaat. Van deze afbeeldingen moeten wel artifacts gemaakt worden.
Dit geldt niet voor het logo in dezelfde PDF linksbovenaan op de eerste pagina. Deze heeft wel een alt-tekst en een plek in de code nodig.

Bevinding 3: Op de eerste pagina van de PDF "Meldingsformulier algemene regels..." staat bovenaan een afbeelding met het logo en een afbeelding met contactgegevens met een niet ingevulde alt-tekst. Deze afbeelding zijn niet puur decoratief en hebben daarom een alternatieve tekst nodig. Voeg een alternatieve tekst toe 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 4: Op de pagina www.schielandendekrimpenerwaard.nl/vacatures/adviseur-… worden koppen gebruikt die niet als koppen zijn opgemaakt, bijvoorbeeld "Jouw uitdaging". Zorg ervoor dat de juiste code in de HTML wordt gebruikt om deze koppen op te maken.

Bevinding 5: Op pagina www.schielandendekrimpenerwaard.nl/vacatures/adviseur-… staat een checkbox onder de tekst 'Akkoord persoonsgegevens gebruiken*'. De checkbox is niet gekoppeld aan de hulptekst die eronder staat. Zorg ervoor dat de tekst onder de checkbox gekoppeld is. Bij de checkbox erboven, gaat dit wel goed. Hier is 'Ja' gekoppeld aan de checkbox, en staat de hulptekst in een aparte paragraaf. Wel moet deze hulptekst binnen de <fieldset> geplaatst worden.

Bevinding 6: De PDF "Meldingsformulier algemene regels..." op www.schielandendekrimpenerwaard.nl/documents/6762/… is niet correct gecodeerd/van tags voorzien. Koppen zijn niet opgemaakt als koppen en het grootste deel van de content heeft de tag <table>, terwijl het visueel geen tabel is. Zorg ervoor dat de content in de juiste tags komt te staan zodat hulpsoftware het bestand correct kan interpreteren.

Bevinding 7: In de PDF "Meldingsformulier algemene regels..." op www.schielandendekrimpenerwaard.nl/documents/6762/… staan formuliervelden. Deze zijn niet goed als formuliervelden getagd en hebben ook geen gekoppeld label.

Bevinding 8: In de PDF "Meldingsformulier algemene regels..." op www.schielandendekrimpenerwaard.nl/documents/6762/… staan op meerdere pagina's onderin het versienummer en de datum. Het is goed dat deze niet op iedere pagina terugkomen, maar nu komt dit geen enkele keer voor in de code. Er staat ook nergens anders dezelfde informatie. Zorg ervoor dat dit in ieder geval geval één keer in de codelaag terugkomt.

Bevinding 9: In de PDF "Coalitieakkoord 2019-2023" op www.schielandendekrimpenerwaard.nl/documents/7057/… komen veel lege H1 koppen voor na de kop "Vaststelling" en de tekst daaronder onderaan pagina 2. Ook verderop in de PDF komt dit voor. Verwijder lege koppen uit de codelaag.

Bevinding 10: In de PDF "Coalitieakkoord 2019-2023" op www.schielandendekrimpenerwaard.nl/documents/7057/… hebben meerdere koppen geen tags of hebben ze geen kop-tag. Bijvoorbeeld de koppen van de hoofdstukken, zoals 'Financieel beheer', hebben geen tags en koppen zoals 'Eigendommenbeheer' zijn in tags voor alinea’s geplaatst. Zorg ervoor dat het document een logische koppenstructuur krijgt en alle teksten die visueel koppen zijn van een kop-tag voorzien zijn.

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 11: Op pagina www.schielandendekrimpenerwaard.nl/vacatures/adviseur-… is een formulier waar de bezoeker onder andere het eigen e-mailadres en 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".
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: www.w3.org/tr/wcag21/.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 12: In de PDF "Meldingsformulier algemene regels..." op www.schielandendekrimpenerwaard.nl/documents/6762/… staat op de eerste pagina een afbeelding van tekst met daarin contactgegevens. De blauwe tekst op de witte achtergrond heeft een te laag contrast. De contrastverhouding is hier 4,1:1, waar dit minimaal 4,5:1 moet zijn.
Dit geldt ook voor de tekst 'Droge voeten schoon water' en de link naar de website. De groengele tekst heeft een contrastwaarde van 1,8:1.

In de PDF "Meldingsformulier algemene regels..." op www.schielandendekrimpenerwaard.nl/documents/6762/… staan vanaf de kop 'Meldinggegevens' enkele getallen aan de linkerkant van de tekst. De blauwe kleur van deze getallen op de witte achtergrond heeft een te laag contrast. De contrastverhouding is hier 3,4:1, waar dit minimaal 4,5:1 moet zijn. Deze kleurcombinatie komt meerdere keren voor in het document.

Bevinding 13: In de PDF "Meldingsformulier algemene regels..." op www.schielandendekrimpenerwaard.nl/documents/6762/… staat onder de kop 'Overzicht bijlagen' op pagina 4 een tabel met daarin blauwe teksten op een lichtblauwe achtergrond. Het contrast van de tekst is te laag. De contrastverhouding is hier 2,9:1, waar dit minimaal 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 14: Op de eerste pagina van de PDF "Meldingsformulier algemene regels..." op www.schielandendekrimpenerwaard.nl/documents/6762/… staat bovenaan een afbeelding met contactgegevens. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt verder niet voor op de pagina.
Dit geldt ook voor de tekst 'Droge voeten schoon water' en de link naar de website.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 15: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verschijnt op pagina www.schielandendekrimpenerwaard.nl/english/ een scrolbalk in de leesrichting (horizontaal). Dit is in deze schermresolutie niet afkeurbaar want er verdwijnt alleen op sommige plekken een deel van een letter, maar zodra de tekstafstand wordt aangepast volgens de eisen van succescriterium 1.4.12 worden toegepast, vallen grotere delen van de tekst buiten beeld.
Zorg dat de tekst binnen het beeld blijft. Uitgezonderd zijn bijvoorbeeld tabellen, betekenisvolle afbeeldingen en kaarten. Die moeten leesbaar blijven.
Dit probleem komt ook voor op pagina www.schielandendekrimpenerwaard.nl/actueel/veel-gestelde-… en op pagina www.schielandendekrimpenerwaard.nl/u-en-het-water/wonen-en-….

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Onvoldoende

Bevinding 16: Tekst valt buiten beeld zodra de eisen van dit criterium worden toegepast. Zie succescriterium 1.4.10 voor de bevinding.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 17: De PDF "Coalitieakkoord 2019-2023" heeft geen titel 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.

Bevinding 18: De PDF "Meldingsformulier algemene regels..." heeft als titel "introductie" maar dit beschrijft de inhoud onvoldoende. Dit is een meldingsformulier en introductie zegt niks hierover. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 19: Wanneer bezoekers in het formulier op pagina www.schielandendekrimpenerwaard.nl/vacatures/adviseur-… een formulierveld niet goed invullen, verschijnt er een foutmelding die bijvoorbeeld zegt 'E-mailadres is een verplicht veld'. Deze tekst is een instructie, geen foutmelding. Een goede foutmelding beschrijft wat er mis is gegaan en waar, bijvoorbeeld 'Het veld E-mailadres is niet ingevuld'.
Dit gebeurt ook in het formulier op www.schielandendekrimpenerwaard.nl/contact/contactformulier/

4. Robuust

4.1 Compatibel

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 20: Wanneer bezoekers in het formulier op pagina www.schielandendekrimpenerwaard.nl/vacatures/adviseur-… een formulierveld niet goed invullen, verschijnt er zonder dat de pagina ververst een foutmelding. Blinden en slechtzienden die met een screenreader werken krijgen geen signaal dat er iets is gewijzigd en dat er foutmeldingen staan op het scherm.

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-04-26 08:59:50 v2.3-011