Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Groen Ontwikkelfonds Brabant

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Groen Ontwikkelfonds Brabant
Datum 13 februari 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op groenontwikkelfondsbrabant.nl
  • Alle PDF's op groenontwikkelfondsbrabant.nl
Buiten de scope van het onderzoek valt:
  • 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: 54

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://www.groenontwikkelfondsbrabant.nl/over-gob/werkeenheid-natuurnetwerk-brabant-het-team staat een afbeelding van "Werkeenheid Brabant". Het bevat een alt-attribuut echter is deze niet van alternatieve tekst voorzien. Daar de afbeelding in een link is genest, wordt er nu door schermleessoftware nu een onduidelijke link tekst voorgelezen. Zorg dat de afbeelding van een tekst is voorzien dat overeenkomt met de tekst die visueel beschikbaar is, en geef aan dat het een logo betreft.

Bevinding 2: Op pagina https://www.groenontwikkelfondsbrabant.nl/over-gob/werkeenheid-natuurnetwerk-brabant-het-team staan foto's van teamleden. De foto's zijn niet van alternatieve tekst voorzien. Gezien de namen van de personen tevens boven en onder de foto's staan, zou een goede oplossing zijn de afbeelding en de onderstaande naam in respectievelijk fig en figcaption elementen te plaatsen.

Bevinding 3: Op pagina https://www.groenontwikkelfondsbrabant.nl/kaart staat een kaart met grensgebieden van zogeheten "trekker" organisaties bij de link https://www.groenontwikkelfondsbrabant.nl/wp-content/uploads/2023/02/kaart_gebiedsgrenzen_organisaties-scaled.jpg. Er is geen alternatieve tekst aanwezig, waardoor voor blinde gebruikers van schermleessoftware cruciale informatie verloren gaat.
Complexe afbeeldingen bevatten veel informatie, vaak meer dan wat meegegeven kan worden in een korte zin. Onder complexe afbeeldingen vallen onder andere: grafieken, diagrammen en illustraties waar de tekst op de pagina er vanuit gaat dat de gebruiker de afbeelding kan zien en begrijpen, 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. De uitgebreide beschrijving, die alle belangrijke en essentiële informatie uit de afbeelding tekstueel weergeeft.
Geef in de alt-tekst mee dat er een uitgebreide beschrijving aanwezig is.
Creëer bijvoorbeeld een paragraaf dat 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. Men zou er ook voor kunnen kiezen om de afbeelding in een figure en de tekst in een figcaption element onder te brengen.

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)

Uitkomst: Onvoldoende

Bevinding 4: Op pagina https://www.groenontwikkelfondsbrabant.nl/een-ode-aan-de-natuurmakers-in-brabant staat een iframe met een YouTube video. Er is betiteling aanwezig echter is het incompleet. Bijvoorbeeld rond 00:20 wanneer de interviewer "nou hier is hij dan he" zegt. Voor doven begint de vrouw te praten en lezen ze "ja fantastisch!". Zorg dat dialoog in video's altijd correct betiteld is.

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

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

Uitkomst: Onvoldoende

