Toegankelijkheidsonderzoek

Rapport:
Audit digitale toegankelijkheid website cultuuroost.nl


Onderzoeker
Lidewij, Swink; Sophie, Swink
Datum
11 maart 2025
Opdrachtgever
Stichting Cultuur Oost

Samenvatting onderzoeksresultaat

De website cultuuroost.nl voldoet nog niet aan WCAG 2.1 niveau AA. Er zijn 28 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 cultuuroost.nl is onderzocht tussen 13 februari en 11 maart 2025. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. De website voldoet nog niet aan alle onderzochte succescriteria. Doel van dit rapport is om de vervolgstappen te bepalen om tot een toegankelijke website te komen.

De meest opvallende bevindingen zijn:

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 cultuuroost.nl
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op cultuuroost.nl
  • Alle PDF's op cultuuroost.nl en media.cultuuroost.nl
  • Inschrijven voor de nieuwsbrief op cultuuroost.us20.list-manage.com
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar de onderzochte website 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 Onbekend
1 Waarneembaar 7 13 0
2 Bedienbaar 9 8 0
3 Begrijpelijk 5 5 0
4 Robuust 1 2 0
Totaal 22 28 0

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.

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://cultuuroost.nl/ staat het logo van Cultuur Oost. Deze afbeelding heeft geen (goede) alternatieve tekst. De alternatieve tekst is enkel 'Logo'. Blinden en slechtzienden missen zo informatie. De alternatieve tekst van een logo moet altijd, naast de vermelding dat het om een logo gaat, tenminste de naam van de organisatie en eventuele overige tekst in de afbeelding bevatten en daarnaast een beschrijvend linkdoel als de afbeelding ook als link dient. Dit probleem komt ook voor bij de afbeelding ernaast waar visueel de tekst 'De Gelderse adviesorganisatie voor kunst & cultuur' te zien is, maar deze tekst komt niet terug in de alternatieve tekst, die enkel uit 'logo' bestaat. Dit probleem komt ook voor op alle andere pagina's, geef hier ook aan dat het linkdoel de homepagina is.

Op https://cultuuroost.nl/ zijn er onder de koppen "Artikelen" en "Kunnen wij jou verder helpen?" afbeeldingen voor zonder alt-attribuut. Dit attribuut moet altijd aanwezig zijn in de code. Voeg het attribuut toe. Dit komt ook voor bij https://cultuuroost.nl/kennis-en-actueel/cmk (plus portretfoto contactpersoon), https://cultuuroost.nl/onderwerpen/cultuureducatie (plus portretfoto contactpersoon), https://cultuuroost.nl/kennis-en-actueel/netwerk-gespecialiseerd-onderwijs-gelderland (plus portretfoto) https://cultuuroost.nl/over-cultuur-oost/organisatie (plus foto contactpersoon), https://cultuuroost.nl/kennis-en-actueel/cultuurmonitor (enkel portretfoto), https://cultuuroost.nl/kennis-en-actueel/zo-werkt-cmk-gelderland (enkel portretfoto), https://cultuuroost.nl/kennis-en-actueel/flexibel-inspelen-op-maatschappelijke-uitdagingen (enkel portretfoto), https://cultuuroost.nl/kennis-en-actueel/gedragscodes-voor-de-culturele-sector (enkel portretfoto)

Op pagina https://cultuuroost.nl/ staan meerdere afbeeldingen zonder alternatieve tekst, bijvoorbeeld de afbeeldingen onder de kop 'Artikelen'. Zorg ervoor dat hulpsoftware weet dat deze afbeeldingen genegeerd mogen worden, door middel van een leeg alt-attribuut. Dit probleem komt ook voor bij de portretfoto's onder de kop 'Kunnen wij jou verder helpen?'. Hetzelfde probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://cultuuroost.nl/onderwerpen/cultuureducatie.

Op pagina https://cultuuroost.nl/kennis-en-actueel/cmk staan meerdere afbeeldingen zonder alternatieve tekst, zoals de afbeelding van de contactpersoon, de afbeeldingen onder 'Meer Cultuureducatie met Kwaliteit'
en 'Team CMK Gelderland'. Geef deze afbeeldingen een beschrijvende alternatieve tekst of zorg ervoor dat ze genegeerd worden door hulpsoftware door middel van een leeg alt-attribuut. Dit probleem komt ook voor bij de afbeelding van de contactpersoon op pagina https://cultuuroost.nl/kennis-en-actueel/cultuurmonitor.

Op pagina https://cultuuroost.nl/kennis-en-actueel/cmk staat een logo op de header afbeelding met alternatieve tekst 'cmk logo'. Visueel is er nog meer tekst die niet terugkomt in de alternatieve tekst. Voeg deze tekst toe aan de alternatieve tekst om dit probleem op te lossen.

Op pagina https://cultuuroost.nl/kennis-en-actueel/cmk staan onder 'Dit project is een samenwerking met' klikbare afbeeldingen van logo's. De twee links hebben een toegankelijke naam " " en een tekst in de title, bijvoorbeeld 'Ga naar FCP'. Visueel is er op de afbeeldingen tekst te zien, bijvoorbeeld 'fonds voor cultuur participatie'. Geef de afbeeldingen een alternatieve tekst en vermeld dat het om een logo gaat. Zie ook succescriterium 2.4.4. Dit probleem komt ook voor op pagina https://cultuuroost.nl/kennis-en-actueel/cultuurmonitor onder 'Dit project is een samenwerking met'.

Op pagina https://cultuuroost.us20.list-manage.com/subscribe?u=7095a00349c55afb2ea8232c1&id=d06d24611b staat een logo van Cultuur oost. Het logo is verborgen voor hulpsoftware. Dit logo draagt betekenis over en heeft een alternatieve tekst nodig, zodat bezoekers die gebruikmaken van voorleessoftware weten dat dit een formulier van Cultuur oost, De Gelderse adviesorganisatie voor kunst & cultuur is.

Op pagina https://cultuuroost.us20.list-manage.com/subscribe?u=7095a00349c55afb2ea8232c1&id=d06d24611b staat een logo met de tekst intuit mailchimp. De alternatieve tekst van deze afbeelding is 'Email Marketing Powered by Mailchimp'. Deze tekst is onvoldoende beschrijvend en in het Engels. Verander deze tekst, bijvoorbeeld naar 'logo intuit mailchimp'.

Op pagina https://cultuuroost.nl/ staat bij 'Scroll verder' een pijl-icoon met alternatieve tekst 'arrow'. Deze tekst beschrijft de afbeelding onvoldoende omdat de pijl naar beneden wijst en de tekst niet in de taal van de pagina is. Zorg voor een beschrijvende alternatieve tekst of verberg de afbeelding voor hulpsoftware door middel van een leeg alt-attribuut. Dit probleem komt ook voor wanneer op dezelfde pagina bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 250% en het hoofdmenu opengevouwen staat, bij de links zoals 'Diensten'. Hier staan afbeeldingen van een pijl-icoon naar beneneden en naar boven met alternatieve tekst 'arrow'.

Op pagina https://cultuuroost.nl/contact en https://cultuuroost.nl/over-cultuur-oost/organisatie staat een afbeelding van een gebouw met alternatieve tekst 'test'. Dit is geen correcte beschrijving van de afbeelding. Zorg voor een beschrijvende alternatieve tekst of maak de afbeelding eventueel decoratief door middel van een leeg alt-attribuut. Hetzelfde probleem komt voor op dezelfde pagina bij de header afbeelding met alternatieve tekst 'banner'. Dit probleem komt op meerdere pagina's voor, bijvoorbeeld:

Op pagina https://cultuuroost.nl/zoeken staat een vergrootglas-icoon bij het zoekveld. Deze SVG afbeelding heeft geen alternatieve tekst, is niet verborgen voor hulpsoftware en vedwijnt bij het typen. Hierdoor is het voor bezoekers niet duidelijk wat er in dit invoerveld ingevuld kan worden, omdat deze afbeelding ook als label bij het veld dient (en een placeholder tekst is onvoldoende als label). Een mogelijke oplossing is om van de afbeelding een knop te maken, zie hiervoor succescriterium 4.1.2 en zorg daarbij voor een alternatieve tekst van de afbeelding of verberg deze voor hulpsoftware. Dit probleem komt ook voor op pagina https://cultuuroost.nl/ bij het zoekveld in het hoofdmenu.

Op pagina https://cultuuroost.nl/ staan achter de links in het hoofdmenu pijlen evenals op de rest van de pagina achter links zoals bijvoorbeeld de link 'Lees meer'. Deze SVG-afbeeldingen hebben geen alternatieve tekst. Verberg ze voor hulpsoftware met aria-hidden. Dit probleem komt voor op meerdere pagina's, bijvoorbeeld https://cultuuroost.nl/zoeken?search=kunst. Een vergelijkbaar probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://cultuuroost.nl/contact staat naast de link 'Adres tonen op kaart' een teken. Deze SVG-afbeelding is niet verborgen voor hulpsoftware.

Op pagina https://cultuuroost.nl/zoeken?search=kunst en https://cultuuroost.nl/kennis-en-actueel/agenda staat een paginering. Hier staan twee pijlen om mee tussen de pagina's te navigeren. Deze pijlen zijn afbeeldingen met alternatieve tekst 'arrow'. Dit is geen correcte alternatieve tekst. Zorg ervoor dat de taal overeenkomt met de taal van de pagina, in dit geval is dat het Nederlands. Zie ook succescriterium 3.1.2.

Op pagina https://cultuuroost.nl/zoeken?search=kunst staan afbeeldingen bij de zoekresultaten. Deze afbeeldingen hebben als alternatieve tekst dezelfde tekst als de kop van het artikel. Deze teksten beschrijven de afbeeldingen niet of onvoldoende. Zorg voor een beschrijvende alternatieve tekst of maak de afbeeldingen eventueel decoratief door middel van een leeg alt-attribuut.

Op pagina https://cultuuroost.nl/kennis-en-actueel/cmk staan in de "sidebar" twee iconen die aangeven dat het om een externe links gaat. De alternatieve tekst is 'icon to map'. Vertaal deze tekst naar het Nederlands en zorg voor een beschrijvende alternatieve tekst. Zie ook succescriterium 3.1.2. Een vergelijkbaar probleem komt ook voor bij de download iconen op pagina https://cultuuroost.nl/kennis-en-actueel/cultuurmonitor met alternatieve tekst 'download icon' en op pagina https://cultuuroost.nl/onderwerpen/cultuureducatie bij de link 'CMK'. Dit probleem komt ook voor op pagina https://cultuuroost.nl/kennis-en-actueel/downloads bij de pijlen van de download links met alternatieve tekst 'dowmload icon' (m is onderdeel van de tekst) en pagina https://cultuuroost.nl/over-cultuur-oost/organisatie onder 'Downloads'.

Op pagina https://cultuuroost.nl/kennis-en-actueel/cmk staat een iframe 'Youtube'. Voeg hier de titel van de video toe. Dit probleem komt ook voor bij de video op pagina https://cultuuroost.nl/kennis-en-actueel/cultuurmonitor en https://cultuuroost.nl/kennis-en-actueel/gedragscodes-voor-de-culturele-sector.

Op pagina https://cultuuroost.us20.list-manage.com/subscribe/post wordt na het activeren van de knop 'Abonneren' een CAPTCHA-afbeelding gebruikt. De reeks letters, cijfers en leestekens wordt niet op een alternatieve manier aangeboden, waardoor screenreadergebruikers het formulier niet kunnen verzenden.

De PDF's https://media.cultuuroost.nl/cultuur-oost/productie/downloads/Cultuur%20Oost%20MJBP%20small.pdf heeft op het titelblad een logo staan zonder alternatieve tekst. Het logo draagt betekenis over, geef deze daarom een alternatieve tekst. Voor informatieve afbeeldingen geldt dat ze een beschrijving moeten hebben van de informatie die er in staat. De decoratieve afbeeldingen moeten als artefact worden getagd.


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:

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


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://cultuuroost.nl/kennis-en-actueel/cmk is een video waar aan het begin het logo van Cultuureducatie met Kwaliteit Gelderland in beeld komt. Als je dit niet kan zien dan mis je dat dit een video van Cultuureducatie met Kwaliteit Gelderland is. Ook aan het eind komt tekst voor zoals de logo's die in beeld komen. Als je dat niet kan zien mis je de informatie over "met dank aan" en "mogelijk gemaakt door". Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voiceover waardoor de audiodescriptie overbodig wordt. Een vergelijkbaar probleem komt voor:


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://cultuuroost.nl/kennis-en-actueel/cmk is een video waar aan het begin het logo van Cultuureducatie met Kwaliteit Gelderland in beeld komt. Als je dit niet kan zien dan mis je dat dit een video van Cultuureducatie met Kwaliteit Gelderland is. Ook aan het eind komt tekst voor zoals de logo's die in beeld komen. Als je dat niet kan zien mis je de informatie over "met dank aan" en "mogelijk gemaakt door". Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voiceover waardoor de audiodescriptie overbodig wordt. Een vergelijkbaar probleem komt voor:


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: Op pagina https://cultuuroost.nl/kennis-en-actueel/zo-werkt-cmk-gelderland wordt gebruik gemaakt van het strong element enkel voor opmaak, bij de tekst '... als Cultuurpunt?' en '... als school?'. Het strong-element is bedoeld om nadruk te geven aan enkele woorden. Maak hiervan bijvoorbeeld koppen of zorg voor een andere manier om de tekst vetgedrukt weer te geven. Dit probleem komt ook voor op pagina https://cultuuroost.nl/kennis-en-actueel/gedragscodes-voor-de-culturele-sector bij koppen zoals 'Download' 'Handige links' en 'Handreiking: Van schatbare waarde'.

Op https://cultuuroost.nl/kennis-en-actueel/gedragscodes-voor-de-culturele-sector wordt er gebruik gemaak van het em -element om een zin schuingedrukt op te maken. Daar is het element niet voor bedoeld, dat is enkel bedoeld om enkele woorden nadruk te geven. Gebruik CSS om de zin schuingedrukt op te maken.

In het formulier onder 'Wil je nieuws en updates in je inbox?' bijvoorbeeld op pagina https://cultuuroost.nl/contact staan selectievakjes (checkboxes). Boven deze groep staat de tekst 'Ik wil graag een nieuwsbrief ontvangen van:'. Deze tekst is nu niet gekoppeld aan de groep selectievakjes. Gebruik een combinatie van fieldset en legend of een andere vergelijkbare techniek om dit probleem op te lossen. De formuliervelden in datzelfde blok hebben geen label, omdat deze niet geassocieerd zijn met de invoervelden. Gebruik het for- en id-attribuut om dit probleem op te lossen.

De labels van de formuliervelden op pagina https://cultuuroost.nl/contact zijn niet geassocieerd met de bijbehorende invoervelden. Gebruik het for- en id-attribuut om dit probleem op te lossen.

Formulierveld 'Bericht' op pagina https://cultuuroost.nl/contact heeft geen zichtbaar label maar wel een placeholder tekst. De placeholder tekst is niet voldoende, want die verdwijnt zodra de bezoeker begint met typen. Voor sommige mensen kan het moeilijk zijn om te onthouden wat ze moeten invullen als dat er niet duidelijk bij staat. Voeg een label toe dat altijd zichtbaar blijft om dit probleem op te lossen.

Op pagina https://cultuuroost.nl/kennis-en-actueel/downloads staan koppen onder de h1 kop 'downloads' die niet als zodanig zijn opgemaakt, bijvoorbeeld 'Leidraad sociaal-artistiek samenwerken'. Neem deze koppen op in de koppenstructuur.

