WCAG 2.2 AA Deelonderzoek content website BEL Combinatie

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.belcombinatie.nl/samenstelling
Op de pagina staan portretfoto's van de bestuursleden. Elke afbeelding heeft een leeg alt-attribuut (alt=""), wat betekent dat de foto's voor hulpsoftware als decoratief worden behandeld. Hierdoor weten gebruikers van hulpsoftware, zoals een schermlezer, niet dat er een portretfoto van de bestuurder op de pagina staat.

Advies

Geef elke portretfoto een tekstalternatief dat aangeeft dat het om een portret van de betreffende persoon gaat, bijvoorbeeld alt="Portret van Roland van Benthem".

https://www.belcombinatie.nl/bel-model
Op de pagina staat een infographic die het BEL-samenwerkingsmodel visueel weergeeft. De infographic toont de bestuurlijke verhoudingen tussen de gemeenteraden, de colleges B&W, het BEL-bestuur, de werkorganisatie en de inwoners van Blaricum, Eemnes en Laren. Deze informatie is niet toegankelijk voor gebruikers van hulpsoftware, zoals een schermlezer. Het huidige tekstalternatief van de afbeelding is “BEL Combinatie model”, wat de informatie uit de infographic niet overbrengt. De tekst boven de infographic beschrijft alleen de samenstelling van het BEL-bestuur en de rol van de Algemeen Directeur; de overige lagen en hun onderlinge verhoudingen worden niet genoemd.

Advies

Voor een complexe infographic zijn twee dingen nodig:

1. Geef de infographic zelf een kort tekstalternatief in het alt-attribuut dat aangeeft wat voor afbeelding het is, bijvoorbeeld alt="Infographic van het BEL-samenwerkingsmodel".
2. Bied daarnaast de inhoud van de infographic in tekstvorm aan op de pagina, bijvoorbeeld als opsomming of beschrijvende tekst direct onder de infographic. Op die manier krijgen gebruikers die de infographic niet kunnen zien dezelfde informatie als gebruikers die de infographic wel zien.

https://www.belcombinatie.nl/organogram
Op de pagina staat een infographic met het organogram van de BEL Combinatie. De afbeelding heeft een leeg alt-attribuut (alt=""), waardoor de afbeelding voor hulpsoftware als decoratief wordt behandeld. Gebruikers van hulpsoftware, zoals een schermlezer, weten hierdoor niet dat er een organogram op de pagina staat. De inhoud van het organogram zelf staat al in tekstvorm op de pagina.

Advies

Geef de afbeelding een kort tekstalternatief in het alt-attribuut dat aangeeft wat voor afbeelding het is, bijvoorbeeld alt="Infographic met het organogram van de BEL Combinatie".

https://cuatro.sim-cdn.nl/belcombinatie45904b/uploads/nota_algemeen_privacybeleid_bel.pdf?cb=to-lhMTu
In het volgende PDF-document staat bovenin een gecombineerde afbeelding met de logo's en namen van de gemeenten Blaricum, Eemnes en Laren en het logo van de BEL Combinatie. Deze logo's zijn niet als afbeelding getagd en worden daarom door hulpsoftware (zoals een schermlezer) genegeerd.

Advies

Op pagina 1 van het document moet deze afbeelding worden getagd en een goed tekstalternatief krijgen. Op de vervolgpagina's is dat niet nodig.

https://cuatro.sim-cdn.nl/belcombinatie45904b/uploads/nota_algemeen_privacybeleid_bel.pdf?cb=to-lhMTu
Op pagina 16 onder “Vastgesteld” staat een screenshot van een vastgestelde agenda uit het bestuurlijk besluitvormingssysteem. De afbeelding heeft geen alt-tekst. Hierdoor is de informatie uit deze afbeelding niet toegankelijk voor gebruikers van hulpsoftware, zoals een schermlezer.

Advies

De afbeelding is een screenshot van informatie die beter in tekstvorm kan worden opgenomen. Overweeg om de afbeelding te verwijderen en de vaststellingsinformatie in tekstvorm op de pagina op te nemen. Als de afbeelding toch behouden moet blijven, geef deze dan een beschrijvende alt-tekst die de inhoud samenvat, bijvoorbeeld: alt="Screenshot van de vastgestelde agenda met besluiten van AB, DB en Directie-MT over het privacybeleid".