Bevinding 5: Op pagina https://www.groenontwikkelfondsbrabant.nl/een-ode-aan-de-natuurmakers-in-brabant staat een iframe met een YouTube video. Rond 0:23 begint Mary Fiers (naam komt in het onderhavige artikel voor) te praten, echter is het voor blinde bezoekers niet duidelijk dat dit een interview is. Zorg indien meerdere personen aan het woord komen, er goed wordt aangekondigd wie wat zegt, bijvoorbeeld middels een tweede audiospoor. Zie tevens SC 1.2.5.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 6: Op pagina https://www.groenontwikkelfondsbrabant.nl/een-ode-aan-de-natuurmakers-in-brabant staat een iframe met een YouTube video. Rond 0:23 begint Mary Fiers (naam komt in het onderhavige artikel voor) te praten, echter is het voor blinde bezoekers niet duidelijk dat dit een interview is. Zorg indien meerdere personen aan het woord komen, er goed wordt aangekondigd wie wat zegt, bijvoorbeeld middels een tweede audiospoor. Zie tevens SC 1.2.3.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 7: Het algemene navigatiemenu bevat een zoekknop dat voor muisgebruikers visueel twee functies bevat: de actie om de zoekbalk te openen en de actie om tot zoeken over te gaan. In de DOM-structuur staat echter als eerste het invoerveld. Indien men middels het toetsenbord door menu navigeert, kondigt schermleessoftware het invoerveld aan met de tekst "Waar naar ben je op zoek?" echter is dit niet zichtbaar. Dit is zeer verwarrend voor slechtziende toetsenbordgebruikers. De volgende knop heet "Zoeken", echter gaat het niet op de zoekactie over indien er invoer is: dit opent eerst de zoekbalk. Men kan dit op diverse manieren oplossen, door bijvoorbeeld de knop voor het invoerveld in de DOM-structuur te plaatsen en een aria-expanded attribuut toe te voegen voor de aankondiging "ingeklapt" en "uitgeklapt".

Bevinding 8: Op pagina https://www.groenontwikkelfondsbrabant.nl/over-gob/werkeenheid-natuurnetwerk-brabant-het-team staat het een afbeelding van "Werkeenheid Brabant", genest in een link. Dit geheel is weer genest in een strong element, wat niet logisch is. Strong wordt gebruikt om intonatie te plaatsen op enkele woorden in platte tekst, en dient niet gebruikt te worden op de huidige wijze. Verwijder dit element uit de structuur.

Bevinding 9: Op pagina https://www.groenontwikkelfondsbrabant.nl/homepage/wat-kunnen-wij-voor-u-betekenen/duurzaamheidsscore staan diverse ongeordende lijsten (ul) goed opgebouwd met geneste lijstitems (li). Er wordt echter ook gebruik gemaakt van asterisken om lijsten te maken, bijvoorbeeld onder de visuele kop "Agrarische ondernemers ontvangen voor weidegang geen certificaat. Waarom is toch het certificaat Weidemelk meegenomen?" Visueel is het duidelijk dat het een opsomming betreft maar dat is het niet voor gebruikers van schermleessoftware. Plaats deze opsomming ook in een lijst zoals onder de visuele kop "Waar moeten certificaten aan voldoen?"

Bevinding 10: Op pagina https://www.groenontwikkelfondsbrabant.nl/homepage/wat-kunnen-wij-voor-u-betekenen/duurzaamheidsscore staan diverse genummerde lijsten (ol) goed opgebouwd met geneste lijstitems (li). Onder de kop "Agrarische ondernemers ontvangen voor zeldzame huisdierrassen geen certificaat. Waarom is toch het certificaat zeldzame huisdierrassen meegenomen?" staat echter visueel een genummerde lijst in een paragraph (p) element. Plaats deze opsomming ook in een lijst zoals onder de visuele kop "Waarom tellen niet alle certificaten mee, zoals bijvoorbeeld Natuurvlees en KDV?"

Bevinding 11: Op pagina https://www.groenontwikkelfondsbrabant.nl/homepage/wat-kunnen-wij-voor-u-betekenen/duurzaamheidsscore staat een tabel. Tabellen dienen opgemaakt te zijn in kopcellen (th) en datacellen (td) zodat schermleessoftware goed het verband kan herkennen tussen de cellen, en dit logisch aan hun gebruikers wordt overgebracht. Vooral bij complexere tabellen zoals deze is dit van belang. De tabel in kwestie bestaat slechts uit td-elementen, waardoor de content zeer moeilijk leesbaar is. Plaats eerste twee rijen en de eerste kolom in th-elementen. Gebruik vervolgens de toepasselijke scope-attributen op th-elementen om de th- en td-elementen aan elkaar te koppelen.

