WCAG 2.2 AA Deelonderzoek content website Valkenswaard

Dit deelonderzoek heeft uitsluitend betrekking op de content van de website die door de organisatie via het beheersysteem kan worden ingevoerd of aangepast.

Bij dit onderzoek zijn 30 van de 55 succescriteria van WCAG 2.2 niveau A en AA beoordeeld.

De overige 25 succescriteria hebben betrekking op de technische basis van de website en worden beoordeeld in het afzonderlijk deelonderzoek techniek.

Beide deelonderzoeken vormen gezamenlijk de volledige beoordeling van de website .

Succescriteria beoordeeld in het technisch deelonderzoek

Onderstaande succescriteria zijn in dit contentonderzoek niet beoordeeld en vallen onder het afzonderlijke deelonderzoek techniek:

Het onderzoek is uitgevoerd op basis van een representatieve steekproef . Binnen deze steekproef zijn de aangetroffen toegankelijkheidsproblemen zo concreet mogelijk beschreven. Waar mogelijk is een aanbeveling opgenomen om de afwijking te verhelpen.

Dit onderzoek biedt geen uitputtend overzicht van alle mogelijke toegankelijkheidsproblemen. De bevindingen vormen een momentopname van de situatie ten tijde van het onderzoek.

WCAG (Web Content Accessibility Guidelines) zijn internationaal erkende richtlijnen voor digitale toegankelijkheid, opgebouwd rond vier principes: Waarneembaar, Bedienbaar, Begrijpelijk en Robuust. Binnen deze principes zijn meetbare succescriteria vastgesteld.
Meer informatie: WCAG 2.2 (Nederlandse vertaling)

De tabel hieronder laat per WCAG-principe en per WCAG-niveau zien hoeveel succescriteria zijn getoetst en hoeveel daarvan goedgekeurd zijn.

https://www.valkenswaard.nl/de-groote-meer

Onder de kop "De Groote Meer: toen en nu" staan twee foto's naast elkaar die de situatie voor en na het herstel laten zien. Het bijschrift onder de foto's vermeldt alleen wanneer ze zijn gemaakt ("De Groote Meer begin 2025" en "De Groote Meer maart 2026"), maar niet wat er op de foto's te zien is. Daardoor missen blinde of slechtziende gebruikers het verschil tussen de overwoekerde, dichtgegroeide situatie van begin 2025 en het herstelde, open ven van maart 2026, terwijl dit verschil juist de kern van het verhaal op deze pagina is.

Advies

Vul het bijschrift onder elke foto aan met een korte beschrijving van wat er te zien is. Bijvoorbeeld "De Groote Meer begin 2025: het ven is grotendeels dichtgegroeid met riet en planten, het water is nauwelijks zichtbaar" en "De Groote Meer maart 2026: het ven is opnieuw open water, met zandige oevers en bos op de achtergrond".

https://www.valkenswaard.nl/samenstelling-gemeenteraad

Op de pagina staat een groepsfoto van de gemeenteraad. De afbeelding heeft een leeg tekstalternatief, waardoor hulpsoftware deze foto overslaat. Daardoor missen gebruikers met hulpsoftware de informatie dat er een groepsfoto van de gemeenteraad staat.

Advies

Voorzie de groepsfoto van een tekstalternatief, bijvoorbeeld "Groepsfoto van de gemeenteraad van Valkenswaard".

https://cuatro.sim-cdn.nl/valkenswaard/uploads/toestemmingsformulier%20reisdocument%20minderjarige.pdf?cb=DAw146Bh

Bovenaan het PDF-document staat het logo van de gemeente Valkenswaard. Het logo heeft geen tekstalternatief en wordt niet door hulpsoftware aangekondigd. Daardoor weten gebruikers van een schermlezer niet dat het document afkomstig is van de gemeente Valkenswaard.

Advies

Voorzie het logo van een tekstalternatief, bijvoorbeeld "Logo gemeente Valkenswaard".

https://www.valkenswaard.nl/de-groote-meer

Op de pagina staat onder de kop "De Groote Meer: een sfeerimpressie" een video. De video heeft een automatisch gegenereerde ondertiteling van YouTube. De tekst bevat fouten waardoor de inhoud verkeerd wordt weergegeven. Voorbeelden in de video:

0:37 "verlamen" terwijl er "verlanden" wordt gezegd 0:53 "uitbakken van het meer" terwijl er "uitbaggeren van het meer" wordt gezegd 0:55 "binnnen de korte keren" terwijl er "binnen de kortste keren" wordt gezegd 1:13 "vleermou" terwijl er "vleermuizen" wordt gezegd

Automatisch gegenereerde ondertiteling is meestal niet betrouwbaar genoeg om als toegankelijk alternatief te dienen voor mensen die doof of slechthorend zijn.

Advies

Gebruik de automatisch gegenereerde ondertiteling als basis en corrigeer de fouten. Zorg dat de ondertiteling de gesproken tekst nauwkeurig weergeeft, inclusief belangrijke geluiden en sprekersaanduiding waar relevant.

https://www.valkenswaard.nl/gemeente-aan-de-slag-met-het-kappen-van-zieke-en-dode-bomen

Op de pagina staat onder de kop "Meer weten?" een video. In de video wisselen Paul van Werde (boomverzorger) en een voice-over elkaar af. In de ondertiteling wordt niet aangegeven wie er op welk moment aan het woord is. Daardoor weten kijkers die de video alleen via de ondertiteling volgen niet of de tekst van Paul van Werde komt of van de voice-over.

Advies

Vermeld in de ondertiteling steeds wie er aan het woord is, bijvoorbeeld door een sprekersaanduiding aan het begin van een nieuwe spreker te tonen ("Paul van Werde:" of "Voice-over:").

https://www.valkenswaard.nl/de-groote-meer

Op de pagina staat onder de kop "De Groote Meer: een sfeerimpressie" een video waarin visuele informatie voorkomt:

Op 0:07 verschijnt een naambalkje in beeld met "Projectleider Daan, gemeente Valkenswaard"; deze informatie wordt niet hoorbaar genoemd

Deze informatie is niet hoorbaar en daardoor niet beschikbaar voor mensen die blind of slechtziend zijn. Zorg ervoor dat er een alternatief voor deze visuele informatie komt. Er is in deze video voldoende ruimte aanwezig om audiodescriptie toe te voegen.

Advies

Voor succescriterium 1.2.3 zijn er twee opties: een transcript of audiodescriptie. Voor succescriterium 1.2.5 is een transcript echter niet meer toegestaan als er voldoende ruimte is voor audiodescriptie. In dat geval moet er audiodescriptie zijn om te voldoen aan niveau AA. Het is het beste om zowel een transcript als audiodescriptie aan te bieden.

Het transcript moet alle informatie in de video bevatten, zowel hoorbaar als zichtbaar. Waar mogelijk wordt het transcript ook voorzien van zogenaamde timestamps. Plaats het transcript onder de video. Een transcript kan voor meerdere mensen voordelen hebben. Voor sommige mensen kan informatie in een video te snel gaan, dan kan een transcript een goed alternatief zijn. Mensen die niet kunnen zien en niet kunnen horen, kunnen een transcript omzetten naar braille.

Audiodescriptie zorgt ervoor dat alle visuele informatie ook hoorbaar wordt. Oftewel: hoor alles wat je ziet. Dit kan door een tweede audiospoor toe te voegen aan de video dat zowel de normale audio bevat als de audiodescriptie. Andere oplossingen zijn ook mogelijk.

https://www.valkenswaard.nl/gemeente-aan-de-slag-met-het-kappen-van-zieke-en-dode-bomen

Op de pagina staat onder de kop "Meer weten?" een video waarin visuele informatie voorkomt:

Op 0:05 verschijnt een naambalkje in beeld met "Paul van Werde, Boomverzorger gemeente Valkenswaard"; deze informatie wordt niet hoorbaar genoemd Aan het einde verschijnt het logo van de gemeente Valkenswaard in beeld; dit wordt niet hoorbaar genoemd

Deze informatie is niet hoorbaar en daardoor niet beschikbaar voor mensen die blind of slechtziend zijn. Zorg ervoor dat er een alternatief voor deze visuele informatie komt. Er is in deze video voldoende ruimte aanwezig om audiodescriptie toe te voegen.