Op pagina https://cultuuroost.nl/kennis-en-actueel/cmk staat de kop 'Contactpersoon'. Hieronder staat een contactpersoon, waarna twee links volgen die niks met deze kop te maken hebben. Een mogelijke oplossing is om ze een eigen kop te geven of plaats ze onder 'Ook interessant'.

De PDF "Essay" https://media.cultuuroost.nl/cultuur-oost/productie/downloads/EssayMiddenbestuurCultuurOost.pdf is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF code laag zoals semantische koppen en ALT-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

In de PDF https://media.cultuuroost.nl/cultuur-oost/productie/downloads/Cultuur%20Oost%20MJBP%20small.pdf ontbreken koppen. Bijvoorbeeld de kop 'Kernwaarden' en onderliggende koppen zoals 'Betrouwbaar en deskundig' op pagina 7.

In de PDF https://media.cultuuroost.nl/cultuur-oost/productie/downloads/Cultuur%20Oost%20MJBP%20small.pdf zijn de alinea's met meerdere p-tags opgemaakt, waar dat een enkele p-tag per alinea moet zijn. Verwijder ook de lege p-tags door deze als artefact te markeren en te verwijderen.

Advies: Op pagina https://cultuuroost.nl/contact volgt op een kop van niveau 1 een kop van niveau 4, kopniveau 3 wordt overgeslagen. Gebruik kopniveaus op een correcte volgorde. Bezoekers die gebruikmaken van voorleessoftware kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden. Daarom is het belangrijk om een goed lopende koppenstructuur te gebruiken. Een goede koppenstructuur begint bij een kopniveau 1 voor de titel van de pagina, kopniveau 2 voor de koppen, kopniveau 3 voor de tussenkoppen, et cetera. Dit probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://cultuuroost.nl/kennis-en-actueel/cmk en https://cultuuroost.nl/kennis-en-actueel/agenda/get-a-grant-event waar kopniveau 3 wordt overgeslagen. Op pagina https://cultuuroost.us20.list-manage.com/subscribe?u=7095a00349c55afb2ea8232c1&id=d06d24611b staan helemaal geen koppen. Voeg hier in ieder geval een h1 kop toe.

Advies: Op pagina https://cultuuroost.nl/kennis-en-actueel/downloads staan Word en Excel documenten. Dit wordt niet afgekeurd op toegankelijkheid. Houd er wel rekening mee dat dit geen open standaard is en dus niet voor iedereen te gebruiken is.


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: Op pagina https://cultuuroost.nl/zoeken?search=kunst staan zoekresultaten. De datum van een artikel staat voor de kop. Voor bezoekers die gebruikmaken van voorleessoftware kan de relatie tussen de datum en de kop onduidelijk zijn. In de HTML kan de kop voor de datum geplaatst worden om dit probleem op te lossen. Een vergelijkbaar probleem komt voor bij de 'CMK agenda' op pagina https://cultuuroost.nl/kennis-en-actueel/cmk en bij de agenda-items op pagina https://cultuuroost.nl/kennis-en-actueel/agenda die beginnen met de datum in de afbeelding, bijvoorbeeld 'Do 13 maart'.

In de PDF https://media.cultuuroost.nl/cultuur-oost/productie/downloads/Cultuur%20Oost%20MJBP%20small.pdf staan de tags niet in de juiste volgorde. Bijvoorbeeld op pagina 12 is de leesvolgorde onlogisch.


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://cultuuroost.us20.list-manage.com/subscribe/post staat als foutmelding tekst 'Hieronder staan fouten'. Deze instructie is gebaseerd op enkel oriëntatie is niet behulpzaam voor een blinde bezoeker. Verwijs op een andere manier naar de plek waar de fouten in het formulier voorkomen.

Advies: Op pagina https://cultuuroost.nl/kennis-en-actueel/zo-werkt-cmk-gelderland staat de tekst 'Daarna kun je bovenstaande stappen volgen'. Het is niet helemaal duidelijk naar welke stappen verwezen wordt en een instructie gebaseerd op enkel oriëntatie is niet behulpzaam voor een blinde bezoeker. Verwijs op een andere manier naar de stappen. Omdat het erop lijkt dat het om tekst gaat die er direct boven staat is het hier niet afgekeurd.


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

Bevindingen: Advies: Wanneer de weergavestand wordt gewijzigd, bijvoorbeeld een liggende mobiele weergave, dan is in het hoofdmenu niet alles meer zichtbaar en bedienbaar. Omdat het wel mogelijk is om de weergavestand te wijzigen is het hier niet afgekeurd.


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:

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://cultuuroost.nl/ is een formulier onder 'Wil je nieuws en updates in je inbox?' waar de bezoeker onder andere het eigen 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/tr/wcag21/#input-purposes.
Dit probleem komt ook voor bij de twee formulieren op pagina https://cultuuroost.nl/contact.


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 https://cultuuroost.nl/ staat een formulier. Als een bezoeker een formulierveld verkeerd of niet invult, is dat alleen zichtbaar doordat de velden van kleur veranderen. Zorg ervoor dat informatie niet van kleur afhankelijk is om dit probleem op te lossen. Dit probleem komt op meerdere pagina's voor, bijvoorbeeld bij het formulier onder 'Bel, mail of kom langs' op pagina https://cultuuroost.nl/contact.


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:

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://cultuuroost.nl/ staan onder 'Wil je nieuws en updates in je inbox?' invoervelden met grijze (HEX #8B8576) labels in het formulier op een witte achtergrond met een contrastverhouding van 3,6:1, waar dit minimaal 4,5:1 moet zijn. Dit probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://cultuuroost.nl/contact.

Op pagina https://cultuuroost.nl/contact staan invoervelden met een label zoals 'naam'. De grijze (HEX #949393) tekst op de witte (HEX #F7F6F6) achtergrondkleur heeft een contrastverhouding van 2,8:1, waar dit minimaal 4,5:1 moet zijn.

Op pagina https://cultuuroost.nl/ staat een formulier, wanneer een bezoeker deze niet of verkeerd invult veranderen de teksten bij de selectievakjes zoals 'Algemeen' in een rode (HEX #DE5D5D) kleur op een beige (HEX #E8DFC5 ) achtergrondkleur met een contrastverhouding van 2,7:1 waar dat minimaal 4,5:1 moet zijn.

Op pagina https://cultuuroost.nl/ wanneer het hoofdmenu wordt geopend staat er een zoekveld met een grijze (HEX #6C7575) placeholder tekst op een zwarte (HEX #2B2E34) achtergrond met een contrastverhouding van 2,8:1, waara dit minimaal 4,5:1 moet zijn.

Op pagina https://cultuuroost.nl/ onder de kop 'Waar ben je naar op zoek' staat grote linktekst zoals 'Diensten'. Bij hover veranderd deze tekst naar lichtgrijs (HEX #959699) op een witte achtergrond met een contrastverhouding van 2,9:1 waar dit minimaal 3:1 moet zijn.

Op pagina https://cultuuroost.nl/ bij hover op de link 'over Cultuur Oost veranderd de kleur van de tekst naar groen (HEX #CBEC71) op een witte achtergrond met een contrastverhouding van 1,3:1 waar dit minimaal 4,5:1 moet zijn. Een vergelijkbaar probleem komt voor bij hover op de links onder de artikelen heeft de groene (HEX #BCE817) kleur van de links op de witte (HEX #F7F6F6) achtergrondkleur een contrastverhouding van 1,3:1, waar dit minimaal 4,5:1 moet zijn. Deze problemen met dezelfde contrastverhouding komt ook voor bij de link 'Adres tonen op kaart' en op meerdere pagina's, een aantal voorbeelden zijn:

Op pagina https://cultuuroost.nl/zoeken?search=kunst bij hover op de filters is er een grijze (HEX #7F7F7F) tekst op een witte achtergrond en contrastverhouding 4:1 waar dit minimaal 4,5:1 moet zijn. Dit probleem komt ook voor op pagina https://cultuuroost.nl/kennis-en-actueel/agenda bij hover op de filters.

