Issues:
Audit digitale toegankelijkheid website Landbouwportaal Rijnland

(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 elke pagina staan in de header en de footer logo's van Facebook en LinkedIn. Deze afbeeldingen hebben geen alternatieve tekst. De alternatieve tekst van een logo moet minimaal de naam van de organisatie bevatten. Als de afbeelding als link dient kan er ook een beschrijvend linkdoel aan de alternatieve tekst toegevoegd worden. Voeg bijvoorbeeld aan de svg een aria-label met de alternatieve tekst en een role='img' toe.

Bevinding 2: Op de homepagina staan naast 'Het Landbouwportaal is een initiatief van:' meerdere afbeeldingen van logo's. De alternatieve teksten beschrijven niet de volledige naam van de organisatie, die wel op de afbeelding te zien is. Pas bijvoorbeeld de tekst 'logo kavb' aan naar 'Logo Koninklijke Algemene Vereniging voor Bloembollencultuur'.

Bevinding 3: Op pagina https://www.landbouwportaalrijnland.nl/levende-sloten/ecologie-in-en-rond-het-water/toestanden-waterkwaliteit/onvoldoende-kwaliteit/ staat een afbeelding van een doorsnede door een sloot. De afbeelding is als decoratief gecodeerd en daarmee verborgen voor hulpsoftware, maar de afbeelding bevat informatie want er wordt in de tekst eronder naar verwezen 'Variant 1 met woekerende vegetatie (zie afbeelding)'. Geeft een goede alt tekst die de afbeelding beschrijft.

Bevinding 4: Op pagina https://www.landbouwportaalrijnland.nl/levende-sloten/sectoren/u-bent-bloembollenteler/beheer-en-onderhoud/algemeen/ staat een blok 'Inhoudsopgave' met een icoon om aan te geven dat het blok uitgevouwen kan worden. Het icoon wordt door middel van het pseudo-element :after en de content property in de CSS op de pagina gezet. Op deze manier kan het zijn dat het icoon wegvalt, bijvoorbeeld voor mensen die een eigen CSS gebruiken, of wanneer de CSS niet geladen wordt. De content property is alleen geschikt voor het toevoegen van puur decoratieve content. Een oplossing kan zijn om het icoon in de html te plaatsen, bijvoorbeeld als img-element of svg met tekstalternatief.
Hetzelfde komt vaker voor in de website, bijvoorbeeld op de pagina https://www.landbouwportaalrijnland.nl/veelgestelde-vragen/ bij de '+' en '-' iconen bij de uitklapbare vragen.

Bevinding 5: De PDF 'Een sloot vol leven' op pagina https://www.landbouwportaalrijnland.nl/uploads/news/52-een%20sloot%20vol%20leven_rijnland_druk.pdf bestaat uit één afbeelding met tekst. In de codelaag heeft de afbeelding geen toegankelijke tekst beschrijving. De informatie in de PDF is daardoor niet toegankelijk. Zorg voor een tekstalternatief op de website of in de code van de PDF. Zie ook succescriterium 1.4.5.

1.2 Op tijd gebaseerde media

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Bevinding 6: Op de homepagina wordt een video getoond. Deze video heeft een automatisch gegenereerde ondertiteling. Op een aantal plekken staan onjuiste woorden. Bijvoorbeeld op 1:13 zegt de spreker 'eerst krijg je advies en vervolgens gaat die coach je ook nog vertellen van hoe dat je dat beter kan financieren' maar dat wordt 'eerst bij advies en wolvega die koos jonge vertellen van hoe ga je dat beter communiceren'. Ook ontbreekt de interpunctie waardoor de zinnen moeilijk te begrijpen zijn. Maak een goede ondertiteling.
Hetzelfde komt vaker voor op de website, bijvoorbeeld in de video op pagina https://www.landbouwportaalrijnland.nl/afspoeling/procedure

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Bevinding 7: Op de homepagina is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld in het openings- en slotscherm, rond 0:07 'Opening Landbouwportaal Rijnland' en rond 0:28 de naam en organisatie van de spreker. Er ontbreekt uitgeschreven tekst en er is ook geen voiceover die vertelt wat er op het scherm staat. Zo kunnen bezoekers die de video niet kunnen zien niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript. Of maak gebruik van een extra audiospoor om ook te voldoen aan SC 1.2.5.
Dit probleem komt ook voor in de video op pagina https://www.landbouwportaalrijnland.nl/afspoeling/procedure op 0:43. Hier verschijnt het logo en de tekst 'Samen aan de slag voor goede bodem en waterkwaliteit' maar dit wordt niet voorgelezen door de voiceover.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Bevinding 8: Op de homepagina is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld in het openings- en slotscherm, rond 0:07 'Opening Landbouwportaal Rijnland' en rond 0:28 de naam en organisatie van de spreker. Er ontbreekt uitgeschreven tekst en er is ook geen voiceover die vertelt wat er op het scherm staat. Zo kunnen bezoekers die de video niet kunnen zien niet weten wat er wordt getoond in de video. Maak voor deze en andere informatie gebruik van een extra audiospoor.
Dit probleem komt ook voor in de video op pagina https://www.landbouwportaalrijnland.nl/afspoeling/procedure op 0:43. Hier verschijnt het logo en de tekst 'Samen aan de slag voor goede bodem en waterkwaliteit' maar dit wordt niet voorgelezen door de voiceover.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 9: In de header van elke pagina staat een ongeordende lijst met de links 'Contact' en 'Inloggen' als lijst items. De lijst bevat ook twee social media links die niet als lijstitem gecodeerd zijn. Dat is niet toegestaan en kan problemen met hulpsoftware opleveren. Zorg voor correct opgemaakte lijsten. Hetzelfde komt vaker in de website voor, onder andere bij het hoofdmenu van elke pagina waarin twee verborgen social media links staan.

Bevinding 10: Op pagina https://www.landbouwportaalrijnland.nl/privacy-statement/ zijn zinnen/koppen opgemaakt met het strong-element, bijvoorbeeld 'Privacyverklaring'. Het strong-element is bedoeld om nadruk te geven aan een of enkele woorden, niet voor de opmaak van koppen. Verwijder daarom het strong-element en codeer de kop als koptekst, bijvoorbeeld H1 voor de kop 'Privacyverklaring' en H2 voor de onderliggende koppen.
Hetzelfde komt vaker voor in de website, bijvoorbeeld op pagina https://www.landbouwportaalrijnland.nl/nieuws/youtubekanaal-jacobs-farm-promoot-landbouwportaal-rijnland/ bij de quote bovenaan de pagina en de kop 'YouTubekanaal Jacob’s Farm'.

Bevinding 11: Op pagina https://www.landbouwportaalrijnland.nl/afspoeling/procedure/view/?id=6641&position=3 staan koppen die niet opgemaakt zijn als kop. Bijvoorbeeld de kop 'Accountgegevens'. Bezoekers die gebruikmaken van voorleessoftware kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden. Gebruik daarom altijd een kop van het juiste niveau voor de opmaak.

Bevinding 12: Op pagina https://www.landbouwportaalrijnland.nl/levende-sloten/sectoren/u-bent-bloembollenteler/beheer-en-onderhoud/algemeen/ staat tabel. De koppen in deze tabel zijn opgemaakt met het strong-element, in plaats van met het th-element. Daardoor is de relatie tussen de koppen en datacellen voor screenreadergebruikers niet duidelijk. Zorg ervoor dat tabellen goed zijn opgemaakt en gebruik voor tabelkoppen altijd het th-element.

Bevinding 13: Op pagina https://www.landbouwportaalrijnland.nl/levende-sloten/sectoren/u-bent-bloembollenteler/beheer-en-onderhoud/algemeen/ staat boven de tabel een schuingedrukte tekst ('Tabel: toegestane en geadviseerde percentages...'). Deze tekst is opgemaakt met het em-element. Dit element is bedoeld om nadruk te geven aan een of enkele woorden, niet voor hele zinnen. Gebruik in plaats daarvan CSS styling om het element anders vorm te geven. Maak daarnaast gebruik van het <caption> element om de relatie met de tabel aan te geven.
Het onjuist gebruik van het em-element komt ook voor op pagina https://www.landbouwportaalrijnland.nl/nieuws/youtubekanaal-jacobs-farm-promoot-landbouwportaal-rijnland/ bij de tekst 'Bekijk hier het filmpje van de onkruid/veegborstel die Jan Jaap via Landbouwportaal Rijnland heeft aangeschaft'.

Bevinding 14: Op pagina https://www.landbouwportaalrijnland.nl/afspoeling/procedure/view/?id=6641&position=3 is aan de zijkant onder de kop 'Oriëntatie' middels een vinkje te zien of een stap is afgerond of niet. Deze informatie is niet beschikbaar in de code. Voeg bijvoorbeeld een (visueel verborgen) span-tekst toe met deze informatie.

Bevinding 15: Op pagina https://www.landbouwportaalrijnland.nl/afspoeling/procedure/view/?id=6641&position=3 staat onder het veld 'Wachtwoord' de instructie 'Het wachtwoord moet tenminste 1 kleine letter, 1 hoofdletter en 2 speciale karakters bevatten.'. Deze instructie is visueel direct zichtbaar, maar bezoekers die met behulp van voorleessoftware navigeren, horen de instructie pas ná het veld, of missen de instructie wanneer ze in formuliermodus navigeren (van veld naar veld). Koppel de instructie aan het formulierveld met bijvoorbeeld aria-describedby.

Bevinding 16: Op pagina https://www.landbouwportaalrijnland.nl/afspoeling/procedure/view/?id=6641&position=3 staat in het formulier een groep selectievakjes (checkboxes). Boven deze groep staat de tekst 'Bedrijfstype'. Deze tekst is nu niet gekoppeld aan de groep selectievakjes. Gebruik een combinatie van fieldset en legend of een vergelijkbare techniek om dit probleem op te lossen.
Hetzelfde geldt voor de keuzerondjes onder 'Afwijkend uitvoering adres'.

Bevinding 17: Op pagina https://www.landbouwportaalrijnland.nl/veelgestelde-vragen/ staat onder de vraag 'Hoe maak ik een account aan?' een opsomming. Deze opsomming is niet als zodanig gecodeerd. Maak gebruik van een <ul> lijst om dit probleem op te lossen.
Dit geldt ook voor de opsomming onder de vraag 'Protocol bedrijfsbezoeken ten tijde van corona'.

Bevinding 18: Op de homepagina komt de koppenstructuur niet overeen met de hiërarchische volgorde. Zo is de tekst 'Kennis op het erf!' nu een h2, maar is dit eerder een h1. De onderliggende koppen zoals 'Thema's' zouden dan een h2 moeten zijn; de tekst 'Over Landbouwportaal Rijnland' is nu een h1, maar zou een h2 moeten zijn; de kop 'Coach spreekt taal van de boeren’ zou een h3 moeten zijn en de kop 'Ga direct naar' zou een h2 moeten zijn. Zorg voor een goede koppenstructuur die begint met een h1 en waarbij de hiërarchische structuur in de code wordt aangegeven.
Dit probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://www.landbouwportaalrijnland.nl/levende-sloten/ecologie-in-en-rond-het-water/toestanden-waterkwaliteit/onvoldoende-kwaliteit/ waar o.a. de eerste kop een h3 is, en op pagina https://www.landbouwportaalrijnland.nl/afspoeling/procedure/view/?id=6641&position=3, waar o.a. de ondertitel een h4 is maar een gewone paragraaftekst dient te zijn.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Bevinding 19: Op pagina https://www.landbouwportaalrijnland.nl/afspoeling/procedure/view/?id=6641&position=3/view/?id=664&position=3 staat een formulier waar de bezoeker onder andere het eigen e-mailadres en telefoonnummer 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".
Hetzelfde komt vaker voor in de website, bijvoorbeeld op pagina https://www.landbouwportaalrijnland.nl/contact/.
Zie https://www.w3.org/TR/WCAG21/#input-purposes voor een overzicht van de velden waarop autocomplete nodig is en de bijbehorende waarden.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Bevinding 20: Wanneer een van de velden op pagina https://www.landbouwportaalrijnland.nl/contact/ niet (goed) wordt ingevuld, verschijnen melding als 'Naam mag niet leeg zijn.' Dat dit een foutmelding is, is alleen waarneembaar door een rode kleur. Dit probleem kan worden opgelost door goede foutmeldingen te gebruiken, zie daarvoor succescriterium 3.3.1.

Bevinding 21: Advies: Als op de homepagina de knop 'Coach aanvragen' focus heeft is dat alleen te zien aan een verandering van de achtergrondkleur van de knop van blauw naar donkerblauw. De contrast ratio tussen de twee kleuren blauw is groter dan 3:1 dus aan dit criterium is voldaan. Toch is het beter niet gebruik te maken van kleur alleen. Dat kan door bijvoorbeeld een focusrand toe te voegen.
Dit geldt ook voor de knop 'Meld je aan voor de nieuwsbrief!' in de footer.

Bevinding 22: Advies: Op verschillende plaatsen in de website komen links in de lopende tekst voor die alleen herkenbaar zijn doordat ze een andere kleur hebben. Bijvoorbeeld op pagina https://www.landbouwportaalrijnland.nl/privacy-statement/ de link 'info@landbouwportaalrijnland.nl'. Slechtzienden en kleurenblinden kunnen hierdoor mogelijk niet herkennen dat om links gaat. De contrast ratio tussen de blauwe link kleur en de zwarte tekst is groter dan 3:1 dus aan dit criterium is voldaan. Toch is het beter ervoor te zorgen dat hyperlinks in lopende tekst ook herkenbaar zijn aan minimaal één andere eigenschap, bijvoorbeeld door ze te onderstrepen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 23: Wanneer op de homepagina over een van de stappen wordt gehoverd, bijvoorbeeld 'Thema's', verandert de kleur van de stap naar lichtblauw (HEX #91D0D5). De contrastverhouding van de witte tekst op deze achtergrond is dan 1,7:1, maar dit moet minimaal 4,5:1 zijn.
Deze kleurcombinatie komt ook voor in de cookiemelding en binnen de inhoudsopgave op o.a. pagina https://www.landbouwportaalrijnland.nl/levende-sloten/sectoren/u-bent-bloembollenteler/beheer-en-onderhoud/algemeen/ .

Bevinding 24: Op pagina https://www.landbouwportaalrijnland.nl/levende-sloten/sectoren/u-bent-bloembollenteler/beheer-en-onderhoud/algemeen/ is de titel 'Levende Sloten In Beeld' weergegeven in een grijze tekst (HEX # AFC2D1) op een lichtblauwe achtergrond (HEX #ECF4FA). Deze tekst heeft een te laag contrast. De contrastverhouding is 1,7:1 waar dit minimaal 4,5:1 moet zijn.

Bevinding 25: Op pagina https://www.landbouwportaalrijnland.nl/levende-sloten/sectoren/u-bent-bloembollenteler/beheer-en-onderhoud/algemeen/ is in het rechter submenu het actieve menu item 'Algemeen' weergegeven in een witte tekst op een blauwe achtergrond (HEX #91D0D5). Deze tekst heeft een te laag contrast. De contrastverhouding is 1,7:1 waar dit minimaal 4,5:1 moet zijn.

Bevinding 26: Op pagina https://www.landbouwportaalrijnland.nl/afspoeling/procedure/view/?id=6641&position=3/view/?id=6641&position=0 hebben de grijze broodkruimelteksten 'Erfafspoeling mineralen' en 'nutriënten Dossier #006608' (HEX #777777) net een te laag contrast. De contrastverhouding is net onder de 4,5:1 waar dit minimaal 4,5:1 moet zijn.

Bevinding 27: In de PDF 'een sloot en oever vol leven' op pagina https://www.landbouwportaalrijnland.nl/uploads/news/52-een%20sloot%20vol%20leven_rijnland_druk.pdf staan meerdere teksten met lage contrastwaarden. Het gaat bijvoorbeeld om de lichtgroene tekst 'Een sloot en oever' op de blauwe achtergrond (1,5:1), de blauwe paragraaftekst 'Er is steeds meer aandacht...' (2,6:1) en de oranje tekst 'Koud weer' op de lichgroene achtergrond (2,3:1). Het contrast van tekst moet minimaal 4,5:1 zijn voor tekst kleiner dan 18pt, of minimaal 3:1 voor grote tekst vanaf 18pt.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Bevinding 28: De PDF 'een sloot en oever vol leven' op pagina https://www.landbouwportaalrijnland.nl/uploads/news/52-een%20sloot%20vol%20leven_rijnland_druk.pdf bestaat uit één afbeelding met tekst. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt verder niet voor in de code van de PDF. Plaats de informatie uit de PDF zoveel mogelijk als platte tekst of zorg voor een toegankelijk alternatief op de website.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 29: Op pagina https://www.landbouwportaalrijnland.nl/contact/ hebben de grijze randen van de formuliervelden (HEX #CCCCCC) een contrastwaarde van 1,6:1 in combinatie met de witte achtergrond. Dit moet minimaal 3,0:1 zijn.
Dit komt ook voor op pagina https://www.landbouwportaalrijnland.nl/afspoeling/procedure/view/?id=6641&position=3 .

Bevinding 30: Op pagina https://www.landbouwportaalrijnland.nl/afspoeling/procedure staan aan de linkerkant van de pagina, onder 'Oriëntatie', selectievakjes. De randen hiervan hebben in combinatie met de witte achtergrond een contrastverhouding van 1,7:1, maar dit moet minimaal 3,0:1 zijn.
Deze kleurcombinatie komt ook voor op pagina https://www.landbouwportaalrijnland.nl/veelgestelde-vragen/ op de randen van het zoekveld 'Zoek een vraag' en op de plus/min-iconen naast de vragen.

Bevinding 31: Binnen de inhoudsopgave op pagina https://www.landbouwportaalrijnland.nl/levende-sloten/sectoren/u-bent-bloembollenteler/beheer-en-onderhoud/algemeen/ wordt gebruik gemaakt van pijltjes die aangeven of een element is uitgevouwen of niet. Deze lichtblauwe pijltjes (HEX #A6E0F2) hebben een contrastwaarde van 1,2:1 in combinatie met de groene achtergrond. Dit moet minimaal 3,0:1 zijn.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 32: Op pagina https://www.landbouwportaalrijnland.nl/contact/ is de knop 'Versturen' niet bedienbaar met het toetsenbord. Bezoekers die afhankelijk zijn van het toetsenbord kunnen het contactformulier daardoor niet versturen.

Bevinding 33: Op pagina https://www.landbouwportaalrijnland.nl/veelgestelde-vragen/ is elke vraag een interactief element waarmee het antwoord opengeklapt kan worden. Bezoekers die met het toetsenbord navigeren, bijvoorbeeld met de tabtoets, kunnen deze elementen niet gebruiken en daardoor de antwoorden niet lezen. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord.

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Bevinding 34: Onder andere op de homepagina en pagina https://www.landbouwportaalrijnland.nl/afspoeling/procedure/view/?id=6641&position=3/view/?id=6641&position=0 wordt gebruikgemaakt van de videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld f voor fullscreen. Deze functionaliteit is iets wat mensen die afhankelijk zijn van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Los dit op door de embedcode van de YouTube video aan te passen zodat de bediening met tekentoetsen uit staat. De eigenschap die toegevoegd moet worden aan de embedcode is 'disablekb=1'. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium.

2.4 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Bevinding 35: Op elke pagina ontbreekt een mechanisme om de herhalende content over te slaan. Dit kan opgelost worden door een link op de pagina te plaatsen (skiplink) die de focus verplaatst naar de eerste unieke inhoud van de pagina. Deze link moet de eerste link van de pagina zijn. Deze link mag standaard verborgen zijn voor bezoekers, maar moet zichtbaar worden als de focus er op komt wanneer met het toetsenbord wordt genavigeerd.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Bevinding 36: De PDF 'een sloot en oever vol leven' op pagina https://www.landbouwportaalrijnland.nl/uploads/news/52-een%20sloot%20vol%20leven_rijnland_druk.pdf heeft als documenttitel in de eigenschappen: 'een sloot vol leven.indd'. Dit beschrijft de inhoud van de PDF niet, bovendien wordt de bestandsnaam en niet de titel van het document getoond. Zorg er voor dat een titel die de inhoud van het document beschrijft wordt getoond.

Bevinding 37: Advies: Op de homepagina wordt in de paginatitel ook de domeinnaam meegegeven ('Home - Landbouwportaal Rijnland'), maar op andere pagina's ontbreekt de domeinnaam (bijv. 'Contact'). Het is beter om de domeinnaam ook op andere pagina's toe te voegen, zodat het voor bezoekers duidelijk is bij welk domein de pagina hoort.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 38: De eerste keer dat een bezoeker de website bezoekt, verschijnt er een cookiemelding over de pagina heen. De cookiemelding krijgt niet als eerste focus. Dit belemmert het gebruik van de website voor bezoekers die met het toetsenbord navigeren. Zorg dat de melding als eerste weg te klikken is of integreer de melding in de webpagina.

Bevinding 39: Wanneer bij een schermgrootte van 1280px breed ingezoomd wordt tot 200% is er een menuknop in de header. Deze krijgt als eerste de focus, voor het logo van de website, terwijl het logo links van de menuknop staat. Zorg dat de focusvolgorde door webpagina's logisch is, wanneer men met het toetsenbord navigeert.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 40: Onder andere op de homepagina en de pagina https://www.landbouwportaalrijnland.nl/nieuws/ staan links met de linktekst 'Lees meer'. Vermijd linkteksten als ‘Lees meer’ en ‘Klik hier’, zulke teksten beschrijven het linkdoel niet. Zorg dat linkteksten duidelijk beschrijven waar de link naartoe gaat, bijvoorbeeld door de tekst aan te vullen met de titel van het bericht waarnaar gelinkt wordt. Als visueel duidelijk is waar de link bij hoort hoeft deze aanvullende tekst niet visueel zichtbaar te zijn.

Bevinding 41: Op elke pagina staan in de header en de footer de logos van Facebook en LinkedIn die links zijn. Deze links hebben geen naam. Omdat de links geen linkdoel hebben, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de links heen gaan. Voeg een duidelijke linktekst toe om dit probleem op te lossen. Dit kan worden opgelost door een goed tekstalternatief mee te geven, zoals beschreven over succescriterium 1.1.1.
Dit komt ook voor bij de visueel onzichtbare social media links onder ‘Ook interessant’.

Bevinding 42: Advies: Op de homepagina staan onder 'Nieuws' links die bestaan uit een titel, datum en 'lees meer' link als linktekst. Bezoekers die voorleessoftware gebruiken krijgen daardoor per link veel tekst voorgelezen. Overweeg om alleen de titel als linktekst te gebruiken en het klikbare gebied met Javascript te vergroten.
Dit komt o.a. ook voor op pagina https://www.landbouwportaalrijnland.nl//nieuws .

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Bevinding 43: Er zijn een aantal pagina's in de website die maar op één manier te bereiken zijn. Bijvoorbeeld de pagina https://www.landbouwportaalrijnland.nl/nieuws/gratis-download-poster-ecologisch-slootschonen/ kan alleen van af de nieuwspagina gevonden worden. Zorg ervoor dat er nog een andere manier is om elke pagina te vinden, bijvoorbeeld door middel van een zoekfunctie of sitemap.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Bevinding 44: Wanneer op de homepagina de link 'Lees meer' onder '‘Coach spreekt taal van de boeren’' focus krijgt, is dit zichtbaar door een minimale kleurverandering. Dit verschil is nauwelijks waarneembaar. Zorg voor een focusrand, zodat de focus goed zichtbaar is.

Bevinding 45: Wanneer bij een schermgrootte van 1280px breed ingezoomd wordt tot 200% is er een menuknop in de header. Wanneer deze knop focus heeft, 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.
Hetzelfde komt vaker voor in de website, bijvoorbeeld op de homepagina bij de knoppen 'Lees meer' en op pagina https://www.landbouwportaalrijnland.nl/afspoeling/procedure/view/?id=6641&position=3/view/?id=6641&position=0 bij de knoppen 'Vorige stap' en 'Volgende stap'.

Bevinding 46: Als het menu item 'Ook interessant' focus heeft zijn de eerstvolgende elementen die focus krijgen links naar een Facebookpagina en een LinkedIn pagina van Landbouwportaal Rijnland. Doordat deze links niet zichtbaar zijn, is het ook niet zichtbaar dat ze focus hebben. Maak de links zichtbaar of laat de links weg.

Bevinding 47: Advies: Wanneer op de homepagina de knop 'Coach aanvragen' focus heeft is dat alleen te zien aan een verandering van de achtergrondkleur van de knop van blauw naar donkerblauw. Onder de WCAG 2.2 komen strengere eisen voor de focuszichtbaarheid. Zo moet er een duidelijke focusrand aanwezig zijn, dat is nu niet het geval. Zie de conceptversie op https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance.html.

Bevinding 48: Advies: Wanneer het logo bovenaan de pagina in Firefox toetsenbordfocus heeft, verschijnt een focusrand die het logo niet geheel omsluit. Onder de WCAG 2.2 komen strengere eisen voor de focuszichtbaarheid. Zie de conceptversie op https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance.html.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Bevinding 49: Wanneer een van de velden op pagina https://www.landbouwportaalrijnland.nl/contact/ niet (goed) wordt ingevuld, verschijnen melding als 'Naam mag niet leeg zijn.' Dit is geen foutbeschrijving maar een instructie. Een goede foutbeschrijving maakt duidelijk welke fout is gemaakt en waar. Bijvoorbeeld: 'Het veld Naam is niet ingevuld'.
Dit geldt ook voor de meldingen in het formulier op pagina https://www.landbouwportaalrijnland.nl/afspoeling/procedure/view/?id=6641&position=3 .

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Bevinding 50: Op de header en de footer van elke pagina komen dezelfde social media iconen met steeds dezelfde id's voor, bijvoorbeeld id="Layer_1" en id="XMLID_801_". Dit kan problemen opleveren met hulpsoftware. Zorg dat id's unieke waarden hebben op een pagina.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 51: Op elke pagina staan in de header en de footer de logos van Facebook en LinkedIn die linken zijn. Deze links hebben geen naam. Omdat de links geen linkdoel hebben, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de links heen gaan. Voeg een duidelijke linktekst toe om dit probleem op te lossen. Zie ook de bevinding onder 1.1.1.
Dit komt ook voor bij de visueel onzichtbare links onder 'Ook interessant'.

Bevinding 52: Op de pagina https://www.landbouwportaalrijnland.nl/contact/ staat de hoofdnavigatie in een div met het attribuut aria-expanded="false". Het aria-expanded attribuut mag alleen gebruikt worden voor elementen die het uitklappen of samenvouwen van een ander element aansturen. Dat is hier niet het geval. Dit kan een probleem opleveren met hulpsoftware. Zorg voor correcte WAI-ARIA code.

Bevinding 53: Op pagina https://www.landbouwportaalrijnland.nl/veelgestelde-vragen/ staan uitklapbare elementen (de vragen). Deze elementen hebben een waarde nodig die aangeeft of het element uitgevouwen of samengevouwen is. Dit kan worden opgelost door het aria-expanded attribuut te gebruiken.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Bevinding 54: Wanneer bezoekers in het formulier op pagina https://www.landbouwportaalrijnland.nl/afspoeling/procedure/view/?id=6641&position=3 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. Zorg ervoor dat de foutmelding als eerste focus heeft of geef op een andere manier aan dat er foutmeldingen zijn, bijvoorbeeld middels live regions.

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://www.landbouwportaalrijnland.nl/
• Contact: formulier:
  https://www.landbouwportaalrijnland.nl/contact/
• Thema: video:
  https://www.landbouwportaalrijnland.nl/afspoeling/procedure/view/?id=6641&position=0
• Aanmelden: formulier:
  https://www.landbouwportaalrijnland.nl/afspoeling/procedure/view/?id=6641&position=3
• Privacy:
  https://www.landbouwportaalrijnland.nl/privacy-statement/
• Nieuws:
  https://www.landbouwportaalrijnland.nl/nieuws/
• Nieuws item : video:
  https://www.landbouwportaalrijnland.nl/nieuws/youtubekanaal-jacobs-farm-promoot-landbouwportaal-rijnland/
• FAQ: accordeon:
  https://www.landbouwportaalrijnland.nl/veelgestelde-vragen/
• Pagina met PDF:
  https://www.landbouwportaalrijnland.nl/nieuws/gratis-download-poster-ecologisch-slootschonen/
• 404:
  https://www.landbouwportaalrijnland.nl/fout/
• PDF:
  https://www.landbouwportaalrijnland.nl/uploads/news/52-een%20sloot%20vol%20leven_rijnland_druk.pdf
• Tabel:
  https://www.landbouwportaalrijnland.nl/levende-sloten/sectoren/u-bent-bloembollenteler/beheer-en-onderhoud/algemeen/
• Afbeelding:
  https://www.landbouwportaalrijnland.nl/levende-sloten/ecologie-in-en-rond-het-water/toestanden-waterkwaliteit/onvoldoende-kwaliteit/

Ondersteunende technieken

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

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.