Advies

Voor succescriterium 1.2.3 zijn er twee opties: een transcript of audiodescriptie. Voor succescriterium 1.2.5 is een transcript echter niet meer toegestaan als er voldoende ruimte is voor audiodescriptie. In dat geval moet er audiodescriptie zijn om te voldoen aan niveau AA. Het is het beste om zowel een transcript als audiodescriptie aan te bieden.

Het transcript moet alle informatie in de video bevatten, zowel hoorbaar als zichtbaar. Waar mogelijk wordt het transcript ook voorzien van zogenaamde timestamps. Plaats het transcript onder de video. Een transcript kan voor meerdere mensen voordelen hebben. Voor sommige mensen kan informatie in een video te snel gaan, dan kan een transcript een goed alternatief zijn. Mensen die niet kunnen zien en niet kunnen horen, kunnen een transcript omzetten naar braille.

Audiodescriptie zorgt ervoor dat alle visuele informatie ook hoorbaar wordt. Oftewel: hoor alles wat je ziet. Dit kan door een tweede audiospoor toe te voegen aan de video dat zowel de normale audio bevat als de audiodescriptie. Andere oplossingen zijn ook mogelijk.

https://www.valkenswaard.nl/de-groote-meer

Op de pagina staat onder de kop "De Groote Meer: een sfeerimpressie" een video met visuele informatie:

Op 0:07 verschijnt een naambalkje in beeld met "Projectleider Daan, gemeente Valkenswaard"; deze informatie wordt niet hoorbaar genoemd

Deze informatie is niet beschikbaar voor mensen die blind of slechtziend zijn, dus moet hier een alternatief voor komen.

Advies

Voor dit succescriterium is audiodescriptie verplicht (niveau AA), waar ruimte is in het standaard audiospoor om deze informatie te geven. Er is in deze video voldoende ruimte hiervoor aanwezig. Een media-alternatief is hier niet meer toegestaan als oplossing.

https://www.valkenswaard.nl/gemeente-aan-de-slag-met-het-kappen-van-zieke-en-dode-bomen

Op de pagina staat onder de kop "Meer weten?" een video met visuele informatie:

Op 0:05 verschijnt een naambalkje in beeld met "Paul van Werde, Boomverzorger gemeente Valkenswaard"; deze informatie wordt niet hoorbaar genoemd Aan het einde verschijnt het logo van de gemeente Valkenswaard in beeld; dit wordt niet hoorbaar genoemd

Deze informatie is niet beschikbaar voor mensen die blind of slechtziend zijn, dus moet hier een alternatief voor komen.

Advies

Voor dit succescriterium is audiodescriptie verplicht (niveau AA), waar ruimte is in het standaard audiospoor om deze informatie te geven. Er is in deze video voldoende ruimte hiervoor aanwezig. Een media-alternatief is hier niet meer toegestaan als oplossing.

https://www.valkenswaard.nl/

In de footer staat onder de kop "Sociale media" een rij met links naar Facebook, Instagram, X, YouTube en LinkedIn. Visueel is dit een opsomming, maar in de code staan de links los achter elkaar in een alinea (p-element) en niet in een lijst (ul met li). Hierdoor kan hulpsoftware niet aankondigen dat het om een lijst gaat en uit hoeveel items deze bestaat.

Advies

Plaats de sociale-media-links in een ongeordende lijst, met elke link in een eigen list-item. Voeg in de broncode de class "horizontal" toe aan de ul om de lijst horizontaal weer te geven.

https://www.valkenswaard.nl/

In de footer staan de koppen "Bezoekadres", "Postadres", "Sociale media" en "Meer informatie" als kop op niveau 3. Op de pagina staat er geen h2 kop boven die deze koppen logisch onder zich heeft. Daardoor lijken deze koppen in de structuur ondergeschikt aan een eerdere kop op de pagina, terwijl ze daar inhoudelijk niet bij horen.

Advies

Markeer de koppen in de footer als h2, zodat de koppenstructuur op de pagina geen niveau overslaat en hulpsoftware de footer-secties op het juiste niveau aankondigt.