https://www.belcombinatie.nl/
In de footer zijn de koppen “Contact” en “Openingstijden” extra benadrukt met een strong-element (een HTML-element voor nadruk binnen lopende tekst). Een kop heeft van zichzelf al betekenis en nadruk. Het strong-element voegt hier geen extra betekenis toe en hoort semantisch niet binnen koppen thuis.

Advies

Verwijder het strong-element uit de koppen “Contact” en “Openingstijden”. De visuele opmaak van koppen, zoals vetgedrukte tekst, regel je via CSS.

• https://www.belcombinatie.nl/
• https://www.belcombinatie.nl/privacyverklaring

Op meerdere plekken op de website staan groepen verwante items niet als echte lijst opgemaakt, maar als losse regels of losse paragrafen:
In de footer van de homepage staan de contactgegevens (telefoon, e-mail, contactformulier, persvragen, telefoonnummer vanuit het buitenland) en de onderste navigatielinks “Over deze website”, “Toegankelijkheid”, “Sitemap” en “Privacyverklaring” als losse regels gescheiden door een regelafbreking (br-element).
Op de pagina Privacyverklaring staan onder de h3-kop “Hoe kunt u gebruik maken van deze rechten?” drie items in één paragraaf, voorafgegaan door een bullet-teken (•) en gescheiden door regelafbrekingen (br-element).
Op dezelfde pagina staan de drie knoppen “Gemeente Blaricum”, “Gemeente Eemnes” en “Gemeente Laren” die verwijzen naar de privacyverklaringen van de drie gemeenten, elk in een aparte paragraaf (p-element) in plaats van in één lijst.
Visueel zien deze items eruit als een opsomming, maar in de code zijn ze niet als lijst opgemaakt. Hierdoor weten gebruikers van hulpsoftware, zoals een schermlezer, niet dat de items bij elkaar horen en hoeveel items de groep bevat.

Advies

Maak van deze groepen een echte lijst (een ul-element met li-elementen per item). De visuele opmaak van de lijst, zoals het verbergen van bolletjes of de onderlinge afstand, regel je via CSS.

• https://www.belcombinatie.nl/
• https://www.belcombinatie.nl/inkoop-en-aanbesteding

Op meerdere plekken op de website is tekst opgemaakt met een em-element:
In de footer onder Contact staat de tekst “Vanuit het buitenland” als label boven een telefoonnummer.
Op de pagina Inkoop en aanbesteding staat de documenttitel “Het inkoop- en aanbestedingsbeleid Gooi- en Vechtstreek 2022” cursief.
Het em-element is bedoeld om in een lopende zin een woord extra nadruk te geven, vergelijkbaar met hoe je een woord in spraak iets harder of nadrukkelijker uitspreekt. In beide gevallen wordt het em-element gebruikt voor visuele opmaak (cursief), terwijl het bedoeld is om die semantische nadruk aan te geven.

Advies

Verwijder het em-element op deze plekken. De cursieve weergave, als die gewenst is, regel je via CSS.

https://www.belcombinatie.nl/vergaderoverzicht
Op de pagina staat een tabel met de vergaderdata van het bestuur. De tabel bestaat uit één kolom en heeft geen kopcel (een th-element). Een tabel is bedoeld om gegevens in rijen en kolommen met elkaar in verband te brengen. Bij één kolom is daar geen sprake van en is de inhoud feitelijk een opsomming van datums. Hulpsoftware kondigt de inhoud nu aan als een tabel met 9 rijen en 1 kolom, wat misleidend is voor de gebruiker.

Advies

Maak van de datums een echte lijst (een ul-element met een li-element per datum). De visuele opmaak, zoals randen of vakken om elke datum, regel je via CSS.

https://www.belcombinatie.nl/inkoop-en-aanbesteding
Op de pagina staat na de hoofdkop “Inkoop en aanbesteding” (een h1-element) direct een h3-kop “Een document downloaden en openen”. Tussen de h1 en deze h3 ontbreekt een tussenliggende h2-kop. Hierdoor wordt een niveau in de koppenhiërarchie overgeslagen. Voor gebruikers van hulpsoftware die op koppen navigeren is de paginastructuur daardoor onlogisch.

Advies