Bevinding 12: Op pagina https://www.groenontwikkelfondsbrabant.nl/aan-en-verkoop-van-percelen-in-westerhoven wordt het strong element gebruikt op een gehele alinea op te maken. Strong wordt gebruikt om intonatie te geven aan enkele woorden in platte tekst, en dient niet op deze wijze gebruikt te worden. Gebruik de opties die CSS biedt ter opmaak. Een correcte toepassing van strong is overigens te vinden op pagina https://www.groenontwikkelfondsbrabant.nl/verborgen-raamvallei bij de opsomming onder de kop "Grondpot".

Bevinding 13: Op pagina https://www.groenontwikkelfondsbrabant.nl/contact staan visueel subkoppen, zoals "Bezoekadres". Deze teksten zijn opgemaakt in een strong element genest in een emphasis element. Beide elementen zijn bedoeld om de nadruk te leggen op enkele woorden in lopende teksten. Beide hebben semantische waarde en kunnen door schermleessoftware verhoogd (strong) of vertraagd (em) worden voorgelezen. Tevens vragen blinde gebruikers van schermleessoftware vaak de koppenstructuur op om efficient door pagina's te navigeren. Daar deze teksten nu niet als kop opgemaakt zijn, is dit niet mogelijk. Maak gebruik van de opties die CSS biedt voor opmaak, en wijzig de gebruikte elementen in koppen van een kopniveau dat in de structuur van de pagina passend is. Er wordt op meer plaatsen op de website strong gebruikt voor visuele (sub)koppen, bijvoorbeeld op pagina https://www.groenontwikkelfondsbrabant.nl/homepage/wat-kunnen-wij-voor-u-betekenen/duurzaamheidsscore.

Bevinding 14: Op pagina's met paginering opgemaakt als links in een ongeordende lijst (ul), bijvoorbeeld https://www.groenontwikkelfondsbrabant.nl/nieuws of https://www.groenontwikkelfondsbrabant.nl/category/uncategorized, is de laatste link een "»" symbool. Visueel is het duidelijk dat de actie naar de volgende pagina bewerkstelligt, maar sommige schermleessoftware lezen dit symbool niet voor. Voor hun gebruikers wordt er alleen maar aangekondigd dat het een link betreft. Vervang dit symbool in het title-attribuut door een passende tekst, bijvoorbeeld "Ga naar de volgende pagina". Zie tevens SC 2.4.4 voor de nummering.

Bevinding 15: Advies: Op pagina https://www.groenontwikkelfondsbrabant.nl/een-ode-aan-de-natuurmakers-in-brabant staat visueel een opsomming onder de tekst "Lees de verhalen uit het boek" bestaande uit het onderwerp van het verhaal als platte tekst, gevolgd door een link met de paginatitel eronder. Het is hier te adviseren om de onderwerpen als lijstitems (li) ongeordende lijst (ul) op te maken, en de linkteksten in de lijstitems te nesten. Zo ontstaat een logische opbouw voor gebruikers van schermleessoftware en kunnen geen verwarringen ontstaan welke link bij welke titel behoort.

Bevinding 16: De PDF op pagina https://www.groenontwikkelfondsbrabant.nl/wp-content/uploads/2022/04/Publicatie-ruiling-percelen-Westerhoven-20220406.pdf is van toegankelijkheidstags voorzien, echter zijn deze niet goed opgemaakt. Zo staan visuele koppen in paragraph tags (p) in plaats van koptags (H), bijvoorbeeld "Publicatie aan- en verkoop percelen Westerhoven". Hoewel normaliter een dergelijke PDF kan worden uitgezonderd indien een HTML pagina als alternatief bestaat, bevat pagina https://www.groenontwikkelfondsbrabant.nl/aan-en-verkoop-van-percelen-in-westerhoven niet alle tekst in de PDF, bijvoorbeeld alles vanaf de visuele kop "Vervaltermijn". Zorg dat voor dergelijke alternatieve pagina's alle content overeenkomt.