Op pagina https://cultuuroost.nl/onderwerpen/cultuureducatie wanneer de schermgrootte wordt aangepast en ingezoomd op 250% dan valt een deel van de witte tekst buiten de afbeelding en komt op de witte achtergrond te staan, waardoor de tekst niet meer goed leesbaar is. Zorg ervoor dat er altijd voldoende contrast is met de achtergrond.

In het formulier https://cultuuroost.us20.list-manage.com/subscribe?u=7095a00349c55afb2ea8232c1&id=d06d24611b staat een knop 'Abonneren'. De witte tekst op de rode (HEX #EB4655) achtergrondkleur heeft een contrastverhouding van 3,7:1 waar dit minimaal 4,5:1 moet zijn.

Op pagina https://cultuuroost.us20.list-manage.com/subscribe/post heeft de tekst van de foutmelding wanneer het formulier niet goed wordt ingevuld een oranje (HEX #F5B080) kleur op een witte achtergrond met een contrastverhouding van 1,8:1 waar dit minimaal 4,5:1 moet zijn voor kleine tekst en 3:1 voor grote tekst.

In de PDF https://media.cultuuroost.nl/cultuur-oost/productie/downloads/Cultuur%20Oost%20MJBP%20small.pdf staat bijvoorbeeld op pagina 8 grote witte tekst 'Werkwijze' op een lichtblauwe (HEX #B3D7D7) achtergrondkleur met een contrastverhouding van 1,5:1, waar dit minimaal 3:1 moet zijn. Dit probleem komt meerdere keren voor in de PDF.

In de PDF https://media.cultuuroost.nl/cultuur-oost/productie/downloads/Cultuur%20Oost%20MJBP%20small.pdf staat bijvoorbeeld op pagina 8 kleine witte tekst 'Terug naar inhoudsopgave' op een lichtblauwe (HEX #B3D7D7) achtergrondkleur met een contrastverhouding van 1,5:1, waar dit minimaal 4,5:1 moet zijn. Dit probleem komt meerdere keren voor in de PDF, bijvoorbeeld op pagina 26 waar de kleine witte tekst op de bruine (HEX #968C83) achtergrondkleur een contrastverhouding heeft van 3,3:1.

Advies: Op pagina https://cultuuroost.nl/kennis-en-actueel/agenda staat witte tekst op afbeeldingen. Deze witte tekst heeft mogelijk niet overal voldoende contrast met de achtergrondkleur. Een mogelijke oplossing is om een donkere achtergrond achter de tekst te plaatsen.


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: Voldoende


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:

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://cultuuroost.nl/kennis-en-actueel/zo-werkt-cmk-gelderland staat een afbeelding met een tijdlijn. Deze tekst staat ook als platte tekst op de pagina, echter, bij de laatste stap staat een sterretje met uitleg 'Periode waarin cultuurpunten hun projectplan kunnen inleveren'. Deze tekst komt niet terug op de pagina. Voeg deze tekst daarom toe aan de uitgeschreven tekst die direct boven de afbeelding staat. Voeg ook een bijschrift toe onder de afbeelding van de tijdlijn die verwijst naar de plek waar de tekst uit de tijdlijn op de pagina staat of voeg deze informatie toe aan de alternatieve tekst.

Op pagina https://cultuuroost.nl/kennis-en-actueel/flexibel-inspelen-op-maatschappelijke-uitdagingen staat een afbeelding van tekst, namelijk de cover van een essay. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt deels voor op de pagina, blinden missen zo informatie. Plaats de volledige tekst daarom ook als HTML-tekst op de pagina.

Advies: In de PDF https://media.cultuuroost.nl/cultuur-oost/productie/downloads/Cultuur%20Oost%20MJBP%20small.pdf op pagina 26 staat een infographic. Deze is semantisch juist getagd, echter komt de structuur die is aangegeven met pijlen niet over. Een manier om dit probleem op te lossen is door de infographic op te maken als afbeelding met een bijschrift. De kan een simpele alternatieve tekst hebben van rond de 150 tekens die infographic beschrijft. Zet alle tekst in een bijschrift.


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:

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: Wanneer op pagina https://cultuuroost.nl/ bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 150% tot 250% dan verdwijnt het zoekveld die onder de menu-knop staat, achter de groene "sticky header" met contactgegevens. Zorg ervoor dat alle content zichtbaar, bereikbaar en bedienbaar blijft. Vanaf 200% vallen ook de bovenste links zoals 'Diensten' in dit menu achter de header.

Wanneer op pagina https://cultuuroost.nl/404 bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt op 400% dan valt de tekst '404' achter de 'sticky header'.

Wanneer op pagina https://cultuuroost.nl/zoeken?search=kunst bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt op 400% dan staat de 'sticky header' met de filterknop over de inhoud van de pagina heen. Het is niet mogelijk om de inhoud van de pagina te lezen. Zorg ervoor dat alle content leesbaar en bedienbaar blijft. Ook zijn niet alle filters zichtbaar en bereikbaar, bijvoorbeeld de filters onder 'Regio' houden op bij 'Achterhoek'. Hetzelfde probleem komt voor op meerdere pagina's zoals https://cultuuroost.nl/kennis-en-actueel/agenda en https://cultuuroost.nl/kennis-en-actueel/downloads.

Wanneer op pagina https://cultuuroost.nl/kennis-en-actueel/cmk bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 150% dan verdwijnt de contactpersoon uit de inhoud van de pagina. Dit probleem komt ook voor bij de contactpersoon op pagina https://cultuuroost.nl/kennis-en-actueel/cultuurmonitor.

Wanneer op pagina https://cultuuroost.nl/onderwerpen/cultuureducatie bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt op 400% dan verdwijnt een deel van de witte teksten die op de afbeeldingen staan buiten beeld, bijvoorbeeld bij het woord 'Gelderland'.

Wanneer op pagina https://cultuuroost.nl/over-cultuur-oost/organisatie bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt op 150% dan vallen de teksten met een # deels buiten beeld.

Wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt op 125% op pagina https://cultuuroost.nl/onderwerpen/cultuureducatie dan verdwijnt een deel van de tekst van de "sidebar" zoals 'Interessant' buiten beeld.

Advies: Wanneer bezoekers op pagina https://cultuuroost.nl/ bij een schermgrootte van 1280 bij 1024 pixels op 175% inzoomen dan verdwijnt 'Waar ben je naar op zoek? van de pagina. Omdat er ook een hoofdmenuknop aanwezig is met precies dezelfde content als onder die kop, is het hier niet afgekeurd.

Advies: Wanneer op pagina https://cultuuroost.nl/contact bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt op 400% dan staat de placeholder tekst van het invoerveld 'E-mailadres' deels buiten het invoerveld.

Advies: Op pagina https://cultuuroost.nl/ wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt op 300% verdwijnt de tekst 'scroll verder' enkel pijl naar beneden is zichtbaar.


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:

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Op https://cultuuroost.nl/ zijn er uitklapbare blokjes. De witte plus op de achtergrondafbeeldingen valt niet altijd goed op. Bijvoorbeeld op de derde foto heeft de plus (HEX #FBFAFA) een contrastverhouding van 1,2:1 met de witte bloem (#DFE6F0), waar het minstens 3:1 moet zijn.

Op pagina https://cultuuroost.nl/contact staan invoervelden met een te laag contrast met de achtergrondkleur. In het contactformulier hebben de witte invoervelden op de witte (HEX #F7F6F6) achtergrond een contrastverhouding van 1:1. Het formulier voor updates heeft witte invoervelden op een beige (HEX #E8DFC5) achtergrond met een contrastverhouding van 1,3:1. Voor beide moet de contrastverhouding minimaal 3:1 zijn. Dit probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://cultuuroost.nl/.

Op pagina https://cultuuroost.nl/contact staan formulieren, wanneer een bezoeker deze niet of verkeerd invult dan wordt met een rode kleur de foutieve invoervelden en selectievakjes aangegeven. In het formulier voor updates heeft de rode (HEX #DE5D5D kleur op de beige (HEX #E8DFC5) achtergrondkleur een contrastverhouding van 2,7:1 waar dat minimaal 3:1 moet zijn. Dit probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://cultuuroost.nl/.