Zorg dat koppen elkaar in hiërarchie opvolgen zonder een niveau over te slaan. Maak van de kop “Een document downloaden en openen” een h2 in plaats van een h3, of plaats deze tekst onder een bestaande h2 (bijvoorbeeld als onderdeel van een sectie over de documenten).

https://www.belcombinatie.nl/organogram
Op de pagina staat onder de h2-kop “Verdeling van de Domeinen en Teams binnen de BEL Combinatie” een uitklapbare sectie. Binnen die sectie zijn de vier subkoppen “Domein Fysiek”, “Domein Samenleving”, “Domein Bedrijfsvoering” en “Domein Openbare Ruimte” opgemaakt als h2-koppen. Omdat zij ondergeschikt zijn aan de h2 erboven horen ze h3 te zijn. Hierdoor is de koppenhiërarchie onlogisch en kunnen gebruikers van hulpsoftware niet meer goed zien welke koppen onder welke sectie vallen.

Advies

Maak van de vier domein-koppen (“Domein Fysiek”, “Domein Samenleving”, “Domein Bedrijfsvoering”, “Domein Openbare Ruimte”) h3-koppen, zodat zij ondergeschikt zijn aan de h2 “Verdeling van de Domeinen en Teams binnen de BEL Combinatie”.

https://www.belcombinatie.nl/privacyverklaring
Op de pagina Privacyverklaring staat de eerste paragraaf (de introtekst die begint met “Binnen de BEL Combinatie werken we veel met persoonlijke gegevens...”) volledig binnen een strong-element. Het strong-element is bedoeld om een woord of zinsdeel binnen een tekst extra nadruk te geven, niet om een hele paragraaf visueel vet weer te geven.

Advies

Verwijder het strong-element rond de intro-paragraaf. Gebruik in plaats daarvan het intro-veld in het CMS om de tekst vet op te maken.

https://cuatro.sim-cdn.nl/belcombinatie45904b/uploads/nota_algemeen_privacybeleid_bel.pdf?cb=to-lhMTu
In de PDF “Algemeen Privacybeleid” staan twee tabellen: een tabel “Versiebeheer” op pagina 2 en een tabel met doelgroepen en relevantie voor het privacybeleid in hoofdstuk 4.2. In beide tabellen zijn alle cellen als TD (datacellen) gemarkeerd; er zijn geen TH-elementen (kopcellen) gebruikt. Hierdoor kunnen gebruikers van hulpsoftware, zoals een schermlezer, de relatie tussen kopcellen en datacellen niet vaststellen en worden de tabellen voorgelezen zonder dat duidelijk is wat de kolommen en rijen betekenen.

Advies

Markeer de bovenste rij van elke tabel als kolomkoppen door de cellen te taggen als TH. Markeer daarnaast de eerste cel van elke data-rij als rij-kop door deze ook als TH te taggen.

https://cuatro.sim-cdn.nl/belcombinatie45904b/uploads/nota_algemeen_privacybeleid_bel.pdf?cb=to-lhMTu
In de PDF “Algemeen Privacybeleid” is de titel op pagina 1 niet als H1-kop getagd. De titel bestaat uit meerdere regels (“Algemeen Privacybeleid”, “Gemeenten Blaricum, Eemnes en Laren &”, “Gemeenschappelijke regeling BEL Combinatie”) die elk in een afzonderlijk P-element (paragraaf) staan. In de tagstructuur staat wel een leeg H1-element, maar zonder tekst.

Advies

Markeer de titel van het document als één H1-element. Plaats de regels “Algemeen Privacybeleid”, “Gemeenten Blaricum, Eemnes en Laren &” en “Gemeenschappelijke regeling BEL Combinatie” samen in één H1-tag, of maak van “Algemeen Privacybeleid” de H1 en van de overige regels een ondergeschikt element (bijvoorbeeld een ondertitel).

https://cuatro.sim-cdn.nl/belcombinatie45904b/uploads/Besluitenlijst%20BEL%20Bestuur%2019%20januari%202026.pdf?cb=-s1aMRZu
Het volgende PDF-document is niet getagd. Dit wil zeggen dat er geen structuur is aangegeven in het bestand door middel van tags. Hulpsoftware (zoals een screenreader) kan hierdoor niet bepalen wat koppen, lijsten en dergelijke zijn en zal afbeeldingen negeren.

Advies