https://www.valkenswaard.nl/contact-met-de-gemeente

Op de pagina staat onder de kop "Contact met de gemeente" een blok met twee instructiezinnen en daaronder drie knoppen ("Afspraak maken", "Melding maken" en "Vraag stellen"). De twee instructiezinnen staan in de code als een opsomming, terwijl het geen opsomming is maar twee losse alinea's. De drie knoppen staan los achter elkaar in een alinea, terwijl ze visueel een opsomming vormen. Daardoor kondigt hulpsoftware een opsomming aan waar er geen is, en mist tegelijk de opsomming waar er wel een zichtbaar is.

Advies

Zet de twee instructiezinnen in losse alinea's. Plaats de drie knoppen daaronder in een opsomming met elke knop als eigen item.

• https://www.valkenswaard.nl/bedrijf-of-beroep-aan-huis
• https://www.valkenswaard.nl/nevenfuncties-college

Op de pagina hebben alle koppen onder de paginatitel het niveau kop 3. Gebruikers van een schermlezer raken hierdoor in verwarring, omdat ze een h2 kop missen die daarboven zou moeten staan.

Advies

Markeer de koppen op deze pagina als h2, zodat de koppenstructuur direct onder de h1 op het juiste niveau begint en geen niveau wordt overgeslagen.

https://www.valkenswaard.nl/nevenfuncties-college

Op de pagina staat per collegelid een tabel met links de portretfoto en rechts naam, telefoon en e-mail. Deze tabel is alleen voor de lay-out gebruikt en bevat geen tabellaire data. Hulpsoftware kondigt deze tabel aan als "tabel met 1 rij en 2 kolommen", terwijl het visueel om een eenvoudig blok met foto en contactgegevens gaat.

Advies

Gebruik voor de combinatie foto + naam geen tabel. De tabel met nevenfuncties eronder kan zo blijven.

https://www.valkenswaard.nl/denk-mee-via-ons-valkenswaard

Op de pagina staan twee overkoepelende koppen ("Behandelde onderwerpen in het inwonerspanel" en "Na de start in 2022 gaf het panel zijn mening over de volgende onderwerpen") die elk meerdere accordions onder zich hebben. Zowel deze overkoepelende koppen als de koppen binnen de accordions ("2023 en 2024", "Mei 2022 – Bijeenkomst...", "Juni 2022 – Vragenlijst..." enzovoort) zijn in de code gemarkeerd als h2. Daardoor staat de accordion-inhoud op hetzelfde niveau als de overkoepelende kop, terwijl deze inhoudelijk eronder valt.

Advies

Twee opties:

Markeer de koppen binnen de accordions als h3, zodat ze één niveau onder de overkoepelende h2 staan en de koppenstructuur de inhoudelijke hiërarchie weergeeft. Of verwijder de heading-elementen binnen de summary en laat de summary alleen de knoptekst zijn. De accordion wordt dan voor hulpsoftware als knop aangekondigd zonder extra kop-aanduiding.

https://cuatro.sim-cdn.nl/valkenswaard/uploads/toestemmingsformulier%20reisdocument%20minderjarige.pdf?cb=DAw146Bh

In de PDF "Toestemmingsformulier reisdocument minderjarige" zijn de visuele koppen niet als heading-tag gemarkeerd. De hoofdtitel "Toestemmingsformulier afgifte reisdocument aan minderjarige" en de groene sectiebalken "Ondergetekende(n)" en "Toestemming" staan in de tag-tree als P-element (alinea), niet als H1 of H2. Daardoor kan hulpsoftware de koppenstructuur van de PDF niet voorlezen en kunnen gebruikers niet snel door de secties navigeren.

Advies

Markeer de hoofdtitel als H1 en de sectie-balken "Ondergetekende(n)" en "Toestemming" als H2. Zo komt de koppenstructuur van de PDF overeen met de visuele weergave en kan hulpsoftware de secties als kop aankondigen.

https://cuatro.sim-cdn.nl/valkenswaard/uploads/toestemmingsformulier%20reisdocument%20minderjarige.pdf?cb=DAw146Bh

