Rapport:
Audit digitale toegankelijkheid website Cpunt

Onderzoeker: Sander, Swink; Michiel, Swink
Datum: 28 oktober 2024
Opdrachtgever: Cpunt

Samenvatting onderzoeksresultaat

De website Cpunt voldoet nog niet aan WCAG 2.1 niveau AA. Er zijn 33 van de 50 succescriteria waar één of meer fouten zijn gevonden. In dit document is vastgelegd in hoeverre de website voldoet aan de toegankelijkheidseisen die vastgelegd zijn in WCAG, de Web Content Accessibility Guidelines.

De website cpunt.nl is onderzocht tussen 21 en 28 oktober 2024. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. Doel van dit rapport is om te bepalen welke verbeteringen nodig zijn om dit digitaal kanaal toegankelijker te krijgen.

Dit zijn de opvallendste bevindingen uit het onderzoek:

Meerdere functionaliteiten zijn niet bereikbaar en bedienbaar met het toetsenbord. Dit maakt de website minder toegankelijk voor bezoekers die bijvoorbeeld voorleessoftware gebruiken.
De toetsenbordfocus is op veel plekken niet of bijna niet zichtbaar. Dit maakt de website minder toegankelijk voor ziende toetsenbordgebruikers.
Meerdere afbeeldingen hebben geen of geen goed tekstalternatief, waardoor blinde gebruikers niet dezelfde informatie kunnen krijgen.
Er zijn meerdere contrastproblemen gevonden. Dit maakt de website minder toegankelijk voor bijvoorbeeld kleurenblinden en slechtzienden.
Een deel van de onderzochte PDF's is voorzien van een codelaag, wat op zich goed is. Deze codes bevatten echter wel een aantal problemen, waardoor de PDF's minder toegankelijk zijn voor bezoekers die afhankelijk zijn van hulpsoftware.

Let op: doordat een aanzienlijk deel van de website niet toegankelijk is voor toetsenbordgebruikers, kan ook niet alles met het toetsenbord getest worden. Als dit probleem wordt opgelost, kunnen nieuwe problemen ontstaan. Deze kans is aanwezig, omdat veel componenten interactief gemaakt moeten worden en daarna ook een naam, rol en waarde moeten hebben.

Let op: de website apps.ticketmatic.com is alleen onderzocht op het gebied van content. Dit kan betekenen dat een deel van de technische problemen hier niet genoteerd zijn. Ook kan dit betekenen dat in dit onderzoek toch nog technische problemen zijn beschreven.

Het onderzoek richt zich specifiek op de toegankelijkheid van de website voor mensen met een functiebeperking, zoals mensen die blind, doof, laaggeletterd zijn of andere functieproblemen hebben. Voor hen is het van belang dat de website technisch en inhoudelijk zo is ingericht dat de site voor hen goed bruikbaar is. Een website optimaliseren voor toegankelijkheid heeft meer voordelen; het maakt de website beter bruikbaar voor iedereen (bijvoorbeeld ook voor mensen die op hun mobieltje kijken in een zonnige omgeving) en het maakt de site beter vindbaar in zoekmachines.

Scope van de evaluatie

Naam website	Cpunt
Scope van de website	Binnen de scope van het onderzoek valt: Alle pagina's op cpunt.nl. Alle PDF's op static.cpunt.nl. De content op apps.ticketmatic.com. Buiten de scope van het onderzoek valt: De techniek op apps.ticketmatic.com. 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
Basisniveau van toegankelijkheid ondersteund	Gangbare browsers en hulpsoftware.

Overzicht toetsresultaat

Principe	Voldoende	Onvoldoende
1 Waarneembaar	5	15
2 Bedienbaar	6	11
3 Begrijpelijk	5	5
4 Robuust	1	2
Totaal	17	33

Leeswijzer

Dit onderzoek is een momentopname. De website kan inmiddels veranderd zijn. De gevonden problemen zijn slechts voorbeelden. Ga daarom bij elk probleem de gehele website na of dit ook op andere plaatsen voorkomt. Dit onderzoek is slechts een steekproef van een aantal pagina's. Er zijn zo veel mogelijk verschillende type pagina's opgenomen in de sample om zo een goede indruk te krijgen van de toegankelijkheid. Let op! Bij het aanbrengen van verbeteringen of wijzigingen op de website/app kunnen nieuwe problemen ontstaan. Succescriteria gemarkeerd met "Niet aanwezig" worden automatisch goedgekeurd. Succescriteria gemarkeerd met "Onbekend" worden niet goedgekeurd.

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties.

Bedieningselementen, invoer: Als niet-tekstuele content een bedieningselement is of gebruikersinvoer accepteert, dan heeft ze een naam die het doel ervan beschrijft. (We verwijzen naar succescriterium 4.1.2 voor aanvullende eisen over bedieningselementen en content die gebruikersinvoer accepteren.)
Op tijd gebaseerde media: Als niet-tekstuele content op tijd gebaseerde media is, dan leveren tekstalternatieven ten minste een beschrijving van de niet-tekstuele content. (We verwijzen naar Richtlijn 1.2 voor aanvullende eisen ten aanzien van media.)
Test: Als niet-tekstuele content een test of oefening is die, als ze door middel van tekst gepresenteerd wordt onjuist zou zijn, dan leveren tekstalternatieven ten minste een beschrijving van de niet-tekstuele content.
Zintuiglijk: Als niet-tekstuele content primair is bedoeld om een specifieke zintuiglijke ervaring te creëren, dan leveren tekstalternatieven ten minste een beschrijving van de niet-tekstuele content.
CAPTCHA: Als het doel van niet-tekstuele content is om te bevestigen dat content wordt gebruikt door een persoon in plaats van een computer, dan worden tekstalternatieven geleverd die het doel van de niet-tekstuele content identificeren en beschrijven. En er worden alternatieve vormen van CAPTCHA aangeboden gebruikmakend van uitvoermodes voor verschillende soorten van zintuiglijke perceptie om tegemoet te komen aan verschillende functiebeperkingen.
Decoratie, opmaak, onzichtbaar: Als niet-tekstuele content puur decoratief is, slechts voor visuele opmaak wordt gebruikt, of niet aan gebruikers wordt gerepresenteerd, dan wordt het op zo'n manier geïmplementeerd dat het genegeerd kan worden door hulptechnologie.

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: In de cookiemelding staan bovenin twee afbeeldingen met de tekstalternatieven "logo" en "logo - opens in a new window". Het eerste tekstalternatief geeft niet duidelijk genoeg aan wat op de afbeelding staat. Wijzig dit naar bijvoorbeeld "Logo Cookiebot". Het tweede tekstalternatief geeft niet goed aan waar de link naartoe gaat en bevat niet alle zichtbare tekst. Zie hiervoor ook succescriteria 2.4.4, 2.5.3 en 3.1.2.

Op de website kan een pop-up in beeld komen voor het inschrijven voor de nieuwsbrief. Hierin staat ook een decoratieve afbeelding met het tekstalternatief "Schrijf je in voor de nieuwsbrief". Dit tekstalternatief toont niet aan wat op de afbeelding staat en is tevens gelijk aan de koptekst ernaast. Verwijder het tekstalternatief, zodat het alt-attribuut een lege waarde krijgt (alt=""). Dan kan deze afbeelding genegeerd worden.

In de footer van de website staan links naar social media onder "Volg Cpunt op social media". Deze iconen hebben geen tekstalternatief. Omdat dit links zijn, moet duidelijk worden waar deze links naartoe gaan. Zie ook succescriteria 2.4.4 en 4.1.2.

Op meerdere pagina's staan decoratieve afbeeldingen die een tekstalternatief hebben dat gelijk is aan de koptekst naast, boven of onder die afbeelding. Dit is dubbelop. Aangezien de afbeeldingen decoratief zijn, kunnen de tekstalternatieven het beste leeggemaakt worden. Het alt-attribuut moet dan wel blijven staan bij img-elementen, maar dan met een lege waarde (alt=""). Dit komt onder andere, maar niet uitsluitend voor op pagina's https://www.cpunt.nl/, https://www.cpunt.nl/praktisch/toegankelijkheid, https://www.cpunt.nl/cursussen/alles-voor-de-podiumbeesten-van-de-toekomst, https://www.cpunt.nl/over-ons/beleid-en-bestuur.

Op pagina https://www.cpunt.nl/bibliotheek/hulp-en-spreekuren staan meerdere afbeeldingen van logo's. Deze afbeeldingen bevatten meer informatie (tekst) dan de tekstalternatieven. Deze teksten moeten ook onderdeel worden van de tekstalternatieven. Dit is het geval bij de afbeeldingen naast bijvoorbeeld "Klik & Tik" en "DigiVitaler".

Op pagina https://www.cpunt.nl/educatie/contact staat naast "Voor alle vragen…" een afbeelding met het tekstalternatief "51445". Wijzig dit, zodat duidelijk is wat op de afbeelding staat. Dit komt ook voor op pagina https://www.cpunt.nl/agenda/bonfire, bij het logo van de band. Deze afbeelding heeft het tekstalternatief "52657".

Op pagina https://www.cpunt.nl/fotoarchief/crash-test-dummies-eelke staan afbeeldingen die vergroot kunnen worden. Deze afbeeldingen hebben geen tekstalternatief die hierover informatie geven.

Op pagina https://www.cpunt.nl/cursussen/abstract/CRS000080?courseId=5381&variantId=45&rateCode=g150m1w15l staat een icoon van een klok vóór het tijdstip en een icoon van een markering vóór de locatie. Deze iconen zijn informatief en hebben daardoor een tekstalternatief nodig als "tijd" en "locatie". Dit kan vaker voorkomen.

Op pagina's https://www.cpunt.nl/zoeken?q=rock, https://www.cpunt.nl/agenda, https://www.cpunt.nl/agenda/bonfire en https://test.cpunt.nl/agenda/erwin-karine-en-eugenie staan iconen van hartjes, waarmee onderdelen als favoriet kunnen worden aangegeven. Dit icoon heeft geen tekstalternatief. Zie ook succescriterium 4.1.2.

Op pagina https://www.cpunt.nl/praktisch/veelgestelde-vragen-bibliotheek staan iconen van pijlen. Deze hebben geen tekstalternatief. Zie ook succescriterium 4.1.2.

Op pagina https://issuu.com/marketingcpunt/docs/2024_educatie_brochure_vo_def_druk?fr=sNTE2YTcwMzc4OTA is de gehele inhoud van de brochure opgemaakt als niet-tekstuele content. Hiervoor is geen tekstalternatief gevonden. Dit betekent onder andere dat de inhoud in het geheel niet beschikbaar is voor mensen met een visuele beperking en dat de brochure inhoudelijk niet volledig getest kan worden. Zie ook succescriterium 1.3.1.

De PDF op pagina https://www.cpunt.nl/view.asp?guid=230F4826-E886-4FF4-B744-A559A8EA3AB1 bestaat volledig uit afbeeldingen zonder tekstalternatief. In dit geval kan het een alternatief zijn om een uitgeschreven tekst aan te bieden voor de informatie in dit document.

De PDF https://static.cpunt.nl/cache/activiteitenplan-2024.46986/activiteitenplan-2024.pdf bevat meerdere decoratieve afbeeldingen, bijvoorbeeld op paginanummers 4, 8 en 10. Deze afbeeldingen moeten genegeerd kunnen worden en dat is nu niet het geval. Maak deze op als artefact, zodat ze uit de codes/tags verwijderd worden.

Op paginanummer 7 van de PDF https://static.cpunt.nl/cache/activiteitenplan-2024.46986/activiteitenplan-2024.pdf staat een afbeelding van het organogram. Deze informatieve afbeelding heeft geen tekstalternatief dat omschrijft wat op de afbeelding staat. Er staat wel een stuk tekst op de vorige pagina, maar dat bevat niet voldoende informatie.

Op pagina 1 van de PDF https://static.cpunt.nl/cache/begroting-2024.51103/begroting-2024.pdf staat een afbeelding van het logo met het tekstalternatief "Afbeelding met Graphics, cirkel, Lettertype, logo Automatisch gegenereerde beschrijving". Dit is geen goede omschrijving van wat op de afbeelding staat. Wijzig dit naar bijvoorbeeld "Logo Cpunt, maak 't mee!". Zie ook succescriterium 1.4.5.

