Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website CRO Budel

(Alleen de bevindingen)

Scope van de evaluatie

Naam website CRO Budel
Datum 6 januari 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op cro-budel.nl/
  • Alle PDF's op cro-budel.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: 27

    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 de footer staat een onzichtbaar gemaakte afbeelding met de alternatieve tekst "Logo balk eps" in zowel alt als title attributen. Gebruikers van hulpsoftware krijgen deze tekst voorgelezen wat verwarrend kan zijn. Zorg dat dit element ook correct voor schermleessoftware is verborgen is in HTML, of maak het zichtbaar voor iedereen en geef het een alternatieve tekst dat het omschrijft. Zie tevens SC 2.4.3 voor de focusbaarheid.

    Bevinding 2: De downloadpictogrammen op https://cro-budel.nl/documenten/archief-2024/ zijn niet val alternatieve tekst voorzien. Als de afbeelding informatie toevoegt aan de pagina dient het attribuut alt tekst te bevatten. Is een afbeelding puur decoratief dient het attribuut leeg gelaten te worden, zodat het geheel genegeerd kan worden door hulpsoftware. Voeg het alt-attribuut toe. Dit speelt ook op https://cro-budel.nl/actueel/uitnodiging-kleine-brogel/, https://cro-budel.nl/actueel/overleg-crobd-5-juli-a-s/ en https://cro-budel.nl/actueel/kennis-en-netwerkdag-cro-4-7-24/.

    Bevinding 3: De links om de documenten te downloaden op https://cro-budel.nl/documenten/archief-2024/ hebben geen linktekst. Er wordt nu gesteund op het downloadpictogram, maar deze hebben geen alt-tekst. Dit probleem kan op twee manieren worden opgelost: er wordt linktekst voorzien (al dan niet enkel zichtbaar voor hulpsoftware) en de pictogrammen worden gemarkeerd als decoratief. Of de pictogrammen krijgen alt-tekst en via de alt-tekst ziet de browser en hulpsoftware dit als linktekst. Dit speelt ook op https://cro-budel.nl/actueel/uitnodiging-kleine-brogel/, https://cro-budel.nl/actueel/overleg-crobd-5-juli-a-s/ en https://cro-budel.nl/actueel/kennis-en-netwerkdag-cro-4-7-24/.

    Bevinding 4: Het logo in het briefhoofd van de PDF https://cro-budel.nl/wp-content/uploads/2024/11/Agenda-CROBD-13-11-2024.pdf is niet als afbeelding aangemerkt en heeft geen alt-tekst. Informatieve afbeeldingen dienen alternatieve tekst mee te krijgen, ook in documenten. Indien dezelfde logo's meermaals voordoen in PDF's, dient tenminste de eerste correct opgemaakt te worden. Gebruik voor de afbeelding een figure tag en voeg verklarende tekst toe in een geneste alt tag om dit 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 5: Op https://cro-budel.nl/leden-cro-budel/ staan onder de kop "Leden CROBD" een reeks personen en functietitels. De namen zijn opgemaakt middels het strong element. Strong heeft semantische waarde en is bedoel om nadruk te leggen op enkele woorden. Schermleessoftware kan dit op een verhoogde toon voorlezen aan haar gebruikers. Gebruik de opties die CSS biedt om deze teksten te stylen.

    Bevinding 6: Op https://cro-budel.nl/leden-cro-budel/ staan onder de kop "Leden CROBD" een reeks personen en functietitels. Visueel betreft het een lijst, maak het dan zo op in HTML. Middels een ongeordende lijst (ul) met lijstitems (li) en daarin geneste tekst tags (p) kan schermleessoftware dezelfde structuur aan haar gebruikers weerleggen.

    Bevinding 7: Op https://cro-budel.nl/actueel/kennis-en-netwerkdag-cro-4-7-24/ ontbreekt er opmaak om semantiek en structuur aan te brengen. De tabel met tijd en activiteitsinformatie is niet als een tabel opgemaakt. Daarnaast komen er opsommingen voor in de tekst die niet in een lijst opgemaakt zijn. Voeg de correcte opmaak toe om dit op te lossen.

    Bevinding 8: De PDF https://cro-budel.nl/wp-content/uploads/2024/03/Bijlage-4-20240307-Kempen-Airport-Geluidsrapport-12-maanden-Periode-1-3-2023-tm-29-02-2024.pdf is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF code laag zoals semantische koppen en ALT-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

    Bevinding 9: De PDF https://cro-budel.nl/wp-content/uploads/2024/11/Agenda-CROBD-13-11-2024.pdf is getagd, maar gebruikt geen tags om kopjes of het logo in het briefhoofd aan te duiden. Zorg dat de correcte tags voor structuur en semantiek gebruikt worden, omdat dit hulpsoftware helpt.

    Bevinding 10: Advies: op https://cro-budel.nl/leden-cro-budel/ staan onder de kop "Leden CROBD" een reeks personen en functietitels. In dezelfde opsomming staat "Vacatures". Het is aan te raden om dit een aparte (sub)kop te geven op niveau h5 zoals de eerstgenoemde. Mede omdat toetsenbordgebruikers die middels de koppenstructuur door de pagina's navigeren, deze informatie niet zullen overslaan.

    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: In het formulier op https://cro-budel.nl/contact/ kan de bezoeker onder andere het eigen e-mailadres 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: https://www.w3.org/tr/wcag21/#input-purposes.

    1.4 Onderscheidbaar

    1.4.1 Gebruik van kleur (Niveau A)

    Informatie over succescriterium 1.4.1 Gebruik van kleur

    Uitkomst: Onvoldoende

    Bevinding 12: Op elke pagina vallen links niet op tegenover gewone tekst (bijvoorbeeld de links in de footer). Techniek G183 staat toe dat links in gewone tekst niet onderlijnd wanneer ze voldoen aan de volgende voorwaarden: de kleur van de links heeft een contrastverhouding van minstens 3:1 vergeleken met de kleur van de omliggende tekst en de kleur van de links heeft een contrastverhouding van minstens 4,5:1 vergeleken met de eigen achtergrond (deze voorwaarden gelden voor elke linktoestand, dus ook bij hover en focus). Minstens één van deze voorwaarden is niet vervuld. Laat de links voldoende opvallen ten opzichte van de omliggende tekst en achtergrondkleur door het contrast van de links te verhogen of de links gewoon te onderstrepen.

    2. Bedienbaar

    2.1 Toetsenbordtoegankelijk

    2.1.1 Toetsenbord (Niveau A)

    Informatie over succescriterium 2.1.1 Toetsenbord

    Uitkomst: Onvoldoende

    Bevinding 13: De slider op https://cro-budel.nl/ is met het toetsenbord niet te bedienen. Verzorg bediening zodat bezoekers door de slider kunnen bladeren.

    2.2 Genoeg tijd

    2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

    Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

    Uitkomst: Onvoldoende

    Bevinding 14: De slider op https://cro-budel.nl/ is niet te stoppen of te pauzeren. Zorg dat er een mechanisme aanwezig is om de automatische slider te stoppen.

    2.4.1 Blokken omzeilen (Niveau A)

    Informatie over succescriterium 2.4.1 Blokken omzeilen

    Uitkomst: Onvoldoende

    Bevinding 15: Op alle pagina's is er een skiplink aanwezig, maar bij gebruik verspringt deze niet en ook de toetsenbordfocus verspringt niet naar de container met de hoofdinhoud. Bijvoorbeeld op pagina https://cro-budel.nl/actueel/. Implementeer de skiplink zodanig dat deze naar de unieke hoofdinhoud van de pagina springt.

    2.4.2 Paginatitel (Niveau A)

    Informatie over succescriterium 2.4.2 Paginatitel

    Uitkomst: Onvoldoende

    Bevinding 16: De PDF https://cro-budel.nl/wp-content/uploads/2024/03/Bijlage-4-20240307-Kempen-Airport-Geluidsrapport-12-maanden-Periode-1-3-2023-tm-29-02-2024.pdf heeft de bestandsnaam als documenttitel. Zorg dat niet de bestandsnaam, maar de documenttitel wordt getoond.

    Bevinding 17: De PDF https://cro-budel.nl/wp-content/uploads/2024/11/Agenda-CROBD-13-11-2024.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.

    2.4.3 Focus volgorde (Niveau A)

    Informatie over succescriterium 2.4.3 Focus volgorde

    Uitkomst: Onvoldoende

    Bevinding 18: In de footer staat een onzichtbaar gemaakte afbeelding met de alternatieve tekst "Logo balk eps" in zowel alt als title attributen. Dit element ontvangt nog wel focus, wat verwarrend kan zijn voor bezoekers die middels het toetsenbord door de website navigeren. Zorg dat dit element ook correct voor schermleessoftware is verborgen is in HTML indien dit de bedoeling was, zodat het verdwijnt uit de focus volgorde. Zie tevens SC 1.1.1 voor de alternatieve teksten.

    Bevinding 19: De focusvolgorde op https://cro-budel.nl/contact/ is niet correct. De velden van het formulier ontvangen als allereerste de toetsenbordfocus, daarna de hoofdnavigatie en de rest van de pagina. Dit wijkt af van de consistentie op andere pagina's en is zeer verwarrend voor bezoekers. Zorg ervoor dat de focusvolgorde hetzelfde is als de leesvolgorde: iedere regel gaat van links naar rechts, van boven naar beneden.

    Informatie over succescriterium 2.4.4 Linkdoel (in context)

    Uitkomst: Onvoldoende

    Bevinding 20: De links om de documenten te downloaden op https://cro-budel.nl/documenten/archief-2024/ hebben geen linktekst. Er wordt nu gesteund op het downloadpictogram, maar deze hebben geen alt-tekst. Dit probleem kan op twee manieren worden opgelost: er wordt linktekst voorzien (al dan niet enkel zichtbaar voor hulpsoftware) en de pictogrammen worden gemarkeerd als decoratief. Of de pictogrammen krijgen alt-tekst en via de alt-tekst ziet de browser en hulpsoftware dit als linktekst. Dit speelt ook op https://cro-budel.nl/actueel/uitnodiging-kleine-brogel/, https://cro-budel.nl/actueel/overleg-crobd-5-juli-a-s/ en https://cro-budel.nl/actueel/kennis-en-netwerkdag-cro-4-7-24/.

    2.4.7 Focus zichtbaar (Niveau AA)

    Informatie over succescriterium 2.4.7 Focus zichtbaar

    Uitkomst: Onvoldoende

    Bevinding 21: In de mobiele versie van de website is de hamburgerknop van het uitklapmenu in de header geen duidelijke focusrand. Dit kan verwarrend zijn voor bezoekers die de website uitvergroot bekijken en middels het toetsenbord door de pagina's navigeren. Zorg dat de focus zichtbaar is op alle interactieve elementen.

    Bevinding 22: De knop "Neem contact op" op https://cro-budel.nl/ ontvangt de focus, echter is dit niet zichtbaar. Alle interactieve elementen dienen een focusindicator te krijgen, zodat gebruikers kunnen zien waar ze op de website zijn als ze deze bedienen met het toetsenbord. Dit speelt ook op https://cro-budel.nl/takendoel/, https://cro-budel.nl/actueel/uitnodiging-kleine-brogel/, https://cro-budel.nl/actueel/overleg-crobd-5-juli-a-s/ en https://cro-budel.nl/actueel/kennis-en-netwerkdag-cro-4-7-24/.

    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 23: In de eigenschappen van PDF https://cro-budel.nl/wp-content/uploads/2024/03/Bijlage-4-20240307-Kempen-Airport-Geluidsrapport-12-maanden-Periode-1-3-2023-tm-29-02-2024.pdf is de taal niet ingevuld. 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 24: Op pagina's met broodkruimelpaden, bijvoorbeeld https://cro-budel.nl/documenten/archief-2024/, heeft het element een aria-label met de tekst "breadcrumbs". Zorg dat dergelijke benamingen Nederlands zijn, gezien de taalinstelling van de pagina, zodat schermleessoftware het correct voorleest.

    3.3 Assistentie bij invoer

    3.3.1 Foutidentificatie (Niveau A)

    Informatie over succescriterium 3.3.1 Foutidentificatie

    Uitkomst: Onvoldoende

    Bevinding 25: Foutmeldingen op https://cro-budel.nl/contact/ staan ruim onder het invoerveld. Mensen die het scherm niet kunnen zien of slechts deels kunnen zien missen mogelijk de melding daarom. Los dit op door de foutmelding aan het invoerveld te koppelen met aria-describedby op het invoerveld die via een id gekoppeld wordt aan de foutmelding. Tevens zijn de gegeven foutidentificaties niet specifiek voor de velden. Indien bijvoorbeeld Voornaam en Achternaam niet ingevuld zijn, ontstaat de melding "minstens een veld dient ingevuld te zijn". Dezelfde tekst wordt ook voor de andere velden gebruikt. Zorg dat de identificatie meldt wat er precies fout gaat.

    3.3.2 Labels of instructies (Niveau A)

    Informatie over succescriterium 3.3.2 Labels of instructies

    Uitkomst: Onvoldoende

    Bevinding 26: Bij het formulier op https://cro-budel.nl/contact/ is niet aangegeven dat er minstens 1 veld ingevuld dient te zijn. Hier kom je achter als je het formulier leeg wil versturen. Zorg ervoor dat deze instructie duidelijk is op de pagina.

    4. Robuust

    4.1 Compatibel

    4.1.3 Statusberichten (Niveau AA)

    Informatie over succescriterium 4.1.3 Statusberichten

    Uitkomst: Onvoldoende

    Bevinding 27: Het is voor ziende gebruikers duidelijk dat na verzending het formulier op pagina https://cro-budel.nl/contact/ succesvol ingediend is, maar deze informatie is niet beschikbaar voor bezoekers die afhankelijk zijn van hulpsoftware. Maak bijvoorbeeld gebruik van role="status" om de voorgang van het proces aan te duiden.

    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-05-01 08:22:40 v2.4-011