Bevinding 17: De PDF op pagina https://www.groenontwikkelfondsbrabant.nl/wp-content/uploads/2020/04/Toegankelijkheidsverklaring-Groen-ontwikkelfonds-Brabant.pdf bevat de toegankelijkheidsverklaring. Deze PDF is niet van toegankelijkheidstags voorzien. Hierdoor kan schermleessoftware de content niet voorlezen en is het hierdoor ontoegankelijk voor veel doelgroepen.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 18: Op pagina https://www.groenontwikkelfondsbrabant.nl/homepage/wat-kunnen-wij-voor-u-betekenen/aanvraagformulier-aankoop-verkoop-en-ruiling wordt er verwezen naar een "onderstaand aanvraagformulier". Visueel is het duidelijk waar het formulier is, maar een dergelijke verwijzing heeft geen betekenis voor blinde gebruikers van schermleessoftware. Er is immers nog een alinea met platte tekst voordat men bij het formulier komt. Gebruik geen zintuigelijke verwijzingen.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 19: Op pagina https://www.groenontwikkelfondsbrabant.nl/kaart staat een kaart met grensgebieden van zogeheten "trekker" organisaties bij de link https://www.groenontwikkelfondsbrabant.nl/wp-content/uploads/2023/02/kaart_gebiedsgrenzen_organisaties-scaled.jpg. De kaart bevat plaatsen die met kleur worden aangegeven, corresponderend aan een legenda. Kleurenblinden kunnen deze gegevens moeilijk of niet onderscheiden. Zorg voor tweede manier om onderscheid te maken, bijvoorbeeld door patronen of nummering.

Bevinding 20: Op pagina https://www.groenontwikkelfondsbrabant.nl/actuele-grondverkopen staan de blauwe links "nieuwsbrief" en "afgeronde verkopen en gebiedsprojecten". De links zijn slechts door hun kleur van de platte tekst te onderscheiden, wat problematisch is voor kleurenblinden. Zorg voor tweede manier om onderscheid te maken, bijvoorbeeld door ze te onderstrepen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 21: Indien men op een pagina begeeft dat zich in de navigatiebalk voordoet, bijvoorbeeld op pagina https://www.groenontwikkelfondsbrabant.nl/contact, kleurt de betreffende pagina in de navigatiebalk mosgroen (HEX #AECA0D). Dit heeft een contrast van 1,8:1 met de witte achtergrond, waar dit minimaal 4,5:1 behoort te zijn. Pas de kleurcombinatie aan.

Bevinding 22: Indien men in de algemene navigatiebalk over een menuitem hovert, bijvoorbeeld op pagina https://www.groenontwikkelfondsbrabant.nl/, kleurt dit mosgroen (HEX #AECA0D). Dit heeft een contrast van 1,8:1 met de witte achtergrond, waar dit minimaal 4,5:1 behoort te zijn. Pas de kleurcombinatie aan.