In deze PDF staan vanaf pagina 2 meerdere afbeeldingen van grafieken en tabellen zonder tekstalternatief. Soms staat er wel een korte tekst boven, maar dit geeft onvoldoende informatie. In het geval van de grafieken kan een tabel worden toegevoegd met dezelfde informatie. In het geval van de tabellen kunnen deze beter als 'echte' tabellen ingevoegd worden. Die moeten dan natuurlijk wel toegankelijk zijn.

De PDF op pagina https://static.cpunt.nl/cache/meerjarenbeleidsplan-2022-2025.22505/meerjarenbeleidsplan-2022-2025.pdf is niet voorzien van codes of tags en daarom kan niet onderzocht worden of afbeeldingen een goed tekstalternatief hebben. Zie ook succescriterium 1.3.1.

1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen louter-videobeeld is het volgende waar, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld:

Vooraf opgenomen louter-geluid: Er wordt een alternatief geleverd voor op tijd gebaseerde media dat equivalente informatie geeft voor vooraf opgenomen louter-geluid content.
Vooraf opgenomen louter-videobeeld: Er wordt een alternatief geleverd voor op tijd gebaseerde media of een geluidsspoor dat equivalente informatie geeft voor vooraf opgenomen louter-videobeeld content.

Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Uitkomst: Niet aanwezig

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

Er worden ondertitels voor doven en slechthorenden geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

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

Uitkomst: Voldoende

Bevindingen: Advies: De video's op pagina's https://www.cpunt.nl/cursussen/alles-voor-de-podiumbeesten-van-de-toekomst en https://www.cpunt.nl/zakelijk hebben alleen automatische ondertitels in het Engels. Deze video's bevatten echter geen gesproken tekst of andere belangrijke informatie, dus zijn ondertitels hier niet nodig. Let erop dat dit wel een probleem kan worden bij video's waarbij wel een ondertiteling nodig is voor mensen die doof of slechthorend zijn.

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

Er wordt een alternatief geleverd voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

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

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.cpunt.nl/cursussen/alles-voor-de-podiumbeesten-van-de-toekomst komen in de twee video's op verschillende plaatsen tekst in beeld. In de eerste video bijvoorbeeld rond 0:01 de tekst "Sta je graag op een podium". In de tweede video bijvoorbeeld het logo aan het begin en rond 0:27 de tekst "Muziekmakers krijgen een half uur instrumentale les (duo)". Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een schermvoorleessoftware, niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript of maak gebruik van een (extra) audiospoor om ook te voldoen aan succescriterium 1.2.5.

1.2.4 Ondertitels voor doven en slechthorenden (live) (Niveau AA)

Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live)

Uitkomst: Niet aanwezig

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.cpunt.nl/cursussen/alles-voor-de-podiumbeesten-van-de-toekomst staan twee video's. Een audiodescriptie ontbreekt in deze video's. Audiodescriptie is een (extra) audiospoor waarin verteld wordt wat er in beeld te zien is. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een schermvoorleessoftware, niet weten wat er wordt getoond in de video. Zie ook succescriterium 1.2.3.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie, structuur en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevindingen: In de cookiemelding is de content in het tabblad onder "Over" opgemaakt als één stuk tekst, terwijl het visueel verschillende alinea's zijn. Maak dit op als verschillende alinea's (p-elementen).

Op pagina https://www.cpunt.nl/bibliotheek/hulp-en-spreekuren staan meerdere teksten in dikgedrukte tekst. Deze teksten zijn opgemaakt met het strong-element. bijvoorbeeld "Voor vragen over e-books, tablets, internet en meer". Het strong- en em-element zijn bedoeld om nadruk te geven aan een of enkele woorden, niet voor hele zinnen. Ook mogen deze elementen niet worden gebruikt als visuele kop, omdat ze niet dezelfde betekenis hebben als een kop (bijvoorbeeld h2 of h3). Dit probleem komt vaker voor, bijvoorbeeld op https://www.cpunt.nl/educatie/contact.

Op pagina https://www.cpunt.nl/praktisch/veelgestelde-vragen-bibliotheek staan onder de kop "Kies het onderwerp of typ je zoekwoord in" de teksten "Lidmaatschap & bibliotheekpas" tot en met "Kopiëren, printen en internetten". Deze teksten zijn onterecht opgemaakt als kopteksten (h4), want ze hebben geen content onder zich. Wijzig deze naar 'normale' teksten.
Dit probleem komt vaker voor, bijvoorbeeld op pagina's https://www.cpunt.nl/praktisch/contact, https://www.cpunt.nl/bibliotheek en https://www.cpunt.nl/bibliotheek/hulp-en-spreekuren.

Op pagina https://www.cpunt.nl/praktisch/veelgestelde-vragen-bibliotheek staan onder "Hoe sluit ik een jaarabonnement af?" en Hoe sluit ik een maandabonnement af? de teksten "Via de website" en "In een bibliotheekvestiging". Hier zijn meerdere problemen mee.
Ten eerste zijn deze teksten onterecht opgemaakt met het strong-element. Dit element is bedoeld om de nadruk te leggen op één of enkele woorden, niet om een bepaalde opmaak te bereiken.
Ten tweede zijn deze teksten opgemaakt in twee opsommingslijsten met één onderdeel. Dit moet één opsommingslijst met twee onderdelen worden.

Op pagina https://www.cpunt.nl/cursussen/abstract/CRS000080?courseId=5381&variantId=45&rateCode=g150m1w15l is de tekst "Niet natuurgetrouw, maar…" onterecht opgemaakt als kop (<h5>), omdat hier geen content onder staat. Wijzig dit naar normale tekst.

Op pagina https://www.cpunt.nl/zakelijk/offerte-aanvragen staan kopteksten als "Enthousiast geworden? Wij ontmoeten je graag!" en "Algemene voorwaarden". Deze zijn echter niet als koppen (bijvoorbeeld <h2>) opgemaakt.

Op pagina https://www.cpunt.nl/ staan onder "Actueel bij Cpunt" de filters "Alles" tot en met "Onze mensen". Ook staat onder de resultaten een navigatie. Hierin wordt visueel duidelijk gemaakt wat de actuele filter of pagina is. Deze informatie is niet programmatisch te bepalen. Voeg deze informatie toe, bijvoorbeeld via een verborgen tekst. Dit komt ook voor op pagina's https://www.cpunt.nl/agenda en https://www.cpunt.nl/bibliotheek.

Op pagina https://www.cpunt.nl/cursussen/abstract/CRS000080?courseId=5381&variantId=45&rateCode=g150m1w15l staan onder "Inschrijven" twee radioknoppen. Deze horen gegroepeerd te worden om de relatie tussen deze twee radioknoppen te kunnen bepalen. Let op: deze groepering heeft vervolgens ook een naam nodig. Dit geldt ook voor de twee radioknoppen en voor de twee selectievakjes onder "In één keer betalen".

Vergelijkbare problemen komen ook op andere pagina's voor. Bijvoorbeeld op https://www.cpunt.nl/nieuwsbrief en https://www.cpunt.nl/mijn-cpunt/mijn-voorkeuren. Ook op pagina https://apps.ticketmatic.com/widgets/cultuurgebouw/addtickets?edit=yes&event=49135&flow=basketwithcheckout&l=nl&oncompletion=return&returnurl=https%3A%2F%2Ftest.cpunt.nl%2Fmvc%2Fevent%2Freturn&saleschannelid=10006&skinid=10004&accesskey=a72ed6fb09bf483ba23b9a5e&signature=E835A3D7C9E5E89A5F96DA6A3B4CBB9EAE342DC722A9FC6A8C3B4BA8F2745D4F#!/addtickets komt iets vergelijkbaars voor.

Iets vergelijkbaars komt voor in het formulier op pagina https://www.cpunt.nl/praktisch/contact/contactformulier-opzeggen-lidmaatschap-bibliotheek, bij "Bij welke bibliotheekvestiging sta je ingeschreven?". De radioknoppen staan hier wel in een fieldset (wat op zich een goede manier is om ze te groeperen). Deze fieldset mist echter het legend-element (met de tekst van het label erboven). Daarnaast is deze fieldset niet beschikbaar als groepering, omdat het role="presentation" heeft gekregen.
Dit komt vaker voor, bijvoorbeeld op pagina https://www.cpunt.nl/zakelijk/offerte-aanvragen.

Op pagina https://www.cpunt.nl/praktisch/contact/contactformulier-opzeggen-lidmaatschap-bibliotheek staat onder "Lidmaatschapsnummer" de tekst "Te vinden op je bibliotheekpas.". Deze tekst is niet gekoppeld aan het invoerveld en daarom is de relatie tussen deze tekst en dit invoerveld niet te bepalen. Zie ook succescriterium 3.3.2.

De PDF op pagina https://static.cpunt.nl/cache/meerjarenbeleidsplan-2022-2025.22505/meerjarenbeleidsplan-2022-2025.pdf is niet gecodeerd (van tags voorzien). Dit betekent dat 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 codes of tags ontbreken, kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag, zoals semantische koppen en alternatieve teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

De PDF op pagina https://www.cpunt.nl/view.asp?guid=230F4826-E886-4FF4-B744-A559A8EA3AB1 bestaat volledig uit afbeeldingen en dat betekent dat de informatie en relaties tussen de zichtbare teksten niet bepaald kan worden.

In de PDF https://static.cpunt.nl/cache/rooster-van-aftreden.44921/rooster-van-aftreden.pdf staat een tabel. De tabelcellen in de eerste rij zijn niet opgemaakt als tabelkoppen (TH). Wijzig deze, zodat het tabelkoppen worden voor de cellen eronder.

In de PDF https://static.cpunt.nl/cache/activiteitenplan-2024.46986/activiteitenplan-2024.pdf zijn meerdere problemen met de codes/tags gevonden. Hier volgen enkele voorbeelden:

Kopteksten, zoals "Inhoud", "Inleiding", "Algemeen", "Organisatie" etc, zijn niet als koppen (<H1>, <H2> etc) opgemaakt.
De inhoudsopgave onder "Inhoud" is niet als inhoudsopgave (<TOC>) of lijst (<L>) opgemaakt.
Onder "Inleiding" staat de alinea die begint met "Kunst en cultuur vormen…". Deze is in de codes/tags opgemaakt als twee losse alinea's.
Onder "Onze focus" (paginanummer 8) staat steeds een opsommingslijst met één onderdeel. Dit moet één lijst met meerdere onderdelen worden of omgezet worden naar kopteksten met alinea's.
Onder "1. Programmering" (paginanummer 10) staat een tabel. Hierin zijn de tabelkoppen niet als tabelkoppen (<TH>) opgemaakt.

In de PDF https://static.cpunt.nl/cache/begroting-2024.51103/begroting-2024.pdf zijn kopteksten niet opgemaakt als koppen (<H1>, <H2> etc). Bijvoorbeeld "1. Begroting 2024, Inleiding" op pagina 2 en "1.1 Begroting 2024" en "Eigen inkomsten" op pagina 4. Ook is de tekst "Begroting 2024 Meerjarenbegroting 2025-2027 Stichting C." op pagina 1 opgemaakt als verschillende alinea's. Dit moet in één code staan. Verder bevat het document veel lege codes. Dit laatste wordt niet afgekeurd, maar kan wel voor een vervelende (voor)leeservaring zorgen.

De PDF-documenten https://static.cpunt.nl/cache/meerjarenbeleidsplan-2022-2025.22505/meerjarenbeleidsplan-2022-2025.pdf en https://static.cpunt.nl/cache/activiteitenplan-2024.46986/activiteitenplan-2024.pdf hebben paginanummers die niet overeenkomen met de pagina's in de PDF-lezer. Zorg ervoor dat deze overeenkomen, bijvoorbeeld door de paginalabels in de PDF aan te passen.

1.3.2 Betekenisvolle volgorde (Niveau A)

Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een correcte leesvolgorde door software bepaald worden.

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevindingen: De bedoeling van dit succescriterium is om te garanderen dat gebruikers de informatie in een logische volgorde kunnen gebruiken en de betekenis niet verloren gaat.

De PDF https://static.cpunt.nl/cache/meerjarenbeleidsplan-2022-2025.22505/meerjarenbeleidsplan-2022-2025.pdf is niet getagd, waardoor de leesvolgorde niet te bepalen is. Wanneer het document wel getagd is, kan dit alsnog een probleem zijn en worden afgekeurd.

De PDF https://www.cpunt.nl/view.asp?guid=230F4826-E886-4FF4-B744-A559A8EA3AB1 bestaat alleen uit afbeeldingen. Er is echter ook tekst aanwezig die nu regel voor regel worden voorgelezen. Dit is geen betekenisvolle volgorde. In dit geval kan het een oplossing zijn om een uitgeschreven alternatief te maken voor de informatie uit dit document. Zie ook succescriterium 1.1.1.