Op pagina https://cultuuroost.us20.list-manage.com/subscribe?u=7095a00349c55afb2ea8232c1&id=d06d24611b staat een checkbox. Wanneer deze de focus krijgt is dat zichtbaar door een lichtgrijze (HEX #F2F2F2) strook op de regel van de checkbox. Met de witte achtergrond is de contrastverhouding 1,1:1 waar dit minimaal 3:1 moet zijn.

In de PDF https://media.cultuuroost.nl/cultuur-oost/productie/downloads/Cultuur%20Oost%20MJBP%20small.pdf staat bijvoorbeeld op pagina 8 een witte pijl om terug te gaan naar de inhoudsopgave op een lichtblauwe (HEX #B3D7D7) achtergrondkleur met een contrastverhouding van 1,5:1, waar dit minimaal 3:1 moet zijn. Dit probleem komt meerdere keren voor in de PDF.


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:

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: Wanneer bezoekers op pagina https://cultuuroost.nl/ de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium en bij inzoomen vanaf 110% en het hoofdmenu wordt geopend, dan valt bijvoorbeeld de zoekfunctie buiten beeld. Zorg ervoor dat alles zichtbaar, bereikbaar en bedienbaar blijft.

Wanneer bezoekers op pagina https://cultuuroost.nl/ de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium en bij inzoomen op 150% Dan staat bij 'Waar ben je naar op zoek? niet alle tekst in beeld en de zoekfunctie verdwijnt. Bij verder inzoomen verdwijnt dit 'Waar ben je naar op zoek? met alle onderliggende content van dit onderdeel. menuknop uitgevouwen ook daar problemen, niet alles in beeld. Een vergelijkbaar probleem komt voor op pagina https://cultuuroost.nl/kennis-en-actueel/downloads waar de tekst van de tweede rechter kolom deels buiten beeld valt.

Wanneer bezoekers op pagina https://cultuuroost.nl/kennis-en-actueel/agenda de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium dan verdwijnt een deel van de tekst bij de agenda-items buiten beeld, bijvoorbeeld bij 31 maart tekst zoals 'Meer informatie'. Een vergelijkbaar probleem komt voor op pagina https://cultuuroost.nl/zoeken?search=kunst waar de links 'Artikel lezen' onder de scheidingslijn per artikel komt te staan.

Advies: Wanneer bezoekers op pagina https://cultuuroost.nl/contact de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium, dan wijzigt de placeholder tekst 'Bericht' niet mee.


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:

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: Voldoende


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: Op pagina https://cultuuroost.nl/ zijn verschillende elementen niet te gebruiken voor bezoekers die met het toetsenbord navigeren, bijvoorbeeld de tabtoets. Bijvoorbeeld de hoofdmenu-knop en de knop om dit menu te sluiten 'menu sluiten' (zie ook succescriterium 4.1.2). Dit komt doordat er geen interactieve elementen als een link of knop wordt gebruikt. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord. Op deze pagina komen vergelijkbare problemen meerdere keren voor bijvoorbeeld de interactieve items naast 'Cultuureducatie kwaliteit' die geopend kunnen worden met een '+' teken en waar meer informatie en links in staan, krijgen geen focus.

Op pagina https://cultuuroost.nl/ wanneer het hoofdmenu staat uitgevouwen, de schermgrootte is aangepast en ingezoomd op 250% dan vallen de links uit het hoofdmenu onder submenu's zoals 'Diensten'. Met een pijl naar beneden is aangegeven dat hieronder een submenu te vinden is. Een bezoeker die gebruikmaakt van navigatie met het toetsenbord kan de submenuknoppen niet bedienen. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord. Zie ook succescriterium 4.1.2.

Op pagina https://cultuuroost.nl/contact staat een formulier onder 'Bel, mail of kom langs'. De knop 'Verstuur bericht' om dit formulier te versturen is niet bereikbaar en bedienbaar met het toetsenbord. Bezoekers die navigeren met het toetsenbord kunnen het formulier niet versturen. Zorg voor een correcte opmaak van deze knop, zie ook succescriterium 4.1.2. Dit probleem komt ook voor bij de knop 'Inschrijven voor nieuwsbrief' onder het formulier die op meerdere pagina's voorkomt, bijvoorbeeld op https://cultuuroost.nl/.

Op pagina https://cultuuroost.nl/zoeken staan filters onder 'Filteren op diensten' 'Onderwerpen' en 'Regio'. Deze filters zijn niet bereikbaar voor bezoekers die navigeren met het toetsenbord. Zij kunnen deze filters nu niet gebruiken. Zorg ervoor dat alle content bereikbaar en bedienbaar is met het toetsenbord. Hetzelfde probleem komt voor op pagina https://cultuuroost.nl/kennis-en-actueel/agenda bij de filters. Denk hierbij ook aan de items die in- en uitgevouwen kunnen zijn onder 'Archief'.

Wanneer op pagina https://cultuuroost.nl/zoeken?search=kunst bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 150% dan verdwijnen de filters achter een Filter-knop. Deze knop is niet bereikbaar of bedienbaar met het toetsenbord. Wanneer deze knop wordt aangeklikt zijn alle interactieve onderdelen om te kunnen filteren, de filters te resetten en de sluit-knop voor de geopende filterknop niet bereikbaar en bedienbaar met het toetsenbord. De filteronderwerpen onder de koppen kunnen niet geopend worden en de checkboxes niet bereikt of bediend worden. Zorg ervoor dat alle content bereikbaar en bedienbaar is met het toetsenbord. Dit probleem komt ook voor op pagina https://cultuuroost.nl/kennis-en-actueel/agenda.

Op pagina https://cultuuroost.nl/zoeken staat een paginering onderaan de zoekresultaten. Deze paginering is niet bereikbaar voor bezoekers die navigeren met het toetsenbord. Zij kunnen de paginering nu niet gebruiken. Zorg ervoor dat alle content bereikbaar en bedienbaar is met het toetsenbord. Hetzelfde probleem komt voor bij de paginering op pagina https://cultuuroost.nl/kennis-en-actueel/agenda.

In de footer krijgt 'Meerjaren beleidsplan 2023-2026' geen focus met het toetsenbord (zie ook succescriterium 4.1.2 want deze link werkt niet). Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord. Deze link staat ook op pagina https://cultuuroost.nl/over-cultuur-oost/organisatie onder 'Ook interessant' en het linkdoel is een 404-pagina.

In de PDF https://media.cultuuroost.nl/cultuur-oost/productie/downloads/Cultuur%20Oost%20MJBP%20small.pdf staat op pagina 29 een link naar 'cultuuroost.nl'. Zorg in de PDF voor links die een duidelijke opmaak als link hebben, bijvoorbeeld door ze te onderstrepen en dat deze te bereiken en bedienen zijn met de tab-toets voor bezoekers die gebruikmaken van toetsenbordbediening.


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:

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://cultuuroost.nl/kennis-en-actueel/cmk wordt gebruikgemaakt van de videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld f voor fullscreen. Deze sneltoetsen mogen alleen actief zijn als de focus op de betreffende knop staat. Deze functionaliteit is iets wat mensen die gebruik maken 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 de volgende eigenschap aan de embedcode toe: 'disablekb=1'. Op dit moment werkt deze oplossing die we normaal gesproken adviseren niet goed. De normale bediening gaat bij deze oplossing goed, maar zodra je instellingen wil aanpassen (zoals afspeelsnelheid) werkt dit niet via het toetsenbord. Daarom is een YouTube-videospeler (momenteel) niet goed toetsenbordtoegankelijk. Daarom adviseren we, tot dit probleem is opgelost, om andere videospeler te gebruiken.


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:

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Niet aanwezig