Als het bestand correct getagd wordt, kan hulpsoftware beter de structuur en relaties bepalen. Bij koppen kan dan bijvoorbeeld worden voorgelezen dat dit koppen zijn. In veel gevallen kan dit probleem worden opgelost door het document vanuit het bronbestand (meestal in Word of InDesign) opnieuw te exporteren naar PDF, maar dan inclusief tags of labels.
Omdat nu de tags ontbreken, kunnen andere succescriteria zoals 1.1.1 en 1.3.2 niet onderzocht worden. Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

https://www.belcombinatie.nl/bel-gemeenten
Op de pagina staan de drie gemeenten (Blaricum, Eemnes en Laren) visueel in drie kolommen naast elkaar. In elke kolom staan achtereenvolgens een kop, een inleidende tekst, een afbeelding, een uitgebreide tekst en een knop naar de gemeentesite. In de code is deze informatie niet per kolom, maar per rij opgebouwd. In de code staan eerst de drie koppen met hun inleidende tekst achter elkaar, daarna per gemeente een afbeelding gevolgd door de uitgebreide tekst, en als laatste de drie knoppen achter elkaar. Voor gebruikers van hulpsoftware, zoals een schermlezer, is de samenhang tussen kop, afbeelding, tekst en knop per gemeente daardoor moeilijk te volgen. De volgorde in de code komt niet overeen met de visuele volgorde.

Advies

Zet de informatie in de code per gemeente bij elkaar: kop, inleiding, afbeelding, uitgebreide tekst en knop achter elkaar. De visuele drie-koloms weergave regel je via CSS. In het CMS kan dit worden opgelost door het paragraaftype “3 kolommen” te kiezen; daarin wordt de content per kolom in de code bij elkaar geplaatst. Op die manier komt de volgorde in de code overeen met de visuele volgorde.

https://cuatro.sim-cdn.nl/belcombinatie45904b/uploads/nota_algemeen_privacybeleid_bel.pdf?cb=to-lhMTu
In de PDF “Algemeen Privacybeleid” komt een afbeelding (Figure-element) in de tagstructuur voor op pagina 1. Visueel staat deze afbeelding pas op pagina 16 (de laatste pagina, onder “Vastgesteld”). Voor gebruikers van hulpsoftware (zoals een schermlezer) betekent dit dat de leesvolgorde van pagina 1 naar pagina 16 springt en daarna terug.

Advies

Plaats het Figure-element in de tagstructuur op de juiste plek, namelijk op pagina 16 onder “Vastgesteld”, zodat de leesvolgorde overeenkomt met de visuele volgorde.

https://www.belcombinatie.nl/organogram
Op de pagina staat onder de afbeelding van het organogram de tekst “(Klik op de afbeelding voor een grotere weergave)”. De instructie zegt niet om welke afbeelding het gaat. Voor visuele gebruikers is dat geen probleem: zij zien direct boven de tekst de afbeelding van het organogram staan. Schermlezer-gebruikers krijgen de afbeelding niet te horen, omdat het alt-attribuut leeg is en de afbeelding dus wordt overgeslagen. Zij horen alleen de instructie en weten daardoor niet dat er een afbeelding op de pagina staat, laat staan welke afbeelding bedoeld wordt.

Advies

Schrijf de instructie zo dat duidelijk is welke afbeelding bedoeld wordt. Bijvoorbeeld: “Open de grotere weergave van het organogram.”