In het PDF-document staat onder de kop "Toestemming" een lijst met twee keuze-opties: "Nederlands Paspoort" en "Nederlandse identiteitskaart". Vóór elke optie staat visueel een rondje dat fungeert als selectievakje. In de structuur van het document is dit rondje opgenomen als de letter "o", waardoor hulpsoftware "o Nederlands Paspoort" voorleest. Daardoor herkennen gebruikers van een schermlezer niet dat dit een keuze-optie is en weten ze niet wat de bedoeling van het rondje is.

Advies

Vervang het rondje door een echt selectievakje of markeer de opties als keuzelijst, zodat hulpsoftware kan voorlezen dat het om aankruisbare opties gaat.

https://cuatro.sim-cdn.nl/valkenswaard/uploads/toestemmingsformulier%20reisdocument%20minderjarige.pdf?cb=DAw146Bh

In het PDF-document staan onder de koppen "Ondergetekende(n)" en "Toestemming" twee tabellen. In de linkerkolom staan beschrijvingen ("Naam ouder 1/voogd", "Geboortedatum", "Naam minderjarige" enzovoort), in de rechterkolom een ruimte om de gevraagde gegevens met de hand in te vullen. In de opbouw van de PDF zijn deze tabellen opgezet alsof er kolomkoppen bovenaan staan, terwijl die er niet zijn. Voor hulpsoftware is daardoor onduidelijk wat een kop is en wat een invulruimte. Bovendien staat niet aangegeven dat de woorden links bedoeld zijn als label bij de invulruimte ernaast.

Advies

Markeer in beide tabellen de woorden links (zoals "Naam ouder 1/voogd" en "Naam minderjarige") als rij-kop bij de invulruimte ernaast.

• https://www.valkenswaard.nl/bedrijf-of-beroep-aan-huis
• https://www.valkenswaard.nl/hulp-bij-geldzorgen-werk-en-inkomen

Op de pagina's bevatten koppen een strong-element om de koptekst vetgedrukt te tonen. Op "Bedrijf of beroep aan huis" geldt dit voor alle koppen onder de paginatitel. Op "Hulp bij geldzorgen, werk en inkomen" geldt dit voor de koppen "Contact met de gemeente", "Persoonlijk contact" en "Online contact". Het strong-element is niet nodig, omdat een kop al voldoende semantische betekenis heeft.

Advies

Verwijder de strong-elementen uit de koppen.

https://cuatro.sim-cdn.nl/valkenswaard/uploads/toestemmingsformulier%20reisdocument%20minderjarige.pdf?cb=DAw146Bh

Onder de kop "Ondertekening" staan visueel twee kolommen naast elkaar: links "Handtekening ouder /voogd 1" met daaronder een datum-veld, en rechts "Handtekening ouder /voogd 2" met daaronder een datum-veld. In de leesvolgorde van de PDF staan beide regels "Handtekening ouder" eerst achter elkaar, daarna beide regels "/voogd 1" en "/voogd 2", en hetzelfde geldt voor de datum-velden eronder. Daardoor worden de kolommen niet goed voorgelezen door hulpsoftware.

Advies

Pas de leesvolgorde aan zodat eerst de complete linker kolom wordt voorgelezen en daarna de complete rechter kolom.

https://www.valkenswaard.nl/form/contactformulier/vraag-stellen-1

Het veld "Buitenlands telefoonnummer" is in het formulier ingesteld als numeriek veld. Voor een telefoonnummer is dat niet de juiste keuze: plus-tekens (nodig voor buitenlandse landcodes) en leidende nullen worden niet correct verwerkt. Daarnaast ontbreekt op het veld het autocomplete-attribuut "tel", waardoor de browser het veld niet automatisch kan invullen.

Advies

Kies het juiste veld, met het autocomplete-attribuut "tel". Zo werkt het veld correct met buitenlandse nummers en kan de browser het veld automatisch invullen.

https://cuatro.sim-cdn.nl/valkenswaard/uploads/toekomstvisie_2040_gemeente_valkenswaard.pdf?cb=F4QEar4L

