Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Landbouwportaal Rijnland

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Landbouwportaal Rijnland
Datum 8 november 2024
Scope van de website Binnen de scope van het onderzoek valt:
- Alle pagina's op landbouwportaalrijnland.nl/
Buiten de scope van het onderzoek valt:
  • 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: 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: Op https://www.landbouwportaalrijnland.nl/ worden de foto's bij de nieuwsartikelen als decoratief beschouwt. Echter hebben twee foto's alt-tekst. Hier is het belangrijk om consistent te zijn: of alle foto's zijn informatief of decoratief. In het eerste geval dienen alle foto's alt-tekst te hebben, in het tweede geval dient het alt-attribuut bij elke foto leeg te zijn. Neem een besluit en pas de foto's daarop aan. Dit geldt ook voor de foto's op https://www.landbouwportaalrijnland.nl/nieuws/.

Bevinding 2: De infographic op https://www.landbouwportaalrijnland.nl/nieuws/daw-atlas-zicht-op-gebiedsgerichte-agrarische-wateropgave/ heeft een bestandsnaam als alt-tekst en geen toegankelijk alternatief. Complexe afbeeldingen bevatten veel informatie, vaak meer dan wat meegegeven kan worden in een korte zin. Onder complexe afbeeldingen vallen: a) grafieken; b) diagrammen en illustraties waar de tekst op de pagina er vanuit gaat dat de gebruiker de afbeelding kan zien en begrijpen.; en c) kaarten die locaties tonen of andere informatie tonen zoals weerinformatie. In deze gevallen is een tweedelig tekstalternatief nodig: de korte omschrijving om de afbeelding te identificeren en (indien nodig) de locatie aan te geven van de uitgebreide beschrijving, en de uitgebreide beschrijving, die alle belangrijke en essentiële informatie uit de afbeelding tekstueel weergeeft. Om dit op te lossen, geef in de alt-tekst mee dat er een uitgebreide beschrijving aanwezig is. Creëer een paragraaf die alle essentiële en belangrijke informatie uit de afbeelding bevat en link deze paragraaf met het aria-describedby attribuut aan de afbeelding. De paragraaf kan ook een link zijn naar een pagina met uitgebreide uitleg.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 3: De vier stappen die genoemd worden op https://www.landbouwportaalrijnland.nl/ zijn een genummerde lijst van stappen in een proces, maar zijn niet als een genummerde lijst opgemaakt. Voor hulpsoftware is het belangrijk dat structuur en semantiek overgebracht wordt. Maak deze lijst van stappen op als een genummerde lijst.

Bevinding 4: Op https://www.landbouwportaalrijnland.nl/ in het nieuwsblok zijn koppen correct aangeduid als koppen. Maar de laatste drie artikelen hebben geen verdere content onder de kop. Een kop kan eigenlijk enkel een kop zijn als er tekst onder staat, zoals in het eerste artikel in dat blok. Verzorg tekst onder de koppen bij de laatste artikelen in dat blok om dit op te lossen of verander de koppen in een paragraaf.

Bevinding 5: De introtekst op https://www.landbouwportaalrijnland.nl/nieuws/daw-atlas-zicht-op-gebiedsgerichte-agrarische-wateropgave/ is opgemaakt met <strong>. Het em- en strong-element is bedoeld voor het benadrukken van kleine stukjes tekst. Maak gebruik van de stylesheet om een introtekst in een vet lettertype te tonen. Dit komt ook voor op https://www.landbouwportaalrijnland.nl/site/infographic-step-3/, https://www.landbouwportaalrijnland.nl/site/infographic-step-4/

Bevinding 6: Advies: Op https://www.landbouwportaalrijnland.nl/inloggen/ ontbreekt de eerste kop (H1). Het is gebruikelijk om de content van een pagina te laten beginnen met een H1; op een homepage hoeft deze niet in beeld te staan, en volstaat het om deze kop de naam te geven van de website. De afwezigheid van een H1 is een best practice en geen reden tot afkeur.

1.4 Onderscheidbaar

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 7: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verschijnt op pagina https://www.landbouwportaalrijnland.nl/site/sitemap/ een scrollbalk in de leesrichting (horizontaal). 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 https://www.landbouwportaalrijnland.nl/site/infographic-step-4/, https://www.landbouwportaalrijnland.nl/site/infographic-step-3/, https://www.landbouwportaalrijnland.nl/ook-interessant/toolbox-samen-voor-biodiversiteit/, https://www.landbouwportaalrijnland.nl/veelgestelde-vragen/, https://www.landbouwportaalrijnland.nl/contact/, https://www.landbouwportaalrijnland.nl/nieuws/ en https://www.landbouwportaalrijnland.nl/themas/

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 8: Op https://www.landbouwportaalrijnland.nl/veelgestelde-vragen/ heeft de groene focusindicator (HEX #67B168) bij het zoekveld onvoldoende contrast. Met de witte achtergrond is er een contrastverhouding van 2,6:1 waar het minstens 3:1 moet zijn. Pas de kleur van de focusindicator aan.

Bevinding 9: Op pagina https://www.landbouwportaalrijnland.nl/ zijn er knoppen, bijvoorbeeld "Coach aanvragen" en "Bekijk de video". Deze veranderen van kleur en krijgen een lichtblauwe rand als ze toetsenbordfocus krijgen. De lichtblauwe rand (HEX #487b8c) op witte achtergrond heeft genoeg contrast, 4,7:1. Maar de knop "Coach aanvragen" op een lichtblauwe achtergrond (HEX #91D0D5) heeft niet genoeg contrast. Deze contrastverhouding is 2,7:1 terwijl dat minstens 3:1 moet zijn. Bovendien is ook de kleurverandering niet voor iedereen waar te nemen. De verhouding tussen licht en donkerblauw is 2,7:1. Zorg dat dit tenminste 3:1 is of zorg voor een focusrand met voldoende contrast. Zie ook 2.4.7