https://www.belcombinatie.nl/bel-model
Dit succescriterium is getoetst in de modus voor hoog contrast. In de infographic van het BEL-samenwerkingsmodel staat witte tekst (#FFFFFF) op een grijze achtergrond (#949494). De contrastverhouding is 2,85:1. Dit voldoet niet aan de WCAG-norm van minimaal 3:1 voor grote tekst (en 4,5:1 voor normale tekst).

Advies

Verhoog het contrast tussen de tekst en de achtergrond in de infographic tot minimaal 3:1 voor grote tekst (of 4,5:1 voor normale tekst), bijvoorbeeld door de achtergrondkleur donkerder te maken.

https://cuatro.sim-cdn.nl/belcombinatie45904b/uploads/nota_algemeen_privacybeleid_bel.pdf?cb=to-lhMTu
In de PDF “Algemeen Privacybeleid” staat op meerdere plekken tekst met een onvoldoende contrastverhouding tegenover de witte achtergrond:
De datum “Oktober 2019” op pagina 1 heeft tekstkleur #8DB3E2 op witte achtergrond. De contrastverhouding is 2,2:1.
De H2-subkoppen (zoals “3.1. Europese privacywetgeving” op pagina 6) hebben tekstkleur #4F81BD op witte achtergrond. De contrastverhouding is 4:1, bij een lettergrootte van 12,96 pt.
Voor normale tekst is volgens WCAG 1.4.3 een contrastverhouding van minimaal 4,5:1 vereist. Beide voorbeelden halen deze norm niet.

Advies

Pas de tekstkleuren in het document aan zodat ze minimaal 4,5:1 contrast hebben met de witte achtergrond. Gebruik bijvoorbeeld een donkerdere tint blauw. Controleer het contrast met een Colour Contrast Analyzer.

https://cuatro.sim-cdn.nl/belcombinatie45904b/uploads/nota_algemeen_privacybeleid_bel.pdf?cb=to-lhMTu
In de PDF “Algemeen Privacybeleid” staat op pagina 16 onder “Vastgesteld” een screenshot van een vastgestelde agenda uit het bestuurlijk besluitvormingssysteem. Deze afbeelding bevat informatie die volledig als tekst wordt weergegeven (agendapunten, besluiten, parafen, data en namen). Tekst mag alleen als afbeelding worden gebruikt als dat essentieel is voor de weergave. Dat is hier niet het geval: de tekst kan ook als gewone tekst in het document worden opgenomen. Daardoor kan de tekst nu niet worden doorzocht, geselecteerd, gekopieerd of aangepast in grootte of kleur door gebruikers die dat nodig hebben.

Advies

Verwijder de screenshot en neem de vaststellingsinformatie als gewone tekst in het document op. Op die manier kunnen gebruikers de tekst doorzoeken, selecteren, vergroten en aanpassen aan hun eigen voorkeuren.

https://cuatro.sim-cdn.nl/belcombinatie45904b/uploads/nota_algemeen_privacybeleid_bel.pdf?cb=to-lhMTu
De PDF heeft geen titel. Hierdoor tonen PDF-lezers de bestandsnaam in de tab- en titelbalk. Gebruikers van hulpsoftware, zoals een schermlezer, horen daardoor de bestandsnaam in plaats van een beschrijvende documenttitel.

Advies

Vul in de documenteigenschappen van de PDF (Bestand > Eigenschappen > Beschrijving) een beschrijvende titel in. Doe dit bij voorkeur al in het bronbestand (bijvoorbeeld in Word of InDesign) voordat je exporteert naar PDF. Stel daarnaast in bij de geavanceerde weergave-instellingen dat de documenttitel wordt getoond in plaats van de bestandsnaam (Bestand > Eigenschappen > Initiële weergave > Toon: Documenttitel).

https://cuatro.sim-cdn.nl/belcombinatie45904b/uploads/Besluitenlijst%20BEL%20Bestuur%2019%20januari%202026.pdf?cb=-s1aMRZu
De PDF heeft wel een titel (“Geanonimiseerd document”), maar deze beschrijft de inhoud van het document onvoldoende. Gebruikers van hulpsoftware, zoals een schermlezer, horen daardoor geen beschrijvende documenttitel.

Advies

Stel een beschrijvende titel in die de inhoud van het document weergeeft. Doe dit bij voorkeur al in het bronbestand (bijvoorbeeld in Word of InDesign) voordat je exporteert naar PDF.

https://www.belcombinatie.nl/organogram
Op de pagina is het organogram van de BEL Combinatie een link naar een grotere versie van de afbeelding. De afbeelding heeft geen alt-tekst, waardoor de link geen toegankelijke naam heeft. Gebruikers van hulpsoftware, zoals een schermlezer, weten daardoor niet dat er een link is en waar die naar verwijst. Dit issue valt ook onder succescriterium 4.1.2 (Naam, rol, waarde).

Advies

Geef de link een toegankelijke naam die het linkdoel beschrijft. Dat kan op twee manieren: geef de afbeelding een passend alt-attribuut (bijvoorbeeld alt="Organogram van de BEL Combinatie, grotere weergave"), of voeg een aria-label toe aan het a-element zelf.

https://www.belcombinatie.nl/organogram
Op de pagina is het organogram van de BEL Combinatie een link naar een grotere versie van de afbeelding. De afbeelding heeft geen alt-tekst, waardoor de link geen toegankelijke naam heeft. Hulpsoftware, zoals een schermlezer, kan de link daardoor niet goed aankondigen. Dit issue valt ook onder succescriterium 2.4.4 (Linkdoel in context).

Advies

Geef de link een toegankelijke naam. Dat kan op twee manieren: geef de afbeelding een passend alt-attribuut (bijvoorbeeld alt="Organogram van de BEL Combinatie, grotere weergave"), of voeg een aria-label toe aan het a-element.

https://www.belcombinatie.nl/bel-gemeenten
Op de pagina staan drie sfeerbeelden bij de introducties van de gemeenten Blaricum, Eemnes en Laren: een foto van de schaapskudde op de Westerheide, een foto van het gemaal in de Eemnes-polder en een foto van het Brinkhuis in Laren. De afbeeldingen zijn voorzien van een alt-tekst. De inhoud van deze foto's voegt echter geen informatie toe die niet al in de omringende tekst staat; het zijn illustratieve sfeerbeelden. Hulpsoftware kondigt deze afbeeldingen nu aan en leest de alt-tekst voor, terwijl ze feitelijk decoratief zijn.

Advies

Geef de drie sfeerbeelden een leeg alt-attribuut (alt=""). Daarmee worden ze door hulpsoftware als decoratief herkend en overgeslagen, wat voor gebruikers van een schermlezer prettiger leest.

https://cuatro.sim-cdn.nl/belcombinatie45904b/uploads/Besluitenlijst%20BEL%20Bestuur%2019%20januari%202026.pdf?cb=-s1aMRZu
Het volgende PDF-document is niet getagd. Hierdoor zijn informatieve afbeeldingen niet gemarkeerd als Figure en hebben zij geen tekstalternatief. Mensen die blind zijn en een schermlezer gebruiken krijgen deze informatie daardoor niet aangeboden. Omdat het document niet is getagd, is niet vast te stellen of afbeeldingen correct zijn verwerkt. Hierdoor wordt dit nu niet afgekeurd. Zodra het document wel wordt getagd, kan blijken dat informatieve afbeeldingen ontbreken of onjuist zijn getagd.

Advies

Zorg dat de PDF wordt voorzien van een volledige tags-structuur en maak daarbij onderscheid tussen informatieve en decoratieve afbeeldingen.

• Tag informatieve afbeeldingen als Figure en voorzie deze van een kort en beschrijvend tekstalternatief .
• Markeer decoratieve afbeeldingen als artefact zodat deze worden genegeerd door schermlezers.

https://www.belcombinatie.nl/organogram
Dit succescriterium is getoetst in de modus voor hoog contrast. In de infographic van het organogram staat witte tekst (#FFFFFF) op grijze knoppen met verschillende tinten. De contrastverhouding is niet op alle knoppen voldoende:
Op de lichtgrijze knoppen (#C1C1C1) is de contrastverhouding 1,74:1.
Op de middelgrijze knoppen (#7F7F7F en #828282) is de contrastverhouding 3,67:1 en 3,54:1.
Voor normale tekst is een contrastverhouding van minimaal 4,5:1 vereist en voor grote tekst minimaal 3:1. De lichtgrijze knoppen halen geen van beide normen.
Deze bevinding wordt niet afgekeurd, omdat de informatie uit de infographic ook in tekstvorm op dezelfde pagina staat. Gebruikers die de tekst in de infographic niet goed kunnen lezen hebben daarmee een alternatief.

Advies

Overweeg om het contrast in de infographic te verhogen tot minimaal 4.5:1 voor normale tekst (of 3:1 voor grote tekst).

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.

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.belcombinatie.nl/
In de footer onder Contact staat een link met de tekst “Persvragen?”. Een vraagteken aan het einde van een linktekst is ongebruikelijk en kan verwarrend zijn voor gebruikers van hulpsoftware, omdat het lijkt alsof het om een vraag gaat in plaats van een verwijzing naar een pagina. Het linkdoel zelf is in deze context (de contactsectie van de footer) wel duidelijk.

Advies

Vervang de linktekst “Persvragen?” door een formulering zonder vraagteken die het linkdoel beschrijft, bijvoorbeeld “Persvragen”, “Informatie voor pers” of “Naar persinformatie”.