2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

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

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Voldoende


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


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 toetsenbord bedienen en/of hulpsoftware moeten op elke pagina langs dezelfde onderdelen gaan voordat ze bij de inhoud van de pagina zijn. Dit kan je oplossen door een link op de pagina te plaatsen (skiplink) die de focus verplaatst naar de eerste unieke inhoud van de pagina. Deze link moet de eerste link van de pagina zijn. Deze link mag standaard verborgen zijn voor bezoekers, maar moet zichtbaar worden als de focus er op komt wanneer met het toetsenbord wordt genavigeerd.

Omdat het hoofdmenu dubbel voorkomt, zowel onder de menuknop als onder de kop 'Waar ben je naar op zoek?' moet een bezoeker die gebruikmaakt van navigatie met het toetsenbord dubbel door hetzelfde menu heen "tabben", dit staat efficiënte navigatie in de weg. Zorg er daarom voor dat er een mechanisme is om herhalende content over te slaan, zoals een skiplink.


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 paginatitel op pagina https://cultuuroost.nl/zoeken?search=kunst en https://cultuuroost.nl/kennis-en-actueel/downloads ontbreekt. Zorg dat er door middel van het title-element een beknopte titel aanwezig is die de inhoud van de pagina beschrijft. Een vergelijkbaar probleem komt voor op pagina https://cultuuroost.nl/404 en https://cultuuroost.nl/kennis-en-actueel/downloads.

Op pagina https://cultuuroost.nl/kennis-en-actueel/agenda/get-a-grant-event ontbreekt de organisatienaam in de paginatitel. Voeg dit toe om dit probleem op te lossen. Dit probleem komt meerdere keren voor, bijvoorbeeld bij pagina https://cultuuroost.nl/kennis-en-actueel/cultuurmonitor, https://cultuuroost.nl/onderwerpen/cultuureducatie en https://cultuuroost.nl/kennis-en-actueel/netwerk-gespecialiseerd-onderwijs-gelderland en https://cultuuroost.nl/kennis-en-actueel/flexibel-inspelen-op-maatschappelijke-uitdagingen.

Op pagina https://cultuuroost.us20.list-manage.com/subscribe?u=7095a00349c55afb2ea8232c1&id=d06d24611b is er wel een organisatienaam in de paginatitel aanwezig, maar ontbreekt het doel van de pagina, bijvoorbeeld 'Inschrijven nieuwsbrief'.

De PDF "Essay" https://media.cultuuroost.nl/cultuur-oost/productie/downloads/EssayMiddenbestuurCultuurOost.pdf en de PDF met het Meerjarenbeleidsplan 2023-2026 https://media.cultuuroost.nl/cultuur-oost/productie/downloads/Cultuur%20Oost%20MJBP%20small.pdf hebben geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam, maar de titel van het document wordt getoond.


2.4.3 Focus volgorde (Niveau A)

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: Op pagina https://cultuuroost.nl/ kan je met de tabtoets door de pagina navigeren. Als je met de tabtoets navigeert ontstaat er een onlogische focusvolgorde, bijvoorbeeld bij het hoofdmenu die ingeklapt blijft wanneer de focus zich op de links in het menu bevind. Bijvoorbeeld voor ziende bezoekers die gebruikmaken van navigatie met het toetsenbord is dit verwarrend omdat het niet duidelijk is waar de focus zich bevindt. Zorg dat de focusvolgorde door webpagina's logisch is, wanneer men met het toetsenbord navigeert. Er zijn meerdere problemen met het hoofdmenu achter de 'menu' knop:

  • De links van het hoofdmenu bevinden zich achter de knop 'Menu' en krijgen toetsenbordfocus, terwijl het menu ingeklapt is. Een bezoeker weet nu niet waar de focus zich bevindt. Zorg ervoor dat het menu eerst wordt uitgevouwen. Wanneer het hoofdmenu uitgevouwen is, krijgt de sluit-knop geen toetsenbordfocus na de laatste link, ook is het hoofdmenu niet af te sluiten met de escape toets. Hierdoor blijft het menu over de pagina heen staan, terwijl de bezoeker verder navigeert over de pagina. Zorg ervoor dat eerst het menu afgesloten wordt. Ook de menu-knop zelf krijgt geen toetsenbordfocus, zie hiervoor succescriterium 2.1.1.
  • Wanneer het hoofdmenu staat uitgevouwen, de schermgrootte is aangepast en ingezoomd op 250% dan staat er een submenu onder de links zoals 'Diensten'. De links van het submenu krijgen toetsenbordfocus, terwijl de submenu's niet uitgevouwen zijn. Een bezoeker weet nu niet waar de focus zich bevindt.

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: Op pagina https://cultuuroost.nl/ staat bovenin een klikbaar logo. De toegankelijke naam is 'Logo Logo'. Deze tekst beschrijft de link onvoldoende en het linkdoel is niet duidelijk. Zorg voor een correcte toegankelijke naam voor de link. Dit probleem komt ook voor op alle pagina's met het logo.

Op de homepagina https://cultuuroost.nl/ wanneer het hoofdmenu staat uitgevouwen, de schermgrootte is aangepast en ingezoomd op 250% dan staan er links onder het submenu zoals 'Diensten' waar het pijl-icoon voorkomt in de toegankelijke naam van de link, bijvoorbeeld 'Advies & beleid arrow'. Verwijder 'arrow' uit de toegankelijke naam.

Op pagina https://cultuuroost.nl/contact staat een link 'Adres tonen op kaart'. Het linkdoel is een externe pagina, geef dit aan in de toegankelijke naam van de link.

Op pagina https://cultuuroost.nl/kennis-en-actueel/cmk staan onder 'Dit project is een samenwerking met' klikbare afbeeldingen van logo's. De twee links hebben een toegankelijke naam " " en een tekst in de title, bijvoorbeeld 'Ga naar FCP'. Zorg voor een toegankelijke naam van de link met een linktekst en linkdoel. Zie ook succescriterium 1.1.1. Dit probleem komt ook voor op pagina https://cultuuroost.nl/kennis-en-actueel/cultuurmonitor onder 'Dit project is een samenwerking met'.

Op pagina https://cultuuroost.nl/kennis-en-actueel/cmk staan in de "sidebar" twee links met in de toegankelijke naam de tekst 'icon to map'. Verwijder deze tekst uit de toegankelijke naam van de links. Zie ook succescriterium 1.1.1 en 3.1.2 voor een verklaring waarom deze teksten hier niet nodig zijn. Dit probleem komt ook voor bij de twee links met de tekst 'download icon' onder 'Downloads' op pagina https://cultuuroost.nl/kennis-en-actueel/cultuurmonitor, op pagina https://cultuuroost.nl/onderwerpen/cultuureducatie bij de link 'CMK' en op pagina https://cultuuroost.nl/kennis-en-actueel/downloads staan download links met toegankelijke naam 'Download dowmload icon' (m is onderdeel van de tekst) en op https://cultuuroost.nl/over-cultuur-oost/organisatie onder 'Downloads'.

Op pagina https://cultuuroost.nl/over-cultuur-oost/organisatie staat een link met toegankelijke naam 'Lees meer', voeg hieraan een linkdoel toe.

Op pagina https://cultuuroost.us20.list-manage.com/subscribe?u=7095a00349c55afb2ea8232c1&id=d06d24611b staat een klikbaar logo met de tekst intuit mailchimp. De toegankelijke naam van de link is 'Email Marketing Powered by Mailchimp'. Deze tekst is onvoldoende beschrijvend en in het Engels. Zorg voor een toegankelijke naam van de link waarin ook het linkdoel duidelijk beschreven is.

Advies: Op pagina https://cultuuroost.nl/kennis-en-actueel/cultuurmonitor staan onder 'Downloads' twee links met een toegankelijke naam. In de title komt een deel van deze tekst ook weer terug waardoor voorleessoftware dubbele informatie geeft.