2. Bedienbaar

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 10: Op https://www.landbouwportaalrijnland.nl/contact/ is de focus volgorde niet correct: het formulier ontvangt als eerste focus. Dit komt doordat met behulp van het tabindex-attribuut de focus volgorde overschreven wordt en de velden in het formulier als eerste in de volgorde worden gezet. Dit is niet toegestaan. Verwijder het attribuut. Hetzelfde komt vaker op de website voor, bijvoorbeeld op de pagina "https://www.landbouwportaalrijnland.nl/aanmelden-nieuwsbrief/".

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 11: Op https://www.landbouwportaalrijnland.nl/ zijn de titel en de tekst van het eerste artikel in blok "Nieuws" aparte links. Bij de link van de tekst kan dit verwarrend zijn voor bezoekers met hulpsoftware. Zorg dat de titel de enige link is, zodat deze focus krijgt en te bedienen is het met het toetsenbord. Met JavaScript kan het hele blokje van titel en tekst klikbaar worden gemaakt.

Bevinding 12: Bij het logo op iedere pagina op https://www.landbouwportaalrijnland.nl/ beschrijft de alt-tekst correct dat het een logo betreft, maar niet dat het ook een link naar de homepagina is. In het title attribuut van de link staat wel het linkdoel "homepage" maar het title attribuut wordt niet bij elke browser hulpsoftware combinatie goed gelezen. Los dit op door bijvoorbeeld aan de alternatieve tekst van het logo het linkdoel toe te voegen en laat het title attribuut dan weg.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 13: De eerste keer dat een bezoeker de website bezoekt, verschijnt er een cookiemelding over de pagina heen. Als het keuzevakje "Social media / embed cookies" focus krijgt is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen.

Bevinding 14: Als op pagina https://www.landbouwportaalrijnland.nl/ de knop "Coach aanvragen" focus krijgt is dat niet voor iedereen zichtbaar. De lichtblauwe focusrand (HEX #487b8c) op een lichtblauwe achtergrond (HEX #91D0D5) heeft niet genoeg contrast. Deze contrastverhouding is 2,7:1 terwijl dat minstens 3:1 moet zijn. Bovendien is ook de kleurverandering van de knop niet voor iedereen waar te nemen. De verhouding tussen licht en donkerblauw is 2,7:1. Zorg dat dit tenminste 3:1 is of zorg voor een focusrand met voldoende contrast.

Bevinding 15: Als op pagina https://www.landbouwportaalrijnland.nl/contact/ een formulierveld focus krijgt is dat niet voor iedereen zichtbaar. Het verschil tussen de grijze rand en de blauwe focusrand is 1,7:1, dat moet tenminste 3:1 zijn. Zorg voor een duidelijker onderscheid tussen focus en geen focus om dit probleem op te lossen.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 16: Het zoekveld op https://www.landbouwportaalrijnland.nl/veelgestelde-vragen/ gebruikt een placeholder als label. Maar dat is niet voldoende om te voldoen aan dit criterium. Een placeholder wordt namelijk niet door alle schermlezers voorgelezen en verdwijnt als de gebruiker begint te typen. Zorg dat de tekst zichtbaar blijft door een label te gebruiken, zodat bezoekers op elk moment kunnen zien wat ze moeten invullen in het veld.

Bevinding 17: Op https://www.landbouwportaalrijnland.nl/bodem/procedure/view/?id=20268&position=3 zijn veel velden verplicht om in te vullen. Dit is echter niet aangeduid of uitgelegd. Geef aan welke velden verplicht zijn. Dit speelt ook op https://www.landbouwportaalrijnland.nl/contact/.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 18: Bij het invullen van een ongeldig e-mailadres op https://www.landbouwportaalrijnland.nl/contact/, verschijnt er een algemene foutmelding bij een onjuist e-mailadres (zonder @-teken of punt, of met een spatie). Geef suggesties om de invoer te corrigeren, bijvoorbeeld "Een e-mailadres heeft het formaat naam@domein.nl". Dit speelt ook op https://www.landbouwportaalrijnland.nl/bodem/procedure/view/?id=20268&position=3.

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: De status van voorgaande stappen op https://www.landbouwportaalrijnland.nl/gewasbescherming/procedure/view/?id=20269&position=2 wordt niet naar hulpsoftware gecommuniceerd. Dit komt omdat de tekst waar naar verwezen worden met CSS volledig verwijderd uit de DOM voor hulpsoftware met display:none. Gebruik de CSS clip methode om tekst visueel te verbergen, maar niet voor screenreaders. Dit speelt ook op https://www.landbouwportaalrijnland.nl/afspoeling/procedure/view/?id=20267&position=0 en https://www.landbouwportaalrijnland.nl/bodem/procedure/view/?id=20268&position=3.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 20: Het is voor ziende gebruikers duidelijk dat na verzending het formulier op pagina https://www.landbouwportaalrijnland.nl/contact/ succesvol ingediend is, maar deze informatie is niet beschikbaar voor bezoekers die afhankelijk zijn van hulpsoftware (omdat de URL niet veranderd, maar de inhoud van de pagina wel). Maak bijvoorbeeld gebruik van role="status".

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-06-03 07:42:02 v2.4-011