Bevinding 23: In de footer van iedere pagina staan een vijftal links van "Bel ons" tot "Aanmelden nieuwsbrief". Bij hover over de tekst kleuren ze lichtgrijs (HEX #B1B2B2). Er is hier een contrast van 2,1:1 met de donkergroene achtergrond (HEX #222A1E) waar dit minimaal 4,5:1 behoort te zijn. Pas de kleurcombinatie aan. Zie tevens SC 1.4.11 voor de iconen.

Bevinding 24: In de footer van iedere pagina staat een link naar de websitebouwer; "Product van 2manydots". Er is hier sprake van een zeer laag contrast tussen de donkergrijze tekst (HEX #51554F) en de donkergroene achtergrond (HEX #222A1E).

Bevinding 25: Op diverse pagina's zijn links in de lopende tekst groen opgemaakt, bijvoorbeeld op pagina. De groene tekstkleur (HEX #13A538) heeft met de witte achtergrond een contrast van 3,2:1 waar dit minimaal 4,5:1 behoort te zijn. Pas de kleurcombinatie aan.

Bevinding 26: Op diverse pagina's kan men via een reeks social media links delen, bijvoorbeeld de pagina https://www.groenontwikkelfondsbrabant.nl/contact/. De lichtgroene tekst "Pagina delen" (HEX #999999) heeft met 2,8:1 een te laag contast. Zorg dat dit minimaal 4,5:1 betreft.

Bevinding 27: Op pagina https://www.groenontwikkelfondsbrabant.nl/een-ode-aan-de-natuurmakers-in-brabant staan een reeks social media links, van Facebook tot LinkedIn. Indien de hover over een link staat neemt de kleurintensiteit van de anderen af, wat contrastproblemen oplevert. Het lichtblauw (HEX #60CBF6), lichtrood (HEX #E07173) en pastelblauw (HEX #6BADD1) leveren respectievelijk contrasten met de witte tekst van 1,8:1, 3,1:1 en 2,4:1 op, waar dit minimaal 4,5:1 behoort te zijn.

Bevinding 28: Op pagina https://www.groenontwikkelfondsbrabant.nl/contact staat een groene verzendknop (HEX #AFCA0B) met witte tekst. Hier is een contrastratio van 1,8:1 waar dit minimaal 4,5:1 behoort te zijn. Pas de kleurcombinatie aan.

Bevinding 29: Op pagina https://www.groenontwikkelfondsbrabant.nl/een-ode-aan-de-natuurmakers-in-brabant staat een groene menubalk (HEX #13A538). Indien de hover staat op de witte teksten, kleuren ze lichtgroen (HEX #AECA0D). Het contrast tussen de groene kleuren is 1,7:1 waar dit minimaal 4,5:1 behoort te zijn. Pas de kleurcombinatie aan.

Bevinding 30: Op pagina https://www.groenontwikkelfondsbrabant.nl/category/uncategorized staat onderaan paginering. Het contrast tussen de lichtgroene links (HEX #AECA0D) en de witte achtergrond is onvoldoende. Het betreft 1,8:1 waar het minimaal 4,5:1 behoort te zijn. Pas de kleurencombinatie aan.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 31: Bij een schermweergave van 1280x1024px gaan bij letterafstand vanaf 0,12 keer de lettergrootte en zoom vanaf 250% zijn langere h1 paginatitels niet meer volledig leesbaar. Bijvoorbeeld "Aanvraagformulier aankoop, verkoop en ruiling" op pagina https://www.groenontwikkelfondsbrabant.nl/homepage/wat-kunnen-wij-voor-u-betekenen/aanvraagformulier-aankoop-verkoop-en-ruiling. Dit is een probleem voor slechtziende bezoekers die vaak middels een (vergrote) mobiele weergave websites bezoeken. Voorzie deze paginatitels van goede reflow, zoals dat bij de platte tekst op de voorgenoemde tekst wel het geval 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 32: In de footer van iedere pagina staan een vijftal links van "Bel ons" tot "Aanmelden nieuwsbrief". Bij hover over de iconen kleuren ze lichtgrijs (HEX #B1B2B2). Er is hier een contrast van 2,1:1 met de donkergroene achtergrond (HEX #222A1E) waar dit minimaal 3:1 behoort te zijn. Pas de kleurcombinatie aan. Zie tevens SC 1.4.3 voor de tekst.

Bevinding 33: Op diverse pagina's kan men via een reeks social media links delen, bijvoorbeeld de pagina https://www.groenontwikkelfondsbrabant.nl/contact/. Het lichtgroene element dat de social media iconen herbergt (HEX #AFCA0B) heeft met 1,8:1 te weinig contrast met de (deels) witte achtergrond en het witte deelicoon. Zorg dat het contrast van dergelijke niet-tekstuele content met essentiële functionaliteit minimaal 3:1 betreft.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 34: Op diverse pagina's kan men via een reeks social media links delen, bijvoorbeeld de pagina https://www.groenontwikkelfondsbrabant.nl/contact/. Het lichtgroene element dat de social media iconen herbergt opent bij muishover, echter functioneert het niet goed middels toetsenbord gebruik. De focus komt wel op de diverse opties, echter wordt slechts het Facebook logo zichtbaar. Zorg dat bij het tabben ook visueel de opties correct tevoorschijn komen. Advies: idealiter opent het menu zich pas indien de gebruiker tot deze actie overgaat, om extra toetsenbordbewegingen op de diverse pagina's te minimaliseren.

Bevinding 35: Bij mobiele weergave van de website, bijvoorbeeld op pagina https://www.groenontwikkelfondsbrabant.nl/ met 200% zoom, wijzigt de algemene navigatiebalk in een hamburgermenu. Dit menu is niet middels het toetsenbord te bedienen. Zorg dat dit menu ook de focus ontvangt, anders gaan cruciale functionaliteiten voor toetsenbordgebruikers verloren.

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 36: Op pagina https://www.groenontwikkelfondsbrabant.nl/een-ode-aan-de-natuurmakers-in-brabant staat een iframe met een YouTube video. De enkel teken sneltoetsen zijn hier niet uitgeschakeld waardoor dit voor gebruikers van hulpsoftware die eigen sneltoetsen hebben ingesteld, ongewenste consequenties kan hebben. De f-toets veroorzaakt bijvoorbeeld een scherm vullend videobeeld, waardoor bijvoorbeeld gebruikers van schermleessoftware of gebruikers van spraaksoftware de oriëntatie verliezen. Zorg ervoor dat dit commando uitgeschakeld is of uit te schakelen is.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 37: Op elke pagina ontbreekt een mechanisme om de herhalende content over te slaan. Bezoekers die de website met toetsenbord bedienen en/of hulpsoftware moeten op elke pagina langs dezelfde onderdelen gaan voordat ze bij de inhoud van de pagina zijn. Dit kan je oplossen 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

Uitkomst: Onvoldoende

Bevinding 38: De pagina https://www.groenontwikkelfondsbrabant.nl/category/uncategorized heeft als paginatitel "Uncategorized Archives - Groen Ontwikkelfonds Brabant" wat het niet goed omschrijft. Zorg voor een passende Nederlandse invulling hiervan. Zie voor anderstalige tekst met betrekking tot deze pagina tevens SC 3.1.2, en voor bereikbaarheid SC 2.4.5.

Bevinding 39: De PDF op pagina https://www.groenontwikkelfondsbrabant.nl/wp-content/uploads/2020/04/Toegankelijkheidsverklaring-Groen-ontwikkelfonds-Brabant.pdf bevat geen titel in de documenteigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond. Dit probleem doet zich in meerdere PDF's voor, bijvoorbeeld op pagina https://www.groenontwikkelfondsbrabant.nl/wp-content/uploads/2022/04/Publicatie-ruiling-percelen-Westerhoven-20220406.pdf.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 40: Op pagina's met paginering opgemaakt als links in een ongeordende lijst (ul), bijvoorbeeld https://www.groenontwikkelfondsbrabant.nl/nieuws of https://www.groenontwikkelfondsbrabant.nl/category/uncategorized, bevat de alternatieve tekst slechts een getal. Visueel is het duidelijk dat dit paginering betreft, maar dit is niet voor blinde gebruikers van schermleessoftware duidelijk. Men navigeert dan vanaf de bovenstaande content naar een element waar slechts "2" en "link" wordt voorgelezen. Vul de toegankelijke naam van deze links daarom aan, bijvoorbeeld door de omschrijving "ga naar pagina 2" enzovoort. Zie tevens SC 1.3.1 voor de laatste link.

Bevinding 41: Op pagina https://www.groenontwikkelfondsbrabant.nl/actuele-grondverkopen staan groene linkblokjes naar de betreffende verkooppagina's. Deze links bevatten geen toegankelijke tekst omtrent het linkdoel, waardoor er schermleessoftware ofwel alleen de staat ("link") voorleest, danwel de letterlijke tekst in de verbonden url. Zorg dat er een goede linktekst is toegevoegd, bijvoorbeeld "ga naar [titel van de pagina]". Dit probleem doet zich op meerdere plaatsen op de website voor met dergelijke links, bijvoorbeeld op pagina https://www.groenontwikkelfondsbrabant.nl bij “Wat kunnen we voor u betekenen” en “Ik wil subsidie”.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevinding 42: De pagina https://www.groenontwikkelfondsbrabant.nl/category/uncategorized is slechts bereikbaar via het broodkruimelpad op andere pagina's, bijvoorbeeld https://www.groenontwikkelfondsbrabant.nl/een-ode-aan-de-natuurmakers-in-brabant. Via de zoekfunctie met de term "uncategorized" is het bijvoorbeeld niet terug te vinden. Zorg dat het laatstgenoemde wel mogelijk is om aan dit criterium te voldoen of overweeg de pagina, indien niet publiek bedoeld, niet vindbaar te maken. In dat geval dienen de broodkruimelpaden ook aangepast te worden.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 43: In de algemene navigatiebalk, bijvoorbeeld op pagina https://www.groenontwikkelfondsbrabant.nl/, staat een zoekicoon om de zoekbalk te openen. Indien dit element toetsenbordfocus ontvangt, is dit niet zichtbaar. Voeg een duidelijke focusrand toe zoals die op de andere menu items.

Bevinding 44: Op diverse pagina's staat een uitklapmenu bij "Pagina delen", bijvoorbeeld op pagina https://www.groenontwikkelfondsbrabant.nl/contact. Indien dit element de focus ontvangt, verkleurt een deel van het icoon. Dit is geen goede focusindicator. Zorg voor een omlijning van het gehele icoon met voldoende contrast, bijvoorbeeld die in de algemene navigatiebalk gebruikt wordt voor menu items.

Bevinding 45: Advies: Zoekresultaten, bijvoorbeeld https://www.groenontwikkelfondsbrabant.nl/?s=Toegankelijk, bevatten een goede focusrand. De onderste scheidingslijn is bij toetsenbordfocus op het erboven gelegen zoekresultaat ook van een focusrand voorzien. Dit kan verwarring opleveren, bijvoorbeeld voor gebruikers die de website op grotere schaal bekijken en daarmee denken dat er twee items geselecteerd zijn. Advies is om de focusrand op de scheidingslijnen te verwijderen.

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 46: De PDF op pagina https://www.groenontwikkelfondsbrabant.nl/wp-content/uploads/2020/04/Toegankelijkheidsverklaring-Groen-ontwikkelfonds-Brabant.pdf is niet van een taalinstelling voorzien, wat problemen kan veroorzaken voor schermleessoftware. 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: Onvoldoende

Bevinding 47: Op diverse pagina's kan men via een reeks social media links delen, bijvoorbeeld de pagina https://www.groenontwikkelfondsbrabant.nl/contact/. De diverse links bevatten Engelse toegankelijke teksten terwijl de taalinstelling van de pagina Nederlands is, bijvoorbeeld "Share on Facebook" of "Share on Email". Zorg voor een Nederlandse tekst, bijvoorbeeld "Deel op Facebook" of "Deel via Email". Dit probleem doet zich ook voor bij visueel andersoortige links, bijvoorbeeld op pagina https://www.groenontwikkelfondsbrabant.nl/een-ode-aan-de-natuurmakers-in-brabant.

Bevinding 48: Op pagina https://www.groenontwikkelfondsbrabant.nl/een-ode-aan-de-natuurmakers-in-brabant staat een broodkruimelpad. De alternatieve tekst in de title attributen zijn deels of geheel Engels, bijvoorbeeld "Go to nieuws" of "Go to the Uncategorized category archives". Gezien de taal van de pagina Nederlands is (lang="nl-NL") dient deze functie ook Nederlandse visuele en toegankelijke tekst te bevatten zodat schermleessoftware dit correct kan voorlezen. Zie voor het wijzigen van de visuele tekst "Uncategorized" tevens SC 2.4.2.

Bevinding 49: Advies: Op pagina https://www.groenontwikkelfondsbrabant.nl/contact staat een formulier. Indien men verplichte formuliervelden niet of verkeerd invult, dient men die te corrigeren en verloopt de Captcha. Er is echter een Engelstalige versie van de Captcha gebruikt (lang=en attribuut in het iframe genest), waardoor hier de foutmelding "Verification expired. Check the checkbox again" betreft. Door de taalwissel voldoet het aan dit criterium, echter is het logisch dat een Nederlandstalige pagina ook Nederlandstalige componenten bevat. Het advies is om hier een Nederlandstalige versie van een verificatiecomponent te gebruiken.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 50: Op pagina https://www.groenontwikkelfondsbrabant.nl/contact staat onder "Velden die gemarkeerd zijn met een * zijn vereiste velden" een formulier. Indien men een veld niet heeft ingevuld, verschijnt de foutmelding "Corrigeer de fouten voordat je dit formulier indient" en de melding "Dit is een vereist veld". Een goede foutidentificatie vermeld welke fout is gemaakt, en waar de fout is gemaakt. Bijvoorbeeld 'Het veld Naam is niet ingevuld’. Dat een veld verplicht is, is een foutsuggestie zoals omschreven bij succescriterium 3.3.3.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 51: Op pagina https://www.groenontwikkelfondsbrabant.nl/contact staat onder "Velden die gemarkeerd zijn met een * zijn vereiste velden" een formulier. Visueel is het duidelijk dat dit een contactformulier betreft, echter is dit door een gebrek aan een visuele kop niet duidelijk voor gebruikers van schermleessoftware terwijl ze door de content navigeren. Voorzie dit deel van de pagina ook van een koptekst, bijvoorbeeld "Contactformulier", en geef kies een logisch kopniveau zoals het eerdere gebruikte h2 voor "Groen Ontwikkelfonds Brabant" onder "Contact".

Bevinding 52: Het zoekveld in de algemene navigatiebalk, bijvoorbeeld op pagina,https://www.groenontwikkelfondsbrabant.nl/, bevat de placeholdertekst "Waar ben je naar op zoek?" dat verdwijnt indien de bezoeker begint te typen. Zorg ervoor dat labels zichtbaar blijven voor de bediener.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 53: Op pagina https://www.groenontwikkelfondsbrabant.nl/contact staat onder "Velden die gemarkeerd zijn met een * zijn vereiste velden" een formulier. Indien men een foutief e-mailadres heeft ingevoerd, verschijnt de foutmelding "Corrigeer de fouten voordat je dit formulier indient" onderaan de pagina en de melding "Voer een geldig e-mailadres in!" bij het betreffende veld. Een goede foutsuggestie geeft ook aan wat de juiste invoerwijze is, bijvoorbeeld middels de toevoeging "Een geldig e-mail adres betreft naam@domein.nl". Zie tevens SC 3.3.1 voor foutidentificatie.

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: Op pagina https://www.groenontwikkelfondsbrabant.nl/ staat een animatieslider met bewegende foto's. Er is een pauzeknop, echter is dit niet van een label voorzien. Slechtszienden die middels het toetsenbord navigeren horen slechts dat de focus op een button staat, maar niet waar het voor dient. Gebruikers van spraaksoftware zullen de knop niet kunnen activeren. Zorg dat de knop van een toegankelijke naam is voorzien.

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-03-09 22:51:51 v2.4-011