Advies: Op pagina https://cultuuroost.nl/onderwerpen/cultuureducatie staat naast de toegankelijke naam van de link ook een deel van de linktekst in de title. Dit wordt niet afgekeurd, het zou wel efficiënte navigatie in de weg kunnen staan, omdat de linktekst zo dubbel wordt voorgelezen.


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: Voldoende


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: Onvoldoende

Bevindingen: Op pagina https://cultuuroost.nl/ staat een kop dubbel op de pagina 'Cultuureducatie met Kwaliteit'. Een van de twee koppen beschrijft de onderliggende content onvoldoende. Pas een van de twee koppen aan, zodat ze niet identiek meer zijn.


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 de links in het hoofdmenu op pagina https://cultuuroost.nl/ de focus hebben, is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen. Dit probleem komt voor op meerdere interactieve elementen op deze pagina.

  • Wanneer de links onder de kop 'Waar ben je naar op zoek?' de focus krijgen, dan is dit niet zichtbaar omdat deze pas zichtbaar worden wanneer een bezoeker over de pagina 'scrollt' met de muis. Bezoekers die navigeren met het toetsenbord zien nu niet waar de focus zich bevindt, omdat de links niet zichtbaar in beeld staan. Zie ook succescriterium 2.4.3.
  • De links van het submenu bevinden zich achter de knop 'Menu' en krijgen toetsenbordfocus, terwijl het menu ingeklapt is. Een bezoeker weet nu niet waar de focus zich bevindt (zie succescriterium 2.4.3).

In het formulier https://cultuuroost.us20.list-manage.com/subscribe?u=7095a00349c55afb2ea8232c1&id=d06d24611b staat een knop 'Abonneren'. Er ontbreekt een zichtbare focusrand. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen.

Wanneer de links onder de kop 'Waar ben je naar op zoek?' op pagina https://cultuuroost.nl/ de focus krijgen, dan is dit niet zichtbaar omdat deze pas zichtbaar worden wanneer een bezoeker over de pagina 'scrollt' met de muis. Bezoekers die navigeren met het toetsenbord zien nu niet waar de focus zich bevindt, omdat de links niet zichtbaar in beeld staan.


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:

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: Voldoende


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:

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: Op pagina https://cultuuroost.us20.list-manage.com/subscribe?u=7095a00349c55afb2ea8232c1&id=d06d24611b is de taalaanduiding van de hele pagina Engels. De pagina is echter in het Nederlands. Zorg voor de juiste taalcodering in de HTML zodat hulpsoftware de tekst op correcte wijze voorleest.


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: Op pagina https://cultuuroost.nl/zoeken?search=kunst staan een paginering. Hier staan twee pijlen om mee tussen de pagina's te navigeren. Deze pijlen zijn afbeeldingen met alternatieve tekst 'arrow'. Zorg ervoor dat de taal overeenkomt met de taal van de pagina, in dit geval is dat het Nederlands. Dit probleem komt ook voor op pagina https://cultuuroost.nl/kennis-en-actueel/agenda.

Op pagina https://cultuuroost.nl/kennis-en-actueel/cmk staan in de "sidebar" twee iconen die aangeven dat het om een externe links gaat. De alternatieve tekst is 'icon to map'. Ook in de toegankelijke namen van de links bij deze icons staat dezelfde Engelse teks. Vertaal deze tekst naar het Nederlands. Zie ook succescriterium 1.1.1. Dit probleem komt ook voor bij de twee klikbare afbeeldingen met de tekst 'download icon' onder 'Downloads' op pagina https://cultuuroost.nl/kennis-en-actueel/cultuurmonitor en pagina https://cultuuroost.nl/onderwerpen/cultuureducatie bij de link 'CMK'.

Op pagina https://cultuuroost.us20.list-manage.com/subscribe?u=7095a00349c55afb2ea8232c1&id=d06d24611b staat de Engelse tekst 'We use Mailchimp as our marketing platform. By clicking below to subscribe, you acknowledge that your information will be transferred to Mailchimp for processing. Learn more about Mailchimp's privacy practices.' Vertaal deze tekst in het Nederlands of zorg voor een taalwissel is de code door aan de omliggende html-code een lang="nl" toe te voegen. Ook moet de toegankelijke naam van de link 'Learn more' vertaald naar het Nederlands.

Advies: Op pagina https://cultuuroost.nl/zoeken?search=kunst staat bij sommige zoekresultaten de koptekst 'Undefined'. Het gaat om pagina's die linken naar 'Onze mensen'. Zorg ervoor dat teksten in de taal van de pagina zijn.


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


3.2.3 Consistente navigatie (Niveau AA)

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 pagina https://cultuuroost.nl/contact staat een formulier onder 'Bel, mail of kom langs'. Dit formulier heeft geen foutmelding, er komt enkel een rode rand om de invoervelden die niet goed of niet zijn ingevuld. Een goede foutidentificatie vermeld welke fout is gemaakt, en waar de fout is gemaakt. Bijvoorbeeld 'Het veld E-mailadres is niet ingevuld’. Dat een veld verplicht is, is een foutsuggestie zoals omschreven bij succescriterium 3.3.3. Dit probleem komt ook voor bij het formulier onder 'Wil je nieuws en updates in je inbox?' die op dezelfde pagina en meerdere pagina's voorkomt, waaronder de homepagina.

Het formulier op pagina https://cultuuroost.us20.list-manage.com/subscribe/post maakt gebruik van HTML5-veldcontroles. Deze foutmeldingen worden niet door alle browsers en hulpsoftware even goed ondersteund. De melding is soms kortaf, onvolledig of blijft te kort staan. Ook kan 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.


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 pagina https://cultuuroost.nl/contact staat een formulier onder 'Bel, mail of kom langs'. Dit formulier geeft met een rode rand om de invoervelden aan dat ze verplicht zijn. 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' en plaats een sterretje bij de verplichte invoervelden. Dit probleem komt ook voor bij het formulier onder 'Wil je nieuws en updates in je inbox?' die op dezelfde pagina en meerdere pagina's voorkomt, waaronder de homepagina.

Formulierveld 'Bericht' op pagina https://cultuuroost.nl/contact heeft geen zichtbaar label maar wel een placeholder tekst. De placeholder tekst is niet voldoende, want die verdwijnt zodra de bezoeker begint met typen. Voor sommige mensen kan het moeilijk zijn om te onthouden wat ze moeten invullen als dat er niet duidelijk bij staat. Voeg een label toe dat altijd zichtbaar blijft om dit probleem op te lossen.


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://cultuuroost.nl/contact staat een formulier onder 'Bel, mail of kom langs'. Formulierveld 'E-mailadres en' 'Telefoonnummer' vraagt om een specifieke invoer, maar het is niet duidelijk hoe dit ingevuld met worden. Bij het e-mailadres staat dit wel in de placeholder tekst, maar deze verdwijnt wanneer de bezoeker begint met typen. Wanneer de bezoeker het formulier verstuurd met foutieve invoer staat er geen suggestie onder het invoerveld hoe het wel ingevuld moet worden. Zorg dat het voor bezoekers duidelijk is hoe zij deze formuliervelden moeten invullen.

Formulierveld 'E-mailadres' in het formulier onder 'Wil je nieuws en updates in je inbox?' op meerdere pagina's, bijvoorbeeld https://cultuuroost.nl/contact vraagt om een specifieke invoer (anders kan het formulier niet verstuurd worden) maar het is niet duidelijk hoe dit ingevuld met worden. Zorg dat het voor bezoekers duidelijk is hoe zij dit formulierveld moeten invullen, bijvoorbeeld door voorbeeld@emailadres.nl toe te voegen.