De koppen in het document worden weergegeven in een rood-/perzikachtige kleur (#F16164). Deze kleur wordt zowel op een witte achtergrond (#FFFFFF) als op een beige achtergrond (#EAE4D1) gebruikt, bijvoorbeeld in de beige tekstblokken bij thema's als "Economie", "Mobiliteit" en "Samenleving". In beide gevallen is het contrast 2,2:1, terwijl minimaal 3:1 vereist is voor grote tekst en 4,5:1 voor reguliere tekst. Daardoor zijn de koppen voor slechtziende gebruikers slecht leesbaar.

Advies

Pas de kleur van de koppen aan zodat het contrast met beide achtergronden (wit en de beige tint) minimaal 4,5:1 is (of minimaal 3:1 als de koppen voldoen aan de criteria voor "grote tekst": minstens 18 punten, of minstens 14 punten bij vette tekst). Een donkerder rood-tint of een vergelijkbare kleur uit de huisstijl kan voldoende contrast bieden.

https://cuatro.sim-cdn.nl/valkenswaard/uploads/toekomstvisie_2040_gemeente_valkenswaard.pdf?cb=F4QEar4L

Het PDF-document "Toekomstvisie 2040" bestaat volledig uit afbeeldingen. De tekst in het document is onderdeel van die afbeeldingen en is niet als echte tekst in het document opgenomen. Daardoor kan hulpsoftware de inhoud niet uit het document zelf voorlezen en kunnen gebruikers de tekst niet vergroten, kopiëren of het lettertype aanpassen.

Advies

Maak het PDF-document opnieuw vanuit het brondocument zodat de inhoud als echte tekst beschikbaar is.

https://cuatro.sim-cdn.nl/valkenswaard/uploads/toestemmingsformulier%20reisdocument%20minderjarige.pdf?cb=DAw146Bh

De paginatitel van het PDF-document is "Toestemmingsformulier afgifte reisdocument". De zichtbare titel op de eerste pagina is "Toestemmingsformulier afgifte reisdocument aan minderjarige". Doordat de toevoeging "aan minderjarige" in de paginatitel ontbreekt, missen gebruikers de informatie dat het document specifiek over minderjarigen gaat.

Advies

Vul de paginatitel aan tot "Toestemmingsformulier afgifte reisdocument aan minderjarige", zodat deze overeenkomt met de zichtbare titel op de eerste pagina.

https://cuatro.sim-cdn.nl/valkenswaard/uploads/toekomstvisie_2040_gemeente_valkenswaard.pdf?cb=F4QEar4L

In de documenteigenschappen van de PDF staat als titel "Toekomstvisie B5 WT.indd". Dit is de interne bestandsnaam van het Adobe InDesign-bronbestand, niet een leesbare titel die de inhoud van het document beschrijft. Hulpsoftware en de browser-tabtitel tonen deze interne naam, waardoor gebruikers niet weten waar het document over gaat.

Advies

Vul de titel in de documenteigenschappen aan tot een leesbare titel, bijvoorbeeld "Toekomstvisie 2040 gemeente Valkenswaard". Stel daarnaast bij de "Weergave bij openen" in dat de documenttitel wordt getoond in plaats van de bestandsnaam, zodat de leesbare titel ook daadwerkelijk in de browser-tab en in Acrobat zichtbaar is.

https://www.valkenswaard.nl/contact-met-de-gemeente

Op de pagina staat onder de kop "Stel uw vraag via het online formulier" een link met de tekst "Vraag stellen". De link staat in een eigen alinea, zonder context in dezelfde alinea. Daardoor kan hulpsoftware bij het doorlopen van de linkenlijst niet aankondigen waar de link naartoe leidt.

Advies

Maak in de linktekst zelf duidelijk waar de link naartoe gaat, bijvoorbeeld "Vraag stellen via het contactformulier". Of plaats de link binnen een alinea die de context geeft. Een andere oplossing is een icoontje met aria-label "formulier" toevoegen, zoals de knop "Vraag stellen" onder de kop "Contact met de gemeente" op deze zelfde pagina.

https://www.valkenswaard.nl/hulp-bij-geldzorgen-werk-en-inkomen

Onder de kop "Persoonlijk contact" staat de zin "Bel 040 208 35 31". De linktekst is een telefoonnummer, maar de link verwijst niet naar een belactie en ook niet naar een pagina van de gemeente Valkenswaard. In plaats daarvan opent de link de website van de gemeente Cranendonck (www.cranendonck.nl). Daardoor komt een gebruiker bij het aanklikken van het telefoonnummer onverwacht op de site van een andere gemeente terecht.

Advies

Vervang de link zodat het telefoonnummer direct gebeld kan worden bij het aanklikken.

https://www.valkenswaard.nl/wegwerkzaamheden-en-verkeersinformatie

Onder de kop "Masterplan Centrum" staat een link met de tekst "Meer informatie". De link staat in een eigen alinea, zonder context in dezelfde alinea. Daardoor kan hulpsoftware bij het doorlopen van de linkenlijst niet aankondigen waar de link naartoe leidt.

Advies

Maak in de linktekst zelf duidelijk waar de link naartoe gaat, bijvoorbeeld "Meer informatie over Masterplan Centrum", of plaats de link binnen een alinea die de context geeft.

https://www.valkenswaard.nl/reuzenbalsemien-sprinbalsemien

Op de pagina staat onder de kop "Reuzenbalsemien / Sprinbalsemien" een galerij met twee afbeeldingen. Wanneer een afbeelding wordt vergroot, verschijnt de bestandsnaam ("rb1.png" of "rb2.png") als bijschrift bij de afbeelding. Hetzelfde gebeurt in de toegankelijkheidsnaam van de link naar de afbeelding ("Bekijk afbeelding: rb1.png"). Voor zowel ziende gebruikers als gebruikers van een schermlezer is een bestandsnaam geen bruikbare informatie.

Advies

Vervang de bestandsnaam in de vergrote weergave door een korte beschrijving van wat er op de foto staat. Wanneer de afbeelding geen informatie toevoegt aan de tekst op de pagina, gebruik dan geen galerij maar een gewone afbeelding.

https://cuatro.sim-cdn.nl/valkenswaard/uploads/toekomstvisie_2040_gemeente_valkenswaard.pdf?cb=F4QEar4L

In de PDF "Toekomstvisie 2040" is in de documenteigenschappen geen taal ingesteld. Daardoor weet hulpsoftware niet welke taal de tekst heeft en wordt de inhoud mogelijk voorgelezen met de verkeerde uitspraak.

Advies

Stel in de documenteigenschappen onder "Geavanceerd" de taal in op "Nederlands". Zo gebruikt hulpsoftware automatisch de Nederlandse uitspraak bij het voorlezen van het document.

https://www.valkenswaard.nl/verhuizen

Op de pagina staat onder de Nederlandse uitleg een Engelse vertaling met daarna nog een Engelse zin over telefonisch contact. De pagina is in de code als Nederlands gemarkeerd, maar deze Engelse passages hebben geen eigen taal-aanduiding. Daardoor leest hulpsoftware de Engelse tekst voor met de Nederlandse uitspraak, wat de tekst voor schermlezers onverstaanbaar maakt.

Advies

Markeer de Engelse passages met een lang-attribuut, bijvoorbeeld door de twee Engelse alinea's te plaatsen in een element met lang="en". Zo schakelt hulpsoftware tijdens het voorlezen automatisch over op de Engelse uitspraak.

https://www.valkenswaard.nl/

In de footer staat onder de kop "Bezoekadres" het bezoekadres met telefoonnummer in één alinea. Daardoor kunnen gebruikers van een schermlezer het bezoekadres en het telefoonnummer niet als losse onderdelen herkennen.

Onder de kop "Postadres" staat het postadres met e-mailadres in één alinea. Daardoor kunnen gebruikers van een schermlezer het postadres en het e-mailadres niet als losse onderdelen herkennen.

Advies

Overweeg om het adres en het telefoonnummer (onder "Bezoekadres") en het adres en het e-mailadres (onder "Postadres") als aparte onderdelen op te nemen, zodat ze in de code los van elkaar herkenbaar zijn.

https://www.valkenswaard.nl/nieuwsberichten

Op de overzichtspagina staan twaalf nieuwskaarten. Elf van deze kaarten hebben een titel die is gemarkeerd als h2-kop, gevolgd door een datum en een korte introtekst (teaser). De kaart "Doe mee met de Week van de Mentale Gezondheid – Hoe blijf jij mentaal fit?" wijkt af: de titel is een gewone link in plaats van een h2 en er staat geen introtekst onder de titel.

Advies

Maak de opmaak van deze nieuwskaart gelijk aan de andere kaarten: markeer de titel als h2 en voeg een korte introtekst onder de titel toe.

Op de website is een versie voor hoog contrast aanwezig. Deze is aan te zetten door middel van een zogenaamde "contrast switch". Dit succescriterium is volledig getest in de modus voor hoog contrast. De versie voor hoog contrast wordt gezien als een alternatief voor de standaard versie.

Hierdoor kunnen er contrastproblemen zijn in de standaard versie. Deze zijn verder niet beoordeeld.

Advies

We adviseren om ook de standaard versie te voorzien van voldoende kleurcontrast in alle teksten. Dit bevorderd de toegankelijkheid van de website voor bezoekers met een zichtbeperking.

Teksten met voldoende kleurcontrast lezen ook makkelijker voor alle lezers. Het lezen is hierdoor minder intensief, kost minder energie en het lezen wordt (onbewust) als prettiger ervaren. Hierdoor is de lezer eerder geneigd om over te gaan tot activatie.

De versie voor hoog contrast kan dan vervolgens ingezet worden voor een "verhoogd contrast", waarbij wordt voldaan aan succescriterium WCAG 1.4.6 Verhoogd contrast (niveau AAA).

Op de website is een versie voor hoog contrast aanwezig. Deze is aan te zetten door middel van een zogenaamde "contrast switch".
Dit succescriterium is volledig getest in de modus voor hoog contrast. De versie voor hoog contrast wordt gezien als een alternatief voor de standaard versie.
Hierdoor kunnen er contrastproblemen zijn met grafische elementen in de standaard versie. Deze zijn verder niet beoordeeld.

Een opvallend voorbeeld op de homepage: het waarschuwingsicoon (driehoek met uitroepteken) in de groene balk bij de melding "Aangepaste openingstijden gemeentehuis" heeft in de standaardweergave een contrast van 1,6:1 met de groene achtergrond (icoon #237A2D op #165720). In de hoogcontrastversie is dit icoon wel duidelijk zichtbaar.

Advies

We adviseren om ook de standaard versie te voorzien van voldoende contrast voor grafische elementen, zoals iconen, knoppen en formuliervelden. Dit bevordert de toegankelijkheid van de website voor bezoekers met een zichtbeperking.
De versie voor hoog contrast kan dan vervolgens ingezet worden voor een "verhoogd contrast".

https://www.valkenswaard.nl/paspoort-tot-18-jaar

Onder Stap 4 staat een knop met de tekst "Download hier de schriftelijke toestemming", gevolgd door een icoon dat door hulpsoftware wordt voorgelezen als "formulier". De link verwijst echter naar een niet-invulbaar PDF-document dat uitgeprint en met de hand ingevuld moet worden. Voor gebruikers wekt de aanduiding "formulier" de indruk dat het om een online of invulbaar formulier gaat, terwijl het in werkelijkheid een afdrukbaar PDF-document is.

Advies

Pas de linktekst aan zodat duidelijk is dat het om een afdrukbaar PDF-document gaat, bijvoorbeeld "Download de schriftelijke toestemming (PDF, om af te drukken en in te vullen)". Vervang of verwijder daarbij het "formulier"-icoon als dat verwarrend werkt.

https://www.valkenswaard.nl/nevenfuncties-college

Op de pagina staat bij elk collegelid het e-mailadres "bestuurssecretariaat@valkenswaard.nl". In de code is dit adres gesplitst in twee aparte links: de eerste letter "b" staat in een eigen link en de overige tekst "estuurssecretariaat@valkenswaard.nl" in een tweede link. Hulpsoftware kondigt deze twee aparte links aan en leest losse delen voor, waardoor gebruikers het e-mailadres niet als één samenhangend element herkennen.

Advies

Voeg het e-mailadres samen in één enkele link.