In de PDF https://static.cpunt.nl/cache/activiteitenplan-2024.46986/activiteitenplan-2024.pdf is de leesvolgorde niet overal logisch. Zo komt de afbeelding met het organogram op paginanummer 7 in de leesvolgorde pas na de opsommingslijst onderaan op paginanummer 9. Ook andere afbeeldingen komen niet op de juiste plaats in de leesvolgorde. Wanneer afbeeldingen decoratief zijn en geen tekstalternatief nodig hebben, moeten ze genegeerd kunnen worden, zie ook succescriteria 1.1.1 en 1.3.1.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Instructies die geleverd worden om content te begrijpen en te bedienen zijn niet alleen afhankelijk van zintuiglijke eigenschappen van componenten zoals vorm, kleur, omvang, visuele locatie, oriëntatie of geluid.

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.cpunt.nl/praktisch/veelgestelde-vragen-bibliotheek staan onder "Ik zie mijn persoonlijke account niet (meer), waar kan ik het vinden?" en "Hoe kan ik een groot aantal zoekresultaten verkleinen?" instructies als "als je bovenin het scherm op het icoontje van het poppetje klikt" en "In het linker menu in de catalogus…". Deze instructies zijn afhankelijk van de visuele weergave en kan daarom gemist worden door blinde en slechtziende gebruikers. Voeg een instructie toe die niet alleen afhankelijk is van zintuiglijke eigenschappen. Bijvoorbeeld "In het linker menu in de catalogus, onder de kop "Filters"…" of iets dergelijks voor het laatstgenoemde voorbeeld.

Op pagina https://www.cpunt.nl/praktisch/toegankelijkheid staat onder "Online" de instructie "Via het 'oogje' rechtsboven onder de menubalk…". Deze instructie is afhankelijk van de visuele weergave en kan daarom gemist worden door blinde en slechtziende gebruikers.

Advies: Op pagina https://www.cpunt.nl/praktisch/contact staat onder "Liever telefonisch contact?" de instructie "Klik op onderstaande knop…". Dit is echter geen knop, maar een link en dat kan voor sommige gebruikers verwarrend zijn. Wijzig hier "knop" naar "link" en/of verwijs naar de tekst op de link.

1.3.4 Weergavestand (Niveau AA)

De content beperkt de weergave en bediening niet tot een enkele presentatie-oriëntatie, zoals staand of liggend, tenzij een specifieke presentatie-oriëntatie essentieel is.

Informatie over succescriterium 1.3.4 Weergavestand

Uitkomst: Voldoende

1.3.5 Identificeer het doel van de input (Niveau AA)

Het doel van elk invoerveld waarmee informatie van de gebruiker wordt verzameld, kan door software bepaald worden wanneer:

Het invoerveld een doel dient dat is geïdentificeerd in de paragraaf Inputdoelen voor Componenten van de Gebruikersinterface; en
De content wordt geïmplementeerd met behulp van technologieën die ondersteuning bieden bij het identificeren van de verwachte betekenis van formulier-invoergegevens.

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevindingen: Op de volgende pagina's staat een formulier waar de bezoeker persoonlijke gegevens, zoals de naam en het e-mailadres kan invullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email". 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/Translations/WCAG21-nl/#input-purposes.

In het formulier op pagina's https://www.cpunt.nl/cursussen/abstract/CRS000080?courseId=5381&variantId=45&rateCode=g150m1w15l, https://www.cpunt.nl/nieuwsbrief en https://www.cpunt.nl/mijn-cpunt/inloggen ontbreekt het autocomplete-attribuut op de relevante invoervelden.

In het formulier op pagina's https://www.cpunt.nl/praktisch/contact/contactformulier-opzeggen-lidmaatschap-bibliotheek en https://www.cpunt.nl/zakelijk/offerte-aanvragen is het autocomplete-attribuut wel aanwezig, maar zonder waarde.

Op de website kan een pop-up in beeld komen voor het inschrijven voor de nieuwsbrief. Hierin staat een invoerveld voor het e-mailadres. Dit veld moet automatisch ingevuld kunnen worden. Voeg autocomplete="email" toe.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden.

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevindingen: Op pagina's https://www.cpunt.nl/agenda, https://www.cpunt.nl/agenda/bonfire en https://www.cpunt.nl/verken-cpunt/cafe kunnen favorieten worden weergegeven met het icoon van een hartje. Hier wordt alleen via kleur aangegeven of een activiteit een favoriet is. Kleur mag niet het enige middel zijn om informatie over te brengen. Gebruik daarom nog een methode om deze informatie over te brengen, bijvoorbeeld een andere vorm of achtergrond met voldoende contrast.