Het formulier op pagina https://cultuuroost.us20.list-manage.com/subscribe/post maakt gebruik van HTML5-veldcontroles. Deze foutmeldingen worden niet door alle browsers en hulpsoftware even goed ondersteund. De melding is soms kortaf, onvolledig of blijft te kort staan. Ook kan 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.


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:

  1. Omkeerbaar: Verzendingen kunnen ongedaan gemaakt worden.
  2. Gecontroleerd: Door de gebruiker ingevoerde gegevens worden gecontroleerd op invoerfouten en de gebruiker wordt de mogelijkheid gegeven om ze te verbeteren.
  3. 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: Niet aanwezig


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: Op pagina https://cultuuroost.nl/ staan onder de kop 'Wil je nieuws en updates in je inbox?' invoervelden zonder geen toegankelijke naam. Zorg ervoor dat deze invoervelden een toegankelijke naam hebben. Dit probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://cultuuroost.nl/contact.

Op pagina https://cultuuroost.nl/ staat een menuknop. Door de huidige opmaak is de knop voor bezoekers die gebruikmaken van hulpsoftware en bezoekers die navigeren met het toetsenbord, niet te gebruiken. Zorg ervoor dat het menu wordt opgemaakt als knop, waar ook de status in- en uitgevouwen wordt gecommuniceerd met hulpsoftware. Zie ook succescriterium 2.1.1.

Op pagina https://cultuuroost.nl/ staat een hoofdmenu in een menu-knop. Wanneer deze staat uitgevouwen is het niet mogelijk om de knop 'menu sluiten' met het toetsenbord te bereiken. Dit komt doordat dit niet als knop is opgemaakt en ook kan het menu niet met de escape toets worden afgesloten. Zorg ervoor dat er een knop aanwezig is waarmee het menu afgesloten kan worden met een toegankelijke naam die de functie beschrijft en dat deze knop ook met het toetsenbord te bedienen is. Zie ook succescriterium 2.1.1.

Op de homepagina https://cultuuroost.nl/ wanneer het hoofdmenu staat uitgevouwen, de schermgrootte is aangepast en ingezoomd op 250% dan vallen de links uit het hoofdmenu onder submenu's zoals 'Diensten'. Met een pijl naar beneden is aangegeven dat hieronder een submenu te vinden is. Een bezoeker die gebruikmaakt van navigatie met het toetsenbord kan de submenuknoppen niet bedienen, omdat de pijlen niet als knoppen zijn opgemaakt. Zorg ervoor dat er een knop aanwezig is voor het submenu met een toegankelijke naam die de functie beschrijft, dat de status in-uitgevouwen wordt gecommuniceerd en dat deze knop ook met het toetsenbord te bedienen is. Zie ook succescriterium 2.1.1.

Op https://cultuuroost.nl/ zijn er uitklapbare blokken inhoud. Naast dat deze niet bedienbaar zijn met het toetsenbord (zie succescriterium 2.1.1), wordt de status van in- en uitgeklapt niet gecommuniceerd naar hulpsoftware. Gebruik het attribuut aria-expanded om dit op te lossen.

Op pagina https://cultuuroost.nl/contact staat een formulier onder 'Bel, mail of kom langs'. De knop 'Verstuur bericht' om dit formulier te versturen is niet als knop opgemaakt. Bezoekers die navigeren met het toetsenbord kunnen het formulier niet versturen. Zorg voor een correcte opmaak van deze knop, zie ook succescriterium 2.1.1.

Op pagina https://cultuuroost.nl/contact staat een formulier onder 'Bel, mail of kom langs'. De invoervelden 'naam' en 'e-mailadres' hebben als toegankelijke naam de placeholder tekst. De placeholder tekst geeft een suggestie van wat er ingevuld kan worden en is geen beschrijving van het invoerveld. Gebruik in plaats hiervan de naam van het label, bijvoorbeeld 'E-mailadres' en niet de naam van de placeholder tekst 'Voorbeeld@emailadres.nl'.

Formulierveld 'Bericht' op pagina https://cultuuroost.nl/contact heeft geen zichtbaar label maar wel een placeholder tekst. De placeholder tekst is niet voldoende, want die verdwijnt zodra de bezoeker begint met typen. Voor sommige mensen kan het moeilijk zijn om te onthouden wat ze moeten invullen als dat er niet duidelijk bij staat. Voeg een label toe dat altijd zichtbaar blijft om dit probleem op te lossen. De overige invoervelden van de twee formulieren op deze pagina hebben wel labels, maar die staan in de invoervelden, met een hele kleine tekst met onvoldoende contrast. Plaats de labels liever buiten de invoervelden (bijvoobeeld erboven), zie ook succescriterium 1.3.1 voor het associëren van een label met een invoerveld.

Op pagina https://cultuuroost.nl/zoeken?search=kunst staat onderaan een paginering. De paginering heeft geen links waardoor de cijfers niet te bedienen zijn met het toetsenbord. Zorg voor een opmaak met links die een toegankelijke naam hebben waar ook uit blijkt waar de cijfers en pijlen voor staan, bijvoorbeeld 'pagina 1' en 'volgende pagina'. Dit probleem komt ook voor bij de paginering op pagina https://cultuuroost.nl/kennis-en-actueel/agenda.

Op pagina https://cultuuroost.nl/kennis-en-actueel/agenda staan onder 'Archief' Agenda's met verschillende jaren die opengeklapt kunnen worden om de maanden te zien en bedienen. Deze knoppen zijn niet opgemaakt als bijvoorbeeld accordion, waardoor het voor bezoekers die gebruikmaken van voorleessoftware niet duidelijk is dat hieronder zich nog meer items bevinden. Zorg voor een juiste opmaak waarbij ook de status in- en uitgevouwen wordt gecommuniceerd aan hulpsoftware.

Op https://cultuuroost.nl/zoeken?search=kunst staan onder de zoekresultaten paginanummers. Het huidige nummer heeft een andere opmaak om aan te geven dat dit de huidige pagina is. Software kan niet deze status bepalen. Een mogelijke oplossing is het toevoegen van een aria-current-attribuut. Dit probleem komt ook voor op pagina https://cultuuroost.nl/kennis-en-actueel/agenda.

Wanneer op pagina https://cultuuroost.nl/zoeken?search=kunst bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 150% dan verdwijnen de filters achter een Filter-knop. Deze knop is niet bereikbaar of bedienbaar met het toetsenbord. Wanneer deze knop wordt aangeklikt zijn alle interactieve onderdelen om te kunnen filteren, de filters te resetten en de sluit-knop voor de geopende filterknop niet bereikbaar en bedienbaar met het toetsenbord. Zorg voor een correcte opmaak van deze elementen, bijvoorbeeld door hier knoppen en links van te maken en zorg ervoor dat de status in- uitgevouwen van de knop wordt gecommuniceerd aan hulpsoftware, evenals de filteropties onder de onderwerpen die kunnen worden uitgevouwen. Ook de checkboxes om de filters in of uit te schakelen hebben een toegankelijke opmaak nodig waarbij het duidelijk is wanneer ze in-of uitgeschakeld zijn. Dit probleem komt ook voor op pagina https://cultuuroost.nl/kennis-en-actueel/agenda.

In de footer staat de tekst 'Meerjaren beleidsplan 2023-2026'. Deze tekst ziet eruit als link en wanneer een bezoeker met de muis eroverheen beweegt veranderd het pijltje in een handje, zoals bij de andere links in de footer. Verander de opmaak in een link met een toegankelijke naam of zorg voor een duidelijk onderscheid met de overige links.


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 het formulier voor updates in je mailbox, bijvoorbeeld op pagina https://cultuuroost.nl/ succesvol wordt verstuurd verschijnt de tekst bovenaan het formulier 'Je bent ingeschreven voor de nieuwsbrief'. Deze melding wordt niet gecommuniceerd aan hulpsoftware. Dit probleem komt ook voor op pagina https://cultuuroost.nl/contact bij het formulier onder 'Bel, mail of kom langs'. Wanneer dit formulier succesvol verzonden wordt staat de tekst 'Je bericht is verzonden' kort in beeld en verdwijnt daarna. Deze tekst wordt niet gecommuniceerd met hulpsoftware.

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:

Bronnen

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

Bron: toegankelijkheidsrapport.swink.nl/cultuuroost.nl/audit/
Geprint: 2025-04-04 18:53:53 v2.4-011