In het bestelproces op pagina https://apps.ticketmatic.com/widgets/cultuurgebouw/addtickets?edit=yes&event=49135&flow=basketwithcheckout&l=nl&oncompletion=return&returnurl=https%3A%2F%2Ftest.cpunt.nl%2Fmvc%2Fevent%2Freturn&saleschannelid=10006&skinid=10004&accesskey=a72ed6fb09bf483ba23b9a5e&signature=E835A3D7C9E5E89A5F96DA6A3B4CBB9EAE342DC722A9FC6A8C3B4BA8F2745D4F#!/addtickets wordt op meerdere manieren alleen kleur gebruikt om informatie over te brengen.
Ten eerste is de actieve stap in het proces alleen te herkennen doordat het icoon en de tekst een paarse kleur (HEX #6731B7) hebben in plaats van een blauwe (HEX #2F9AFF) of donkergrijze kleur (HEX #333333). De contrastratio is dan ook te laag, namelijk 2,7:1 en 1,6:1. Dit moet minimaal 3,0:1 zijn.
Ten tweede wordt in de stap "Plaatsen" alleen door middel van kleur aangegeven wat "jouw keuze", "beschikbaar" en "niet beschikbaar" is. Ook hier is het contrast tussen de opties te laag om als tweede manier te dienen.
Ten derde kunnen in de stappen "Order info" en "Contact info" formulierfouten voorkomen. De foute invoervelden worden alleen via kleur aangeduid.

In de PDF op pagina https://www.cpunt.nl/view.asp?guid=230F4826-E886-4FF4-B744-A559A8EA3AB1 wordt alleen kleur gebruikt om informatie over te brengen, bijvoorbeeld wat het theater, het kunstencentrum, het poppodium en de bibliotheek is. In dit geval kan het een alternatief zijn om een uitgeschreven tekst aan te bieden voor de informatie in dit document.

In de PDF https://static.cpunt.nl/cache/begroting-2024.51103/begroting-2024.pdf wordt vanaf pagina 2 in de grafieken alleen kleur gebruikt om informatie over te brengen. In de grafiek op pagina 4 hebben de verschillende kleuren van de lijnen ook niet voldoende contrast om onderscheiden te kunnen worden. Zo hebben donkerblauw (HEX #4472C4) en lichtblauw (#00B0F0) een contrastratio van 1,9:1 waar dit minimaal 3,0:1 moet zijn. Zie ook succescriterium 1.4.11.

1.4.2 Geluidsbediening (Niveau A)

Als een geluidsweergave op een webpagina automatisch meer dan 3 seconden speelt, is er of een mechanisme beschikbaar om de geluidsweergave te pauzeren of te stoppen, of er is een mechanisme beschikbaar om het geluidsvolume onafhankelijk van het overall systeemvolume te regelen.

Informatie over succescriterium 1.4.2 Geluidsbediening

Uitkomst: Voldoende

1.4.3 Contrast (minimum) (Niveau AA)

De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:

Grote tekst: Grote tekst en afbeeldingen van grote tekst hebben een contrastverhouding van ten minste 3:1;
Incidenteel: Tekst of afbeeldingen van tekst die deel zijn van een inactieve component van de gebruikersinterface, die puur decoratief zijn, die voor niemand zichtbaar zijn, of die onderdeel zijn van een afbeelding die significant andere visuele content bevat, hebben geen contrasteis.
Woordmerken: Tekst die onderdeel is van een logo of merknaam heeft geen contrasteis.

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevindingen: De website wordt weergegeven in verschillende kleurencombinaties en dit kan wisselen als een pagina wordt ververst. Daarom kunnen nu geen specifieke contrastproblemen benoemd worden. In het algemeen kan wel gesteld worden dat meerdere kleurencombinaties een te laag contrast hebben om goed gezien en gelezen te kunnen worden. Er is een functie aanwezig voor hoog contrast, maar deze is niet toegankelijk (zie onder andere succescriteria 2.1.1 en 4.1.2). Dit is daarom geen alternatief.

Als de functie voor hoog contrast gebruikt wordt hebben in het hoofdmenu de links in het submenu onder "Educatie" geel (HEX #FFFF0) op witte achtergrondeen een te laag contrast. De contrastverhouding is 1,1:1 terwijl dit tenminste 4,5:1 moet zijn.

Normale teksten moeten een contrastratio van minimaal 4,5:1 hebben op de achtergrond. Voor grote teksten geldt een minimum van 3,0:1. Enkele voorbeelden van problemen zijn:

Witte teksten op een lila achtergrond (HEX #BF8AF0) hebben een te lage contrastratio van 2,6:1.
Witte teksten op een lichtblauwe achtergrond (HEX #2F9AFF) hebben een te lage contrastratio van 2,9:1.
Witte teksten op een roze achtergrond (HEX #FE98FB) hebben een te lage contrastratio van 1,9:1.

Bovengenoemde problemen komen ook voor in de pop-up voor inschrijven voor de nieuwsbrief.

Onderaan op de pagina's staat de grijze tekst "Website by" (HEX #A0A0A0). Deze heeft ook een te laag contrast op de wisselende achtergrondkleuren. Bijvoorbeeld 3,0:1 op paars, 1,1:1 op lila en 1,4:1 op roze.

Op pagina https://www.cpunt.nl/ staat witte tekst op een achtergrondafbeelding. Deze tekst heeft niet altijd voldoende contrast op de achtergrond. Bijvoorbeeld 2,6:1 op een grijze achtergrond (HEX #A0A2A5) en 3,9:1 op een groene achtergrond (HEX #0A9274).
Dit probleem komt vaker voor, bijvoorbeeld op https://www.cpunt.nl/agenda/bonfire, https://www.cpunt.nl/theater en https://www.cpunt.nl/zakelijk.

Op pagina https://www.cpunt.nl/cursussen/abstract/CRS000080?courseId=5381&variantId=45&rateCode=g150m1w15l staat een placeholdertekst met extra informatie onder "Geboortedatum". De contrastratio van deze grijze tekst (HEX #C3C3C3) op de witte achtergrond is slechts 1,8:1 waar dit minimaal 4,5:1 moet zijn. Er zijn meer problemen met placeholderteksten, zie onder andere succescriterium 3.3.2.

Op pagina https://www.cpunt.nl/nieuwsbrief staat de grijze tekst "Meerdere opties mogelijk" (HEX #888888). De contrastratio op de witte achtergrond is 3,5:1 waar dit minimaal 4,5:1 moet zijn.

Op pagina https://www.cpunt.nl/mijn-cpunt/inloggen staan witte invoervelden en op pagina https://www.cpunt.nl/mijn-cpunt/mijn-voorkeuren staan meerdere witte teksten. De achtergrondkleur kan wijzigen en dat betekent dat de de invoervelden selectievakjes niet altijd voldoende contrast hebben met de achtergrond. Bijvoorbeeld 2,6:1 op een lila achtergrond (HEX #BF8AF0). Dit moet minimaal 3,0:1 zijn.

Op pagina https://apps.ticketmatic.com/widgets/cultuurgebouw/addtickets?edit=yes&event=49135&flow=basketwithcheckout&l=nl&oncompletion=return&returnurl=https%3A%2F%2Ftest.cpunt.nl%2Fmvc%2Fevent%2Freturn&saleschannelid=10006&skinid=10004&accesskey=a72ed6fb09bf483ba23b9a5e&signature=E835A3D7C9E5E89A5F96DA6A3B4CBB9EAE342DC722A9FC6A8C3B4BA8F2745D4F#!/addtickets staan witte cijfers van de overige stappen op een blauwe achtergrond (HEX #2F9AFF) met een contrastratio van 2,9:1. Dit moet minimaal 4,5:1 zijn. Dit geldt ook voor de knoppen "Volgende", "Verder winkelen" etc.
In de stap "Order" staat de grijze tekst "Exclusief transactiekosten…" (HEX #999999) op een witte achtergrond met een te lage contrastratio van 2,8:1.
In de stap "Checkout" staat de grijze tekst "doen een test" (HEX #969696) op een grijze achtergrond (HEX #F9F9F9) met een te lage contrastratio van 2,8:1.
In de stap "Contact info" staat de grijze tekst "Bijvoorbeeld: 15-02-1972…" (HEX #737373) op een witte achtergrond met een te lage contrastratio van 2,9:1.

Op pagina https://issuu.com/marketingcpunt/docs/2024_educatie_brochure_vo_def_druk?fr=sNTE2YTcwMzc4OTA staan meerdere groene teksten (HEX #8ECD9C) met een contrastratio van 1,8:1 op de witte achtergrond. Voor grote teksten moet dit minimaal 3,0:1 zijn en voor normale teksten minimaal 4,5:1.
Op pagina 12 staat donkergroene tekst (HEX #00632D) op een roze achtergrond (HEX #F6A1A8) met een contrastratio van 3,7:1. Voor de tekst onder de afbeelding is dit niet voldoende.

In de PDF op pagina https://www.cpunt.nl/view.asp?guid=230F4826-E886-4FF4-B744-A559A8EA3AB1 staan meerdere witte teksten op gekleurde achtergronden. De contrastratio van de witte tekst op een groene achtergrond (HEX #52A846) is 2,9:1 en op een gele achtergrond (HEX #F89740) 2,2:1. Voor grote teksten moet dit minimaal 3,0:1 zijn en voor normale teksten minimaal 4,5:1.
In de afbeelding op pagina 16 staat witte tekst op een blauwe achtergrond (HEX #17A4D9) met een contrastratio van 2,9:1. Ook staat hierin witte tekst op een oranje achtergrond (HEX #F47A24) met een contrastratio van 2,7:1.

In de PDF https://static.cpunt.nl/cache/meerjarenbeleidsplan-2022-2025.22505/meerjarenbeleidsplan-2022-2025.pdf staan vanaf paginanummer 5 paarse teksten (HEX #8C9ACE) die een contrastratio van 2,8:1 op de witte achtergrond hebben. Voor grote teksten moet dit minimaal 3,0:1 zijn.

In de PDF https://static.cpunt.nl/cache/activiteitenplan-2024.46986/activiteitenplan-2024.pdf worden verschillende kleuren gebruikt met een te laag contrast op de witte achtergrond. Dit is bijvoorbeeld te zien in de inhoudsopgave: roze (HEX #EA2891) met contrastratio 4,0:1; paars (HEX #9093C8) met contrastratio: 2,9:1; blauw (HEX #00B8D6) met contrastratio 2,4:1; rood (HEX #ED1C24) met contrastratio 4,4:1; roze (HEX #F1A7A5) met contrastratio 1,9:1 en groen (HEX #0BB14B) met contrastratio 2,8:1.
Verder staat op paginanummer 7 een organogram met daarin witte teksten op gekleurde achtergronden met een te laag contrast: op een rode achtergrond (HEX #ED1C24) is de contrastratio 4,4:1; op een grijze achtergrond (HEX #95979A) is de contrastratio 2,9:1 en op een groene achtergrond (HEX #00AA4F) is de contrastratio 3,1:1.

In de PDF https://static.cpunt.nl/cache/begroting-2024.51103/begroting-2024.pdf staan vanaf pagina 7 afbeeldingen van tabellen met daarin verschillende teksten met een te laag contrast op de achtergrond. De blauwe cijfers (HEX #0070C0) hebben een contrastratio van 3,9:1 op de lichtblauwe achtergrond (HEX #D9E1F2). De rode cijfers (HEX #FC1314) hebben een contrastratio van 3,1:1 op deze achtergrond.

1.4.4 Herschalen van tekst (Niveau AA)

Behalve voor ondertitels voor doven en slechthorenden en afbeeldingen van tekst, kan tekst zonder hulptechnologie tot 200% geschaald worden zonder verlies van content of functionaliteit.

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevindingen: Als de website bij een breedte van 1280 pixels wordt ingezoomd, kunnen de teksten niet toto 200% vergroot worden. Sterker nog, de meeste teksten worden relatief gezien zelfs kleiner. Zorg ervoor dat in ieder geval de normale teksten tot 200% vergroot kunnen worden, zodat mensen met een visuele beperking deze ook kunnen lezen. Zorg er ook voor dat het menu volledig zichtbaar blijft bij elke vergroting tussen100% en 200%.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Als de gebruikte technologieën de visuele weergave tot stand kunnen brengen, wordt tekst gebruikt in plaats van afbeeldingen van tekst om informatie over te brengen, behalve in de volgende gevallen:

Aanpasbaar: De afbeelding van tekst kan visueel aangepast worden aan de eisen van de gebruiker;
Essentieel: Een specifieke weergave van tekst is essentieel voor de informatie die wordt overgebracht.

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.cpunt.nl/theater staan onder "Theaterzalen" meerdere afbeeldingen met daarin teksten als "Grote Meer (550 stoelen), "Kleine Meer (250 stoelen)" en "Kleine Pier (150 stoelen)". Dit zijn afbeeldingen van tekst. Voor bezoekers met een visuele beperking is het belangrijk dat tekst als HTML wordt geplaatst en niet in een afbeelding. Zij kunnen tekst in HTML namelijk met een eigen stylesheet naar hun wensen opmaken, terwijl tekst in een afbeelding niet aanpasbaar is. Plaats de links indien mogelijk als platte tekst of voeg een toegankelijk alternatief toe. Let op: het toevoegen van een alternatieve tekst zoals beschreven in succescriterium 1.1.1 is niet voldoende om te voldoen aan dit succescriterium.

In de PDF's https://static.cpunt.nl/cache/meerjarenbeleidsplan-2022-2025.22505/meerjarenbeleidsplan-2022-2025.pdf en https://static.cpunt.nl/cache/begroting-2024.51103/begroting-2024.pdf staat op pagina 1 de afbeelding van tekst "maak 't mee!". Dit wordt niet gezien als onderdeel van het logo. Maak er gewone tekst van.

1.4.10 Reflow (Niveau AA)

Content kan zonder verlies van informatie of functionaliteit en zonder te moeten scrollen in twee dimensies, worden weergegeven voor:

Verticaal scrollbare content met een breedte gelijkwaardig aan 320 CSS-pixels;
Horizontaal scrollbare content met een hoogte gelijkwaardig aan 256 CSS-pixels.

Met uitzondering van delen van de content die voor het gebruik of de betekenis een tweedimensionale lay-out vereisen.

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevindingen: Als pagina https://www.cpunt.nl/fotoarchief/crash-test-dummies-eelke wordt bekeken met een zoomniveau van 400% en een schermresolutie van 1280 x 1024 pixels, valt de knop "Terug" deels over de koptekst, waardoor het eerste deel van het woord "Crash" niet goed leesbaar is.

De PDF op pagina https://static.cpunt.nl/cache/meerjarenbeleidsplan-2022-2025.22505/meerjarenbeleidsplan-2022-2025.pdf is niet getagd, waardoor de content niet zonder verlies van informatie of functionaliteit kan worden weergegeven in de genoemde dimensies.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

De visuele weergave van het volgende heeft een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren:

Componenten van de gebruikersinterface: Visuele informatie die vereist is om componenten van de gebruikersinterface en statussen te identificeren, met uitzondering van inactieve componenten of componenten waarvan de weergave van de component wordt bepaald door de user agent en niet wordt aangepast door de auteur;
Grafische objecten: Delen van afbeeldingen die vereist zijn om de content te begrijpen, behalve wanneer een specifieke weergave van afbeeldingen essentieel is voor de informatie die wordt overgebracht.

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Bij succescriterium staat een algemene opmerking over de gekleurde achtergronden die verschillen per pagina en wisselen wanneer een pagina wordt ververst. Dit probleem komt ook voor bij niet-tekstuele content. Deze moet een contrastratio van minimaal 3,0:1 hebben als het informatief of functioneel is en dat is niet overal het geval. Hier volgen enkele voorbeelden, maar dit komt vaker voor:

Op de website kan een pop-up in beeld komen voor het inschrijven voor de nieuwsbrief. Hierin staat ook een invoerveld voor een e-mailadres. De contrastratio tussen dit witte invoerveld en de roze achtergrond (HEX #FE98FB) is 1,8:1 waar dat minimaal 3,0:1 moet zijn. Deze pop-up kan ook in andere kleurcombinaties voorkomen die mogelijk ook niet voldoen aan de contrasteisen.
Op pagina https://www.cpunt.nl/ staat een slider onder "Highlights uit onze agenda". Hier staan witte iconen van pijlen die op sommige achtergronden een te lage contrastratio hebben. Dit komt vaker voor, bijvoorbeeld op pagina https://www.cpunt.nl/verken-cpunt/cafe.
Op pagina https://www.cpunt.nl/praktisch/veelgestelde-vragen-bibliotheek staan iconen van pijlen die omlaag of omhoog kunnen wijzen. Deze hebben op bepaalde achtergrondkleuren een te laag contrast. Dit komt ook op andere pagina's voor, ook met andere iconen.

Op pagina's https://www.cpunt.nl/zoeken?q=rock en https://www.cpunt.nl/agenda staan iconen van hartjes, waarmee favorieten worden aangeduid. Als deze zijn geselecteerd, hebben ze een rode kleur (HEX #FF0000). Ook dan hebben deze iconen een te lage contrastratio op de wisselende achtergrondkleuren. Bijvoorbeeld 1,9:1 op een paarse achtergrond (HEX #6731B7) en 1,5:1 op een lila achtergrond (HEX #BF8AF0).

Op pagina https://www.cpunt.nl/agenda/bonfire staat ook een icoon van een hartje, maar dan op een achtergrondafbeelding. Deze heeft ook niet altijd voldoende contrast. Bijvoorbeeld als het icoon rood is (HEX #FF0000) op de bruine achtergrond (HEX #97591A). Dan is de contrastratio 1,4:1.

In de formulieren op pagina's https://www.cpunt.nl/cursussen/abstract/CRS000080?courseId=5381&variantId=45&rateCode=g150m1w15l, https://www.cpunt.nl/nieuwsbrief, https://www.cpunt.nl/praktisch/contact/contactformulier-opzeggen-lidmaatschap-bibliotheek en https://www.cpunt.nl/zakelijk/offerte-aanvragen hebben de grijze randen van de invoervelden (HEX #CBCBCB) een te lage contrastratio van 1,6:1 op de witte achtergrond. Dit moet minimaal 3,0:1 zijn.
Dit komt ook voor bij de zoekvelden op pagina https://www.cpunt.nl/bibliotheek.

Op pagina https://www.cpunt.nl/mijn-cpunt/inloggen staan witte invoervelden en op pagina https://www.cpunt.nl/mijn-cpunt/mijn-voorkeuren staan meerdere selectievakjes met een witte rand. De achtergrondkleur kan wijzigen en dat betekent dat de de invoervelden selectievakjes niet altijd voldoende contrast hebben met de achtergrond. Bijvoorbeeld 2,6:1 op een lila achtergrond (HEX #BF8AF0). Dit moet minimaal 3,0:1 zijn.

Op pagina https://issuu.com/marketingcpunt/docs/2024_educatie_brochure_vo_def_druk?fr=sNTE2YTcwMzc4OTA kan gekozen worden voor "Grid view". De pagina's van het document die dan de toetsenbordfocus hebben, zijn voorzien van een paarse rand. De contrastratio van deze paarse rand (HEX #5F5DE4) met de donkergrijze achtergrond (HEX #333333) is met 2,5:1 te laag. Dit moet minimaal 3,0:1 zijn.

In de PDF https://www.cpunt.nl/view.asp?guid=230F4826-E886-4FF4-B744-A559A8EA3AB1 wordt kleur gebruikt om informatie over te brengen over waar zich wat bevindt. De gele (HEX #FEBA12) en groene (HEX #52A846) hebben een contrastratio van 1,7:1 en 2,9:1 op de witte achtergrond. Verder hebben de kleuren onderling ook te weinig contrast om goed onderscheiden te worden. Bijvoorbeeld rood (HEX #E82C2E) en geel met een contrastratio van 2,5:1; rood en groen met een contrastratio van 1,5:1 en geel en groen met een contrastratio van 1,7:1. Dit moet minimaal 3,0:1 zijn.

In de PDF https://static.cpunt.nl/cache/begroting-2024.51103/begroting-2024.pdf hebben de verschillende lijnen in de grafiek op pagina 4 niet overal voldoende contrast met de witte achtergrond: de grijze lijn (HEX #BFBFBF) heeft een contrastratio van 1,8:1; de lichtblauwe lijn (HEX #00B0F0) heeft een contrastratio van 2,5:1; de gele lijn (HEX #FFC000) heeft een contrastratio van 1,6:1 en de groene lijn (HEX #70AD47) heeft een contrastratio van 2,7:1.
Ook hebben de lijnen ten opzichte van elkaar niet altijd voldoende contrast om goed onderscheiden te kunnen worden. Zo hebben donkerblauw (HEX #4472C4) en lichtblauw (#00B0F0) een contrastratio van 1,9:1 waar dit minimaal 3,0:1 moet zijn. Ook andere lijnen hebben onvoldoende contrast ten opzichte van elkaar. Zie ook succescriterium 1.4.1.

1.4.12 Tekstafstand (Niveau AA)

Bij content die wordt geïmplementeerd met opmaaktalen die de volgende stijleigenschappen voor tekst ondersteunen, is er geen sprake van verlies van content of functionaliteit door het instellen van alle volgende, en door het niet wijzigen van andere stijleigenschappen:

Regelhoogte (regelafstand) naar minstens 1,5 keer de lettergrootte;
Afstand tussen alinea's naar minstens 2 keer de lettergrootte;
Letterafstand (spatieren van letters) naar minstens 0,12 keer de lettergrootte;
Spatieren van woorden naar minstens 0,16 keer de lettergrootte.

Uitzondering: Menselijke talen en scripts die geen gebruik maken van een of meer van deze stijleigenschappen voor tekst in schriftelijke tekst, kunnen voldoen aan de eisen door alleen gebruik te maken van de eigenschappen die bestaan voor de betreffende combinatie van taal en script.

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Onvoldoende

Bevindingen: Als de tekstafstanden uit dit succescriterium worden toegepast bij een schermbreedte van 1280 pixels, is in het hoofdmenu het onderdeel "Bibliotheek" niet meer helemaal leesbaar. Dit geldt ook voor het eerste onderdeel "Educatie" in het submenu onder "Educatie", maar dit is dezelfde link als het hoofdonderdeel. Dat is hiermee een alternatief.

1.4.13 Content bij hover of focus (Niveau AA)

Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, gelden de volgende zaken:

Sluiten: Er is een mechanisme beschikbaar waarmee de aanvullende content kan worden gesloten zonder de aanwijzer hover of de toetsenbordfocus te verplaatsen, tenzij de aanvullende content een invoerfout communiceert of andere content niet verbergt of vervangt;
Aanwijsbaar: Wanneer een aanwijzer hover aanvullende content kan activeren, dan kan de aanwijzer over de aanvullende content worden bewogen zonder dat deze verdwijnt;
Aanhouden: De aanvullende content blijft zichtbaar totdat de oorzaak voor de hover of focus is verwijderd, de gebruiker de content sluit of de informatie niet langer geldig is.

Uitzondering: De visuele weergave van de aanvullende content wordt beheerd door de user agent en wordt niet aangepast door de auteur.

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevindingen: Als je op de website over de onderdelen "Educatie" en "Zakelijk" hovert met de muis, verschijnt er aanvullende content. De bezoeker kan deze content niet weghalen zonder de muis te bewegen of de focus met het toetsenbord te verplaatsen. Een bezoeker moet dit bijvoorbeeld met de Escape-toets kunnen doen.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Alle functionaliteit van de content is bedienbaar via een toetsenbordinterface zonder dat afzonderlijke toetsaanslagen aan tijd gebonden zijn, behalve als de onderliggende functie een invoer vereist die afhangt van het pad dat de gebruiker aflegt en niet alleen van de eindpunten.

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevindingen: Een aanzienlijk deel van de website is niet met alleen het toetsenbord te bedienen. Hieronder volgen enkele voorbeelden, maar er kunnen meer problemen zijn. Let erop dat door het oplossen van dit probleem andere problemen aan het licht kunnen komen die nu niet getest kunnen worden.

Onder het hoofdmenu staat een icoon van een loep. Met de muisaanwijzer kan hiermee een zoekfunctie getoond worden. Dit is niet mogelijk met alleen het toetsenbord.

Op de website staat een icoon van een oog. Met de muisaanwijzer kunnen hiermee diverse toegankelijkheidsopties getoond en geactiveerd worden. Dit is echter niet mogelijk met alleen het toetsenbord. De opties "Hoog contrast" en "Vergroot tekst" kunnen ook niet met het toetsenbord bediend worden.

Als de website wordt bekeken op een klein of ingezoomd scherm, is een deel van het hoofdmenu verplaatst achter de knop "Menu". Deze knop kan niet bereikt en bediend worden met alleen het toetsenbord. Hier zijn meer problemen mee, zie bijvoorbeeld succescriteria 2.4.3 en 4.1.2.

Op pagina https://www.cpunt.nl/praktisch/veelgestelde-vragen-bibliotheek kunnen de antwoorden op de veelgestelde vragen niet getoond worden met alleen het toetsenbord. Deze zijn namelijk niet te bereiken.

Op pagina https://www.cpunt.nl/agenda kunnen de filters niet bereikt en bediend worden met alleen het toetsenbord.

Op pagina https://www.cpunt.nl/agenda/bonfire kan de link naar het Facebook-evenement niet bereikt en bediend worden met alleen het toetsenbord.

Op pagina https://www.cpunt.nl/cursussen/abstract/CRS000080?courseId=5381&variantId=45&rateCode=g150m1w15l staan twee knoppen "Kortingen" boven de kop "Inschrijven". Deze knoppen kunnen wel benaderd worden met het toetsenbord, maar niet bediend. Let op dat de pop-ups die met de muis geopend kunnen worden ook met het toetsenbord bediend kunnen worden én dat de focusvolgorde logisch is. Dit laatste kan nu niet getest worden.

Op pagina https://www.cpunt.nl/cursussen/abstract/CRS000080?courseId=5381&variantId=45&rateCode=g150m1w15l kunnen de radioknoppen en selectievelden niet benaderd en bediend worden met alleen het toetsenbord. Dit komt waarschijnlijk doordat de input-elementen zijn verborgen via display:none; in de stylesheet (CSS).
Dit probleem komt vaker voor, onder andere op pagina's https://www.cpunt.nl/nieuwsbrief en https://www.cpunt.nl/mijn-cpunt/mijn-voorkeuren.

Op pagina https://test.cpunt.nl/agenda/erwin-karine-en-eugenie staat een knop waarmee de activiteit kan worden toegevoegd aan de favorieten. Deze knop kan niet benaderd worden met alleen het toetsenbord. Dit heeft mogelijk te maken met het tabindex-attribuut en de waarde "-1". Verwijder dit attribuut.
Let op: deze knop staat binnen een element dat verborgen is voor hulpsoftware en dat is niet toegestaan. Zie ook succescriterium 4.1.2.

2.1.2 Geen toetsenbordval (Niveau A)

Als de toetsenbordfocus met de toetsenbordinterface verplaatst kan worden naar een component van de pagina, dan kan de focus ook met alleen de toetsenbordinterface weer van dat component weg worden bewogen. En, als er meer nodig is dan de standaard pijl- of tabtoetsen of andere standaard methoden om de focus te verplaatsen, dan wordt de gebruiker geïnformeerd over de manier waarop de focus kan worden verplaatst.

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Uitkomst: Voldoende

2.1.4 Enkel teken sneltoets (Niveau A)

Wanneer een sneltoets in content wordt geïmplementeerd door alleen letters (inclusief hoofdletters en kleine letters), leestekens, cijfers of symbolen te gebruiken, geldt ten minste één van de volgende zaken:

Uitzetten: Er is een mechanisme beschikbaar waarmee de sneltoets kan worden uitgezet;
Opnieuw toewijzen: Er is een mechanisme beschikbaar om de sneltoets opnieuw toe te wijzen aan één of meerdere niet-afdrukbare tekens (bijvoorbeeld Ctrl, Alt, enz.);
Alleen actief bij focus: De sneltoets voor een component van de gebruikersinterface is alleen actief wanneer de betreffende component de focus heeft.

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevindingen: Op pagina's https://www.cpunt.nl/cursussen/alles-voor-de-podiumbeesten-van-de-toekomst en https://www.cpunt.nl/zakelijk staan één of meer videospelers van YouTube. Deze videospelers maken gebruik van bediening door enkele tekentoetsen, bijvoorbeeld "M" voor het dempen van het geluid en "K" voor het pauzeren van de video. Deze functionaliteit is iets wat mensen die afhankelijk zijn van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Los dit op door de embedcode van de YouTube-video aan te passen, zodat de bediening met tekentoetsen uit staat. Voeg daarvoor de volgende eigenschap aan de embedcode toe: 'disablekb=1'. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium.

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Voor elke tijdslimiet die door de content wordt ingesteld, geldt ten minste één van de volgende zaken:

Uitzetten: De gebruiker kan de tijdslimiet uitzetten voordat die wordt bereikt; of
Aanpassen: De gebruiker mag de tijdslimiet aanpassen voordat deze is verstreken over een bereik van ten minste tien keer de standaardinstelling; of
Verlengen: De gebruiker wordt gewaarschuwd voor de tijd afloopt en krijgt ten minste 20 seconden om de tijdslimiet met een eenvoudige handeling te verlengen (bijvoorbeeld, "druk op de spatiebalk"), en de gebruiker mag de tijdslimiet ten minste tien keer verlengen; of
Real-time uitzondering: De tijdslimiet is onderdeel van een realtime gebeurtenis (een veiling bijvoorbeeld) en er is geen alternatief voor de tijdslimiet mogelijk; of
Essentiële uitzondering: De tijdslimiet is essentieel en verlenging zou de activiteit ongeldig maken; of
20 uur uitzondering: De tijdslimiet is langer dan 20 uur.

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Onvoldoende

Bevindingen: Op meerdere pagina's - waaronder https://www.cpunt.nl/, https://www.cpunt.nl/theater en https://www.cpunt.nl/zakelijk - staat een carrousel die na elke paar seconden een nieuw beeld laat zien. Deze content gaat dusdanig snel voorbij dat sommige bezoekers moeite hebben met het lezen of bedienen van deze content. Een mogelijkheid om dit op te lossen, is door een bedieningsmechanisme toe te voegen waarmee de bezoeker de content kan pauzeren. Zie ook succescriterium 2.2.2.

Wanneer bezoekers in het formulier op pagina https://www.cpunt.nl/nieuwsbrief en in de pop-up voor het aanmelden voor de nieuwsbrief een formulierveld niet goed invullen, verschijnt er een foutmelding. Deze melding verdwijnt na enige tijd, waardoor sommige bezoekers niet voldoende tijd hebben om de melding te lezen. Zorg ervoor dat foutmeldingen blijven staan totdat de bezoeker de fout heeft opgelost.

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:

Bewegen, knipperen, scrollen: Voor bewegende, knipperende of scrollende informatie die (1) automatisch start, (2) langer dan vijf seconden duurt, en (3) parallel met andere content wordt getoond, is er een mechanisme voor de gebruiker om dit te pauzeren, te stoppen of te verbergen, tenzij de beweging, knippering of scrolling, onderdeel is van een activiteit waar ze essentieel is en
Automatisch actualiserend: Voor elke soort automatisch actualiserende informatie die (1) automatisch start en (2) parallel met andere content wordt gepresenteerd, is er een mechanisme voor de gebruiker om dit te pauzeren, te stoppen of te verbergen of de frequentie van de actualisering in te stellen, tenzij de automatische actualisering onderdeel is van een activiteit waar ze essentieel is.

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Onvoldoende

Bevindingen: Op meerdere pagina's - waaronder https://www.cpunt.nl/, https://www.cpunt.nl/theater en https://www.cpunt.nl/zakelijk - staat een carrousel die na elke paar seconden een nieuw beeld laat zien. Deze carrousel kan niet gestopt, gepauzeerd of verborgen worden. Bij sommige mensen kan de beweging misselijkheid veroorzaken. Voor mensen met bijvoorbeeld een cognitieve beperking kan het lastig zijn omdat zij zich tijdens het lezen niet kunnen concentreren op de tekst, door de beweging op het scherm. Zorg dat bezoekers de carrousel kunnen stoppen of pauzeren. Een alternatief is om de carrousel niet automatisch te laten bewegen.

Op pagina's https://www.cpunt.nl/cursussen/alles-voor-de-podiumbeesten-van-de-toekomst en https://www.cpunt.nl/zakelijk staan video's die automatisch afspelen en niet gepauzeerd kunnen worden. Door de bewegende content, hebben sommige bezoekers moeite met het lezen en bekijken van de stilstaande content. Zorg ervoor dat bezoekers de bewegende of scrollende content kunnen stoppen of pauzeren of verwijder de bewegende of scrollende content.
Let op: er moet één mechanisme zijn waarmee eenvoudig direct meerdere bewegende content gestopt of gepauzeerd kan worden.

2.3 Toevallen en fysieke reacties

2.3.1 Drie flitsen of beneden drempelwaarde (Niveau A)

Webpagina's bevatten niets wat meer dan drie keer flitst in enige periode van één seconde of de flits is beneden de algemene flits- en rodeflitsdrempelwaarden.

Informatie over succescriterium 2.3.1 Drie flitsen of beneden drempelwaarde

Uitkomst: Voldoende

Bevindingen: Advies: Op pagina https://www.cpunt.nl/zakelijk staat een video waarin flitsen voorkomen. Onder andere wanneer een fotocamera wordt nagedaan en wanneer podiumlichten te zien zijn. Volgens metingen vallen deze flitsen binnen de grenswaarden en daarom is dit niet afgekeurd. Het zou goed zijn om dergelijke flitsen zoveel mogelijk te voorkomen, omdat deze epileptische aanvallen kunnen veroorzaken.

2.4 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen.

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevindingen: Op elke pagina ontbreekt een mechanisme om de herhalende content over te slaan. Bezoekers die de website met een toetsenbord en/of hulpsoftware bedienen, moeten op elke pagina langs dezelfde onderdelen gaan voordat ze bij de inhoud van de pagina zijn. Dit is op te lossen 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 erop komt wanneer met het toetsenbord wordt genavigeerd.

2.4.2 Paginatitel (Niveau A)

Webpagina's hebben titels die het onderwerp of doel beschrijven.

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevindingen: De pagina's https://www.cpunt.nl/praktisch/contact en https://www.cpunt.nl/educatie/contact hebben allebei de paginatitel "Contact bij Cpunt in Hoofddorp". Deze titel geeft is niet uniek. Geef deze pagina's een unieke titel die beknopt het onderwerp of doel aangeeft, bijvoorbeeld "Contactpunt educatie bij Cpunt in Hoofddorp" voor de laatstgenoemde pagina.

Pagina https://www.cpunt.nl/mijn-cpunt/mijn-voorkeuren heeft de paginatitel "Cpunt bij Cpunt in Hoofddorp". Dit geeft niet het onderwerp of doel van de pagina weer. Wijzig dit naar bijvoorbeeld "Mijn voorkeuren bij Cpunt in Hoofddorp".

Geen enkele onderzochte PDF heeft een documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat de titel van het document wordt getoond in plaats van de bestandsnaam.
https://www.cpunt.nl/view.asp?guid=230F4826-E886-4FF4-B744-A559A8EA3AB1 https://static.cpunt.nl/cache/meerjarenbeleidsplan-2022-2025.22505/meerjarenbeleidsplan-2022-2025.pdf https://static.cpunt.nl/cache/rooster-van-aftreden.44921/rooster-van-aftreden.pdf https://static.cpunt.nl/cache/activiteitenplan-2024.46986/activiteitenplan-2024.pdf https://static.cpunt.nl/cache/begroting-2024.51103/begroting-2024.pdf

Advies: de pagina's https://www.cpunt.nl/cursussen/abstract/CRS000080?courseId=5381&variantId=45&rateCode=g150m1w15l en https://www.cpunt.nl/nieuwsbrief hebben de paginatitels "Abstract bij Cpunt in Hoofddorp" en "Nieuwsbrief bij Cpunt in Hoofddorp". Dit is principe voldoende, maar zou nog duidelijker kunnen. Bijvoorbeeld door ze te wijzigen in "Inschrijven voor Abstract bij Cpunt in Hoofddorp" en "Inschrijven voor de nieuwsbrief bij Cpunt in Hoofddorp".

2.4.3 Focus volgorde (Niveau A)

Als een webpagina sequentieel genavigeerd kan worden en de navigatiesequenties hebben invloed op de betekenis of het gebruik, dan krijgen focusbare componenten de focus in de juiste volgorde waardoor betekenis en bedienbaarheid behouden blijft.

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevindingen: Als de website voor het eerst wordt bezocht, verschijnt eerst een cookiemelding in beeld. Vervolgens kan achter de cookiemelding een pop-up verschijnen voor het inschrijven voor de nieuwsbrief. De toetsenbordfocus gaat dan naar deze pop-up, terwijl de cookiemelding er nog vóór staat en dat is niet de bedoeling. Omdat de focus binnen de pop-up voor de nieuwsbrief blijft, kan de cookiemelding niet bediend worden. Let op: voor WCAG 2.2 wordt dit ook afgekeurd onder het nieuwe succescriterium 2.4.11.

In de cookiemelding is een groot deel van de content opgemaakt als tablist. Als een tabblad actief wordt, moet de toetsenbordfocus naar de inhoud van dat tabblad gaan. Dit is nu echter niet het geval, want de focus gaat eerst langs de andere onderdelen van de tablist. Bij een correct gecodeerde tablist zijn de tabbladen met behulp van de pijltjestoetsen te bereiken. Zie ook succescriterium 4.1.2.

In het hoofdmenu kan de toetsenbordfocus terechtkomen op subonderdelen onder "Educatie" en "Zakelijk". Deze onderdelen zijn dan niet zichtbaar. De toetsenbordfocus mag echter niet terechtkomen op onderdelen die onzichtbaar zijn. Dit probleem geldt ook voor het zoekicoon. Daar is de focus drie keer niet zichtbaar.

Als de website wordt bekeken op een klein of ingezoomd scherm, is een deel van het hoofdmenu verplaatst achter de knop "Menu". De toetsenbordfocus kan terechtkomen op verborgen onderdelen in dit menu en dat is niet toegestaan. Hier zijn meer problemen mee, zie bijvoorbeeld succescriteria 2.1.1 en 4.1.2.

Op pagina https://test.cpunt.nl/agenda/erwin-karine-en-eugenie gaat de toetsenbordfocus van de header eerst naar de knop "Aanmelden" onderaan het scherm, om vervolgens bovenaan het scherm verder te gaan. Dit is problematisch, deels omdat het niet overeenkomt met de visuele volgorde en deels omdat de focus dan buiten beeld verdwijnt.

Op pagina https://issuu.com/marketingcpunt/docs/2024_educatie_brochure_vo_def_druk?fr=sNTE2YTcwMzc4OTA kan een zoekscherm getoond worden. De toetsenbordfocus gaat hier dan meteen naartoe en dat is goed. Als dit zoekscherm weer wordt gesloten, gaat de focus echter naar de knop "Previous page". Dit is geen logische focusvolgorde. Zorg ervoor dat de focus teruggaat naar de zoekknop die het zoekscherm opent.

Op pagina https://issuu.com/marketingcpunt/docs/2024_educatie_brochure_vo_def_druk?fr=sNTE2YTcwMzc4OTA kan een scherm getoond worden voor het delen van de publicatie. De toetsenbordfocus gaat hier echter niet direct naartoe als het getoond wordt. De gebruiker moet terugnavigeren naar een plek vóór de knop "Read more on Issuu" en dat is niet logisch. Ook als het scherm met deelopties gesloten wordt, gaat de focus naar de knop "Read more on Issuu". Zorg ervoor dat de focus bij het openen direct naar het deelscherm gaat en dat de focus bij het sluiten van dit scherm terugkomt op de knop die het heeft geopend.

2.4.4 Linkdoel (in context) (Niveau A)

Het linkdoel kan bepaald worden uit enkel de linktekst of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van de link een dubbelzinnige betekenis zou kunnen hebben voor gebruikers in het algemeen.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevindingen: In de cookiemelding staat rechtsboven een link naar de website van Cookiebot. Deze link heeft de naam "logo - opens in a new window". Hierdoor is het doel van de link niet duidelijk. Wijzig dit naar bijvoorbeeld "Cookiebot by Usercentrics, lees meer over deze organisatie" of iets dergelijks. Zie ook succescriteria 1.1.1, 2.5.3 en 3.1.2.

In de footer van de website staan links naar social media onder "Volg Cpunt op social media". Deze links hebben geen linktekst of andere naam, waardoor het linkdoel niet duidelijk is. Zie ook succescriteria 1.1.1 en 4.1.2.

Op pagina https://www.cpunt.nl/zoeken?q=rock staan meerdere links onder "Agenda" en "Cursussen". Deze links hebben geen inhoud, waardoor het linkdoel niet duidelijk is. Zie ook succescriteria 2.5.3 en 4.1.2.
Dit komt ook voor op pagina's https://www.cpunt.nl/agenda en https://www.cpunt.nl/verken-cpunt/cafe.

Op pagina https://www.cpunt.nl/fotoarchief/crash-test-dummies-eelke staan meerdere afbeeldingen die links zijn naar een vergrote weergave. Deze links hebben geen naam en daarom is het doel van deze links niet duidelijk. Zie ook succescriterium 4.1.2.

Op pagina https://www.cpunt.nl/zoeken?q=rock staan onder "Educatie" en "Pagina's" links met de linktekst "Lees meer". Deze links hebben geen context met de tekst ernaast en daarom kan deze tekst niet gebruikt worden om het linkdoel te bepalen. Dit betekent dat niet duidelijk is waar de links naartoe gaat.

Op pagina https://www.cpunt.nl/ staat onder "Het compositieproject voor jong muzikaal talent" de link "Bekijk". Deze link heeft geen context met de tekst erboven en daarom kan deze tekst niet gebruikt worden om het linkdoel te bepalen. Daarom is niet duidelijk waar de link naartoe gaat.
Dit komt vaker voor, bijvoorbeeld op pagina https://www.cpunt.nl/bibliotheek de link "Bekijk meer" onder "Ontdek wat je allemaal kan", de link "Bekijk" onder "Ontdek wat je allemaal kan in de bibliotheek" en de link "Meer informatie" onder "Reserveren en verlengen".

Op pagina https://www.cpunt.nl/bibliotheek/hulp-en-spreekuren staan meerdere links met de linktekst "Meer informatie". Zorg dat links naar verschillende doelen unieke linkteksten hebben, door bijvoorbeeld de tekst aan te vullen met de titel van het bericht of pagina waarnaar gelinkt wordt. De tekst boven deze links kan niet gebruikt worden om context mee te geven aan deze links.

Bovengenoemd probleem komt ook in vergelijkbare vorm voor op andere pagina's. Bijvoorbeeld op pagina https://www.cpunt.nl/over-ons/beleid-en-bestuur, bij de links "Open document".

Onder andere op de homepagina https://www.cpunt.nl/ is onder "Actueel bij Cpunt" staat een navigatie om tussen de pagina's met items te kunnen navigeren. De naam van de links luiden nu "1", "2", "3" etc. Voor ziende bezoekers is het duidelijk dat het hier gaat om paginanummers, maar bezoekers die het scherm niet kunnen zien, weten niet dat deze links naar volgende pagina's verwijzen. Vul de toegankelijke naam van deze links daarom aan met het woord "pagina" zodat het linkdoel voor screenreadergebruikers duidelijk is.

2.4.5 Meerdere manieren (Niveau AA)

Er is meer dan één manier beschikbaar om een webpagina binnen een verzameling webpagina's te vinden, behalve wanneer de webpagina het resultaat is van, of een stap in, een proces.

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevindingen: Het volgen van links is één manier om pagina's te vinden. Hiernaast moet een andere manier zijn, bijvoorbeeld een zoekmachine of een sitemap. De website heeft een zoekmachine, maar daarmee kunnen niet alle pagina's gevonden worden. Zo zijn bijvoorbeeld https://www.cpunt.nl/fotoarchief/crash-test-dummies-eelke, https://www.cpunt.nl/agenda, https://www.cpunt.nl/mijn-cpunt/inloggen en mogelijk meer niet vindbaar. De website bevat geen sitemap of andere manier om pagina's te vinden.

2.4.6 Koppen en labels (Niveau AA)

Koppen en labels beschrijven het onderwerp of doel.

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Voldoende

2.4.7 Focus zichtbaar (Niveau AA)

Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is.

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevindingen: Wanneer gebruikers het toetsenbord gebruiken, moeten zij kunnen zien waar zij zich bevinden. Dit gebeurt normaal gesproken door de toetsenbordfocus weer te geven, meestal via een gekleurd kader om links, knoppen en andere interactieve onderdelen. Deze toetsenbordfocus is echter vrijwel overal verwijderd via de CSS-eigenschap outline:none; zonder dat hiervoor een alternatieve weergave is ingesteld. Zorg ervoor dat de standaard focusindicator van de browser weer zichtbaar is of maak zelf een focusindicator. In het laatste geval moet deze ook op alle plaatsen gaan voldoen aan de kleur- en contrasteisen van succescriteria 1.4.1 en 1.4.11.

2.5 Input modaliteiten

2.5.1 Aanwijzergebaren (Niveau A)

Alle functionaliteit waarmee bij de bediening gebruik wordt gemaakt van meerpunts- of padgebaseerde gebaren, kan worden bediend met een enkele aanwijzer zonder een padgebaseerd gebaar, tenzij een meerpunts- of padgebaseerd gebaar essentieel is.

Informatie over succescriterium 2.5.1 Aanwijzergebaren

Uitkomst: Niet aanwezig

2.5.2 Aanwijzerannulering (Niveau A)

Voor functionaliteit die kan worden bediend met een enkele aanwijzer, geldt ten minste één van de volgende zaken:

Geen down-event: Het down-event van de aanwijzer wordt niet gebruikt om enig onderdeel van de functie uit te voeren;
Afbreken of ongedaan maken: De functie wordt voltooid door het up-event en er is een mechanisme beschikbaar om de functie af te breken voordat deze wordt voltooid of om de functie ongedaan te maken als deze is voltooid;
Up reversal: Met het up-event wordt elk resultaat van het voorgaande down-event ongedaan gemaakt;
Essentieel: Het voltooien van de functie met het down-event is essentieel.

Informatie over succescriterium 2.5.2 Aanwijzerannulering

Uitkomst: Voldoende

2.5.3 Label in naam (Niveau A)

Bij componenten van de gebruikersinterface met labels die tekst of afbeeldingen van tekst bevatten, bevat de naam de tekst die visueel wordt weergegeven.

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevindingen: In de cookiemelding staat rechtsboven een link naar de website van Cookiebot. Deze link heeft de naam "logo - opens in a new window" vanwege het aria-label op deze link. De zichtbare tekst "Cookiebot by Usercentrics" komt niet voor in deze naam, wat ervoor zorgt dat deze tekst niet gebruikt kan worden door spraakbedieningssoftware. Zorg ervoor dat de zichtbare tekst onderdeel is van de naam van de link. Zie ook succescriterium 2.4.4.

Op pagina https://www.cpunt.nl/zoeken?q=rock staan meerdere links onder "Agenda" en "Cursussen". Deze links hebben geen toegankelijke naam, waardoor de zichtbare tekst niet gebruikt kan worden met spraakbedieningssoftware. Zie ook succescriteria 2.4.4 en 4.1.2.
Dit komt ook voor op pagina's https://www.cpunt.nl/agenda en https://www.cpunt.nl/verken-cpunt/cafe.

Op pagina's https://www.cpunt.nl/cursussen/abstract/CRS000080?courseId=5381&variantId=45&rateCode=g150m1w15l, https://www.cpunt.nl/nieuwsbrief en https://www.cpunt.nl/mijn-cpunt/mijn-voorkeuren staan radioknoppen en selectievelden die zijn verborgen via display:none; in de stylesheet (CSS). Deze interactieve elementen hebben daardoor geen naam, wat ook inhoudt dat de labelteksten bij deze velden niet gebruikt kan worden om ze met spraakbedieningssoftware te bedienen. Zie ook succescriteria 2.1.1 en 4.1.2.

Op pagina https://apps.ticketmatic.com/widgets/cultuurgebouw/addtickets?edit=yes&event=49135&flow=basketwithcheckout&l=nl&oncompletion=return&returnurl=https%3A%2F%2Ftest.cpunt.nl%2Fmvc%2Fevent%2Freturn&saleschannelid=10006&skinid=10004&accesskey=a72ed6fb09bf483ba23b9a5e&signature=E835A3D7C9E5E89A5F96DA6A3B4CBB9EAE342DC722A9FC6A8C3B4BA8F2745D4F#!/addtickets staan in de stappen "Checkout" en "Contact info" meerdere invoervelden zonder naam. Bijvoorbeeld bij "E-mail" in de eerstgenoemde stap en "Land", Nr.", "Toevoeging" en "Geboortedatum" in de laatstgenoemde stap. Dit betekent ook dat de labelteksten bij deze velden niet gebruikt kan worden om ze met spraakbedieningssoftware te bedienen. Zie ook succescriterium 4.1.2.

2.5.4 Bewegingsactivering (Niveau A)

Functionaliteit die kan worden bediend door de beweging van een apparaat of beweging van een gebruiker, kan ook worden bediend met componenten van de gebruikersinterface. De reactie op de beweging kan worden uitgeschakeld om onbedoelde activering te voorkomen, behalve wanneer:

Ondersteunde interface: De beweging wordt gebruikt om de functionaliteit te bedienen via een door toegankelijkheid ondersteunde interface;
Essentieel: De beweging is essentieel voor de functie en wanneer de reactie op de beweging wordt uitgeschakeld, wordt de activiteit ongeldig gemaakt.

Informatie over succescriterium 2.5.4 Bewegingsactivering

Uitkomst: Niet aanwezig

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

De standaard menselijke taal van elke webpagina kan door software bepaald worden.

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevindingen: Pagina https://apps.ticketmatic.com/widgets/cultuurgebouw/addtickets?edit=yes&event=49135&flow=basketwithcheckout&l=nl&oncompletion=return&returnurl=https%3A%2F%2Ftest.cpunt.nl%2Fmvc%2Fevent%2Freturn&saleschannelid=10006&skinid=10004&accesskey=a72ed6fb09bf483ba23b9a5e&signature=E835A3D7C9E5E89A5F96DA6A3B4CBB9EAE342DC722A9FC6A8C3B4BA8F2745D4F#!/addtickets heeft geen taal ingesteld. Voeg het attribuut en de waarde lang="nl" toe aan het HTML-element van de pagina.

In de eigenschappen van de PDF op pagina https://www.cpunt.nl/view.asp?guid=230F4826-E886-4FF4-B744-A559A8EA3AB1 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)

De menselijke taal van elke passage of zin in de content kan door software bepaald worden, behalve waar het gaat om eigennamen, technische termen, woorden uit een onbepaalde taal en woorden of zinsdelen die deel zijn gaan uitmaken van het jargon van de onmiddellijk omringende tekst.

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevindingen: In de cookiemelding staat rechtsboven een link naar de website van Cookiebot. Deze link heeft de naam "logo - opens in a new window". Dit is Engelse taal, terwijl de pagina en dit deel van de content de Nederlandse taal hebben gekregen. Vertaal deze naam naar het Nederlands. Let op, dit probleem komt vaker voor in deze cookiemelding en hier zijn meer problemen mee, zie succescriteria 1.1.1, 2.4.4 en 2.5.3.

Op de website kan een pop-up in beeld komen voor het inschrijven voor de nieuwsbrief. Hierin staat rechtsboven een icoon voor het sluiten van deze pop-up. Dit icoon is een knop waarmee de pop-up gesloten kan worden. Deze knop heeft de naam en beschrijving "x, Close (Esc)". Vertaal dit naar het Nederlands.

In het formulier op pagina https://www.cpunt.nl/cursussen/abstract/CRS000080?courseId=5381&variantId=45&rateCode=g150m1w15l staat een invoerveld voor "E-mailadres". Als hier een verkeerde waarde wordt ingevuld, verschijnt de Engelstalige foutmelding "Please enter a valid email address". Hiervoor is geen taalwisseling aangegeven. Voeg lang="en" toe of vertaal de melding naar het Nederlands.

Op pagina https://issuu.com/marketingcpunt/docs/2024_educatie_brochure_vo_def_druk?fr=sNTE2YTcwMzc4OTA is de taal van de pagina Engels. De inhoud van de brochure is echter Nederlands. Momenteel kan deze inhoud niet voorgelezen worden (zie succescriterium 1.1.1), maar als dat het geval is, moet hiervoor een taalwisseling naar het Nederlands worden aangegeven.

3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

Als een component van de gebruikersinterface de focus krijgt, dan veroorzaakt dat geen contextwijziging.

Informatie over succescriterium 3.2.1 Bij focus

Uitkomst: Voldoende

3.2.2 Bij input (Niveau A)

Verandering van de instelling van een component van de gebruikersinterface veroorzaakt niet automatisch een contextwijziging, tenzij de gebruiker geïnformeerd is over het gedrag vóór het gebruik van de component.

Informatie over succescriterium 3.2.2 Bij input

Uitkomst: Voldoende

Navigatiemechanismen, die op meerdere webpagina's binnen een verzameling webpagina's herhaald worden, komen elke keer dat ze worden herhaald in dezelfde relatieve volgorde voor, tenzij een verandering wordt geïnitieerd door de gebruiker.

Informatie over succescriterium 3.2.3 Consistente navigatie

Uitkomst: Voldoende

3.2.4 Consistente identificatie (Niveau AA)

Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina's worden consistent geïdentificeerd.

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Voldoende

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de fout zit geïdentificeerd en wordt de fout tekstueel aan de gebruiker meegedeeld.

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevindingen: Op de website kan een pop-up in beeld komen voor het inschrijven voor de nieuwsbrief. Het invoerveld "E-mailadres" maakt alleen gebruik van HTML5-veldcontroles. Deze foutmeldingen worden niet door alle browsers en hulpsoftware goed ondersteund. De melding is soms kortaf, onvolledig of blijft te kort staan. Ook kun je de tekstgrootte niet aanpassen, zodat sommige mensen de tekst mogelijk niet kunnen lezen. Voeg zelf foutmeldingen toe aan het formulier om dit probleem op te lossen.

Dit probleem komt ook voor op pagina https://www.cpunt.nl/nieuwsbrief. Daar is ook het probleem dat bij meerdere fouten in het formulier steeds maar één fout in beeld komt. Alle bekende fouten moeten in beeld komen, zodat de gebruiker het formulier in zo min mogelijk stappen kan voltooien.

Wanneer bezoekers op pagina's https://www.cpunt.nl/praktisch/contact/contactformulier-opzeggen-lidmaatschap-bibliotheek en https://www.cpunt.nl/zakelijk/offerte-aanvragen geen of foutieve invoer invullen, verschijnen meldingen bij de betreffende invoervelden. Bijvoorbeeld "Dit veld is verplicht". Een goede foutidentificatie vermeldt welke fout is gemaakt en waar de fout is gemaakt. Bijvoorbeeld "Het veld 'Voor- en achternaam is niet ingevuld".

Wanneer bezoekers op pagina https://apps.ticketmatic.com/widgets/cultuurgebouw/addtickets?edit=yes&event=49135&flow=basketwithcheckout&l=nl&oncompletion=return&returnurl=https%3A%2F%2Ftest.cpunt.nl%2Fmvc%2Fevent%2Freturn&saleschannelid=10006&skinid=10004&accesskey=a72ed6fb09bf483ba23b9a5e&signature=E835A3D7C9E5E89A5F96DA6A3B4CBB9EAE342DC722A9FC6A8C3B4BA8F2745D4F#!/addtickets in stap "Contact info" geen of foutieve invoer invullen, worden de randen van betreffende invoervelden rood gekleurd en verschijnt de foutmelding "Een of meer velden zijn ongeldig. Verbeter de aangeduide velden.". Dit geeft niet voldoende aan wat fout is gegaan. Zie ook succescriterium 1.4.1.

3.3.2 Labels of instructies (Niveau A)

Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevindingen: Op de website kan een pop-up in beeld komen voor het inschrijven voor de nieuwsbrief. Hierin wordt bij het invoerveld een asterisk "\*" getoond. Nergens binnen het formulier staat vermeld dat dit betekent dat dit veld verplicht is. Plaats een melding bovenaan, binnen het formulier, bijvoorbeeld: "Velden met een sterretje (\*) zijn verplicht" of wijzig de asterisk naar een tekst als "(verplicht)".
Dit probleem komt vaker voor, bijvoorbeeld op pagina's https://www.cpunt.nl/nieuwsbrief, https://www.cpunt.nl/praktisch/contact/contactformulier-opzeggen-lidmaatschap-bibliotheek en https://www.cpunt.nl/zakelijk/offerte-aanvragen.

Op pagina https://www.cpunt.nl/cursussen/abstract/CRS000080?courseId=5381&variantId=45&rateCode=g150m1w15l staat bovenaan aangegeven dat velden gemarkeerd met een asterisk verplicht zijn. Er zijn echter ook velden verplicht die niet gemarkeerd zijn. Geef bij deze velden ook aan dat ze verplicht zijn.

Op pagina https://www.cpunt.nl/cursussen/abstract/CRS000080?courseId=5381&variantId=45&rateCode=g150m1w15l zijn bepaalde eisen waaraan de velden "Geboortedatum", "Postcode" en "Telefoonnummer" moeten voldoen. Deze eisen worden niet vooraf bekendgemaakt. Bij de geboortedatum staat wel een voorbeeld als placeholder in het veld, maar dat voldoet niet. Deze placeholder verdwijnt namelijk zodra de gebruiker iets invult. Zie ook succescriterium 3.3.3.

Let op: Op meerdere pagina's staan formulieren met radioknoppen en selectievakjes die momenteel verborgen zijn voor hulpsoftware. Bijvoorbeeld op pagina's https://www.cpunt.nl/cursussen/abstract/CRS000080?courseId=5381&variantId=45&rateCode=g150m1w15l, https://www.cpunt.nl/nieuwsbrief, https://www.cpunt.nl/praktisch/contact/contactformulier-opzeggen-lidmaatschap-bibliotheek en https://www.cpunt.nl/mijn-cpunt/mijn-voorkeuren. Wanneer deze beschikbaar worden gemaakt, moeten zij ook labels of instructies krijgen zodat duidelijk is wat hier ingevuld moet worden.

3.3.3 Foutsuggestie (Niveau AA)

Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan worden de suggesties aan de gebruiker geleverd, tenzij dit de beveiliging of het doel van de content in gevaar zou brengen.

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.cpunt.nl/cursussen/abstract/CRS000080?courseId=5381&variantId=45&rateCode=g150m1w15l zijn bepaalde eisen waaraan de velden "Geboortedatum", "Postcode" en "Telefoonnummer" moeten voldoen. Als deze velden verkeerd worden ingevuld, is er geen foutsuggestie beschikbaar die hulp biedt aan de gebruiker om de velden goed in te vullen. Zie ook succescriterium 3.3.2.

3.3.4 Foutpreventie (wettelijk, financieel, gegevens) (Niveau AA)

Voor webpagina's die wettelijke verplichtingen of financiële transacties voor de gebruiker uitvoeren, die, door de gebruiker te beheren gegevens in gegevensopslagplaatsen verwijderen of wijzigen, of die antwoorden van de gebruiker verzenden, geldt minstens één van de volgende zaken:

Omkeerbaar: Verzendingen kunnen ongedaan gemaakt worden.
Gecontroleerd: Door de gebruiker ingevoerde gegevens worden gecontroleerd op invoerfouten en de gebruiker wordt de mogelijkheid gegeven om ze te verbeteren.
Bevestigd: Er is een mechanisme beschikbaar voor het beoordelen, bevestigen en verbeteren van informatie voordat de verzending wordt voltooid.

Informatie over succescriterium 3.3.4 Foutpreventie (wettelijk, financieel, gegevens)

Uitkomst: Voldoende

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

In content die geïmplementeerd is met opmaaktalen hebben elementen volledige begin- en eindtags, zijn elementen genest volgens hun specificatie, bevatten elementen geen dubbele attributen en zijn alle ID's uniek, behalve waar de specificatie deze eigenschappen toelaat.

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Voldoende

4.1.2 Naam, rol, waarde (Niveau A)

Voor alle componenten van de gebruikersinterface (inclusief, maar niet uitsluitend voor formulierelementen, links en door scripts gegenereerde componenten), kunnen de naam (name) en rol (role) door software bepaald worden; toestanden (states), eigenschappen (properties) en waarden (values) die door de gebruiker ingesteld kunnen worden, kunnen door software ingesteld worden; en kennisgeving van veranderingen in deze items is beschikbaar voor user agents, met inbegrip van hulptechnologieën.

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevindingen: In de cookiemelding is een groot deel van de content opgemaakt als tablist. Dit component voldoet echter niet aan alle voorwaarden voor toegankelijkheid. Zo mist het element met role="tablist" een naam. Ook missen de elementen met role="tab" het attribuut aria-controls. Zie ook pagina https://www.w3.org/WAI/ARIA/apg/patterns/tabs/. Verder klopt de toetsenbordbediening niet, want deze moet direct naar de geselecteerde tabblad gaan, zie ook succescriterium 2.4.3.

Als de website wordt bekeken bij een zoomniveau van 400%, staat ook het onderdeel "Agenda" onder de knop "Menu". Deze link kan in- en uitgeklapt worden. Deze status kan echter niet programmatisch bepaald worden. Voeg deze informatie toe als verborgen tekst of via aria-expanded.

In de footer van de website staan links naar social media onder "Volg Cpunt op social media". Deze links hebben geen naam. Zie ook succescriteria 1.1.1 en 2.4.4.

Op pagina https://www.cpunt.nl/zoeken?q=rock staan meerdere links onder "Agenda" en "Cursussen". Deze links hebben geen naam. Zie ook succescriteria 2.4.4 en 2.5.3.
Dit komt ook voor op pagina's https://www.cpunt.nl/agenda en https://www.cpunt.nl/verken-cpunt/cafe.

Op pagina https://www.cpunt.nl/fotoarchief/crash-test-dummies-eelke staan meerdere afbeeldingen die links zijn naar een vergrote weergave. Deze links hebben geen naam. Zie ook succescriterium 2.4.4.

Op pagina's https://www.cpunt.nl/praktisch/veelgestelde-vragen-bibliotheek, https://www.cpunt.nl/agenda en https://www.cpunt.nl/bibliotheek staat een zoekveld met een placeholdertekst. Dit veld heeft echter geen naam. Een placeholdertekst is niet voldoende om het veld een naam te geven, want dit wordt niet door alle hulpsoftware ondersteund.

Op pagina https://www.cpunt.nl/bibliotheek staat na het zoekveld ook een combobox zonder naam.

Op pagina's https://www.cpunt.nl/cursussen/abstract/CRS000080?courseId=5381&variantId=45&rateCode=g150m1w15l, https://www.cpunt.nl/nieuwsbrief en https://www.cpunt.nl/mijn-cpunt/mijn-voorkeuren staan radioknoppen en selectievelden die zijn verborgen via display:none; in de stylesheet (CSS). Deze interactieve elementen hebben daardoor geen naam, rol en waarde. Zie ook succescriteria 2.1.1 en 2.5.3.

Op pagina's https://www.cpunt.nl/zoeken?q=rock, https://www.cpunt.nl/agenda, https://www.cpunt.nl/agenda/bonfire en https://test.cpunt.nl/agenda/erwin-karine-en-eugenie staan iconen van hartjes, waarmee onderdelen als favoriet kunnen worden aangegeven. Dit is een knop zonder naam en zonder informatie over de status (wel of niet toegevoegd aan de favorieten.

Op pagina's https://www.cpunt.nl/agenda/bonfire en https://test.cpunt.nl/agenda/erwin-karine-en-eugenie staat deze knop ook binnen een element dat verborgen is voor hulpsoftware en dat is niet toegestaan.

Op pagina https://issuu.com/marketingcpunt/docs/2024_educatie_brochure_vo_def_druk?fr=sNTE2YTcwMzc4OTA staan knoppen voor het tonen of verbergen van een zoekscherm en een deelscherm. De status van deze knoppen (getoond of verborgen) is nu niet te bepalen. Los dit op door deze informatie toe te voegen als tekst of via bijvoorbeeld het attribuut aria-expanded.

Let op: Er zijn meerdere componenten die nu niet interactief zijn, maar wel interactief moeten worden, bijvoorbeeld voor toetsenbordgebruikers (zie onder andere succescriterium 2.1.1). Deze moeten dan ook een naam, rol en waarde krijgen.

4.1.3 Statusberichten (Niveau AA)

In content die is geïmplementeerd met opmaaktalen kunnen statusberichten door software bepaald worden met behulp van rol (role) of eigenschappen (properties), zodat hulptechnologieën de berichten aan de gebruiker kunnen presenteren zonder dat ze de focus krijgen.

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers in het formulier op pagina https://www.cpunt.nl/cursussen/abstract/CRS000080?courseId=5381&variantId=45&rateCode=g150m1w15l een formulierveld niet goed invullen, verschijnen foutmeldingen zonder dat de pagina ververst. Blinden en slechtzienden die met een screenreader werken krijgen geen signaal dat er iets is gewijzigd en dat er foutmeldingen op het scherm staan. Los dit op met bijvoorbeeld aria-live="assertive" of role="alert".

Op pagina https://www.cpunt.nl/praktisch/veelgestelde-vragen-bibliotheek kan na het invullen van een zoekterm de melding "Geen resultaten gevonden" verschijnen. Dit wordt niet gecommuniceerd aan gebruikers van hulpsoftware, zoals een screenreader.

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

Webbrowsers (useragents) en andere software

Bij dit onderzoek is de volgende software gebruikt:

Edge, versie 130
Firefox, versie 131
NVDA 2024.1 in combinatie met Firefox
VoiceOver 10 in combinatie met Safari
Adobe Acrobat Pro DC
PAC PDF Accessibility Checker 2024

Bronnen

Website Accessibility Conformance Evaluation Methodology (WCAG-EM) Overview
www.w3.org/WAI/eval/conformance (Engels)
Web Content Accessibility Guidelines (WCAG) 2.1 (Geautoriseerde Nederlandse vertaling)
www.w3.org/Translations/WCAG21-nl
Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
www.w3.org/WAI/eval/conformance
Web Content Accessibility Guidelines (WCAG)
www.w3.org/WAI/intro/wcag
How to Meet WCAG 2.1 Quick Reference
www.w3.org/WAI/WCAG21/quickref/

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Rapport: Audit digitale toegankelijkheid website Cpunt

Samenvatting onderzoeksresultaat

Scope van de evaluatie

Overzicht toetsresultaat

Leeswijzer

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

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

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

1.2.4 Ondertitels voor doven en slechthorenden (live) (Niveau AA)

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

1.3.2 Betekenisvolle volgorde (Niveau A)

1.3.3 Zintuiglijke eigenschappen (Niveau A)

1.3.4 Weergavestand (Niveau AA)

1.3.5 Identificeer het doel van de input (Niveau AA)

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

1.4.2 Geluidsbediening (Niveau A)

1.4.3 Contrast (minimum) (Niveau AA)

1.4.4 Herschalen van tekst (Niveau AA)

1.4.5 Afbeeldingen van tekst (Niveau AA)

1.4.10 Reflow (Niveau AA)

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

1.4.12 Tekstafstand (Niveau AA)

1.4.13 Content bij hover of focus (Niveau AA)

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

2.1.2 Geen toetsenbordval (Niveau A)

2.1.4 Enkel teken sneltoets (Niveau A)

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

2.3 Toevallen en fysieke reacties

2.3.1 Drie flitsen of beneden drempelwaarde (Niveau A)

2.4 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

2.4.2 Paginatitel (Niveau A)

2.4.3 Focus volgorde (Niveau A)

2.4.4 Linkdoel (in context) (Niveau A)

2.4.5 Meerdere manieren (Niveau AA)

2.4.6 Koppen en labels (Niveau AA)

2.4.7 Focus zichtbaar (Niveau AA)

2.5 Input modaliteiten

2.5.1 Aanwijzergebaren (Niveau A)

2.5.2 Aanwijzerannulering (Niveau A)

2.5.3 Label in naam (Niveau A)

2.5.4 Bewegingsactivering (Niveau A)

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

3.1.2 Taal van onderdelen (Niveau AA)

3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

3.2.2 Bij input (Niveau A)

3.2.3 Consistente navigatie (Niveau AA)

3.2.4 Consistente identificatie (Niveau AA)

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

3.3.2 Labels of instructies (Niveau A)

3.3.3 Foutsuggestie (Niveau AA)

3.3.4 Foutpreventie (wettelijk, financieel, gegevens) (Niveau AA)

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

4.1.2 Naam, rol, waarde (Niveau A)

4.1.3 Statusberichten (Niveau AA)

Onderbouwing van de evaluatie

Steekproef getoetste webpagina's

Ondersteunende technieken

Webbrowsers (useragents) en andere software

Bronnen

Rapport:
Audit digitale toegankelijkheid website Cpunt