Issues:
Audit digitale toegankelijkheid website Uitagenda Krimpen aan den IJssel

(Alleen de bevindingen)

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Bevinding 1: In de header van elke pagina, bijvoorbeeld https://www.uitagendakrimpen.nl/, staat het logo van Uitagenda Krimpen. De toegankelijke tekst van het logo is "Home". De alternatieve tekst van een logo moet altijd tenminste het woord "logo" en 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.

Bevinding 2: Op de homepagina https://www.uitagendakrimpen.nl/ staat boven de kop "Cursusboekje 2024-2025 NUT Krimpen" een afbeelding. De alternatieve tekst van de afbeelding beschrijft de afbeelding niet maar is een herhaling van de tekst in de kop. Pas de alternatieve tekst aan of maak de afbeelding eventueel decoratief door een leeg alt-attribuut toe te voegen binnen het img-element. Dit geld voor elke afbeelding waarvan de alternatieve tekst een herhaling is van de bijbehorende kop tekst.

Bevinding 3: Op de homepagina https://www.uitagendakrimpen.nl/#lb128130/create-your-own-art staat boven de kop "create your own art" een afbeelding met daaroverheen de tekst "WORKSHOP". De alternatieve tekst van de afbeelding "Workshop" beschrijft de afbeelding niet. Pas de alternatieve tekst aan of maak de afbeelding eventueel decoratief door een leeg alt-attribuut toe te voegen binnen het img-element. Dit geld voor elke afbeelding waarvan de alternatieve tekst een herhaling is van het type van de activiteit.

Bevinding 4: In de footer van elke pagina, bijvoorbeeld https://www.uitagendakrimpen.nl/, staat een afbeelding van het logo van de Gemeente Krimpen aan de IJssel. Deze afbeelding heeft geen alt attribuut. Een afbeelding moet altijd een alt attribuut hebben, die mag leeg gelaten worden als het om een decoratieve afbeelding gaat, maar in dit geval heeft de afbeelding betekenis. De afbeelding geeft aan dat dit een officiële website van de gemeente is. De alternatieve tekst van een logo moet altijd tenminste het woord "logo" en de naam van de organisatie en eventuele overige tekst in de afbeelding bevatten. Ditzelfde komt vaker in de website voor, bijvoorbeeld op pagina https://www.uitagendakrimpen.nl/c/sportorganisaties onder andere bij het logo van "AV-MTK".

Bevinding 5: In de footer van elke pagina, bijvoorbeeld https://www.uitagendakrimpen.nl/, staan een "Facebook" en "Instagram" logo. Deze afbeeldingen worden door middel van het pseudo-element :before/:after en de content property in de CSS op de pagina gezet, hierdoor hebben ze geen toegankelijke tekst terwijl de afbeeldingen wel informatief zijn. Een oplossing kan zijn om het icoon in de html te plaatsen, bijvoorbeeld als img-element of svg met tekstalternatief. Dit is dan ook een oplossing voor het probleem dat er geen linktekst is, zie 2.4.4.

Bevinding 6: Op pagina https://www.uitagendakrimpen.nl/c/locaties#lb128129/bibliotheek-krimpenstaat een afbeelding van een kaart. Deze afbeelding heeft geen tekstalternatief en dit is ook niet nodig omdat het om een decoratieve afbeelding gaat. Maar de afbeelding heeft wel een leeg alt-attribuut (alt="") nodig, zodat hulpsoftware weet dat de afbeelding genegeerd kan worden. Hetzelfde geldt voor de onzichtbare afbeelding daaronder. Hulpsoftware zal de afbeelding vermelden en de bestandsnaam voorlezen.

Bevinding 7: De PDF https://www.uitagendakrimpen.nl/uimg/uitagendakrimpen/b97612_att-handleiding-uitagenda-aanbieders.pdf bevat op bladzijde 1 een screenshot. De afbeelding is binnen een figure tag geplaatst maar is niet voorzien van alternatieve tekst dat het beschrijft. Voeg een tekst toe middels een fig-caption tag.

1.2 Op tijd gebaseerde media

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

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

Bevinding 8: De video op pagina https://www.uitagendakrimpen.nl/#lb110019/koor-jade heeft geen ondertiteling. Doven kunnen niet weten wat er in de video gezegd wordt. Voeg ondertiteling toe.

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

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

Bevinding 9: De video op pagina https://www.uitagendakrimpen.nl/#lb110019/koor-jade in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 16:16. 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 SC 1.2.5.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Bevinding 10: De video op pagina https://www.uitagendakrimpen.nl/#lb110019/koor-jade in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 16:16. Er ontbreekt een voiceover die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien niet weten wat er wordt getoond in de video. Laat de teksten in beeld uitspreken door een voiceover of maak gebruik van een audiodescriptie.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 11: Op pagina https://www.uitagendakrimpen.nl/sitemap staat een groot aantal lijstelementen (li), maar deze zijn niet onderdeel van een ongeordende lijst (ul) zoals visueel wel het geval is. Hulpsoftware kan hierdoor de structuur van de lijst niet goed bepalen. Plaat lijstelementen in lijsten, in dit geval moet na elke kop een nieuwe lijst worden aangemaakt.

Bevinding 12: Advies: Onder andere op de homepagina https://www.uitagendakrimpen.nl/ staan een groot aantal koppen van niveau 1. Meestal bevat een pagina maar één kop van niveau 1 met de pagina titel en worden volgende koppen vanaf niveau 2 hiërarchisch gerangschikt. Dit komt de leesbaarheid van de tekst ten goede en maakt het voor gebruikers van hulpsoftware makkelijk om snel de structuur van een pagina waar te nemen.

Bevinding 13: De PDF https://www.uitagendakrimpen.nl/uimg/uitagendakrimpen/b97612_att-handleiding-uitagenda-aanbieders.pdf bevat een codelaag waardoor hulpsoftware de tekst goed kan voorlezen. De kop "Handleiding Uitagenda aanbieders" is niet als kop (h) getagd maar middels de paragraph tag (p) bedoeld voor platte tekst. Zorg voor goed opgemaakte code zodat gebruikers van hulpsoftware de juiste structuur te horen krijgen.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Bevinding 14: Onder andere op de homepagina https://www.uitagendakrimpen.nl/ staan blokken met een afbeelding, een kop en tekst. Als de blokken achter elkaar worden voorgelezen is het niet duidelijk bij welke kop de afbeelding hoort. Zet de koppen vooraan in de HTML-code en zet hierachter de afbeelding. Visueel mag deze indeling wel aangehouden worden.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Bevinding 15: Wanneer bezoekers op pagina https://www.uitagendakrimpen.nl/c/activiteit-melden onder het formulierveld "Uw e-mail (*)" de anti spam vraag niet invullen, verschijnt een dialoogvenster met de tekst "Vul svp rekensommetje juist in". Zorg ervoor dat de bezoeker weet welk veld dit betreft, gezien het woord "rekensommetje" verder niet in het formulier gebruikt wordt. Gebruik de naam van het betreffende veld.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Bevinding 16: Onderaan elke pagina, bijvoorbeeld https://www.uitagendakrimpen.nl/c/sportorganisaties, verschijnt een dialoogvenster met het formulier "Op de hoogte blijven van Uitagenda Krimpen?". Hierin wordt om een e-mail adres gevraagd. 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. Hetzelfde komt vaker voor op de website, bijvoorbeeld op pagina https://www.uitagendakrimpen.nl/c/activiteit-melden bij het veld "Uw naam (*)".

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Bevinding 17: Op de zoekresultatenpagina https://www.uitagendakrimpen.nl/water zijn alle zoekteksten ("water") doormiddel van een gele achtergrond gemarkeerd. Hierbij wordt informatie alleen doormiddel van kleur gegeven. Slechtzienden en kleurenblinden moeten mogelijk deze informatie missen. Los dit op door het verschil tussen de gele (HEX #FFFF00) en witte achtergrondkleur groter dan 3:1 te maken (Nu is dat 1,1:1) of voeg een andere eigenschap toe, bijvoorbeeld een onderstreping.

Bevinding 18: Op de pagina "Over ons" https://www.uitagendakrimpen.nl/c/over-ons heeft in het hoofdmenu het menu-item "Over ons" een lichtgroene kleur (HEX #DCEAB6) om aan te geven dat dit de actieve pagina is. Hierbij wordt informatie alleen doormiddel van kleur gegeven. Slechtzienden en kleurenblinden moeten mogelijk deze informatie missen. Los dit op door het verschil tussen de lichtgroene (HEX ##DCEAB6) en witte tekstkleur groter dan 3:1 te maken (Nu is dat 1,3:1) of voeg een andere eigenschap toe, bijvoorbeeld een onderstreping.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 19: Op de homepagina https://www.uitagendakrimpen.nl/ staat zeegroene tekst (HEX #1FA197) op een groene achtergrond (HEX #8EC63F), bijvoorbeeld "Wanneer" en "februari 2025". Deze teksten hebben een te laag contrast waardoor slechtzienden of kleurenblinden ze niet kunnen lezen. De contrastverhouding is hier 1,6:1 terwijl dat voor grote tekst zoals "Wanneer" tenminste 3:1 moet zijn, en voor kleine tekst zoals "februari 2025" tenminste 4,5:1.

Bevinding 20: Op de homepagina https://www.uitagendakrimpen.nl/ staat zeegroene tekst (HEX #1FA197) op een witte achtergrond, bijvoorbeeld "Cursusboekje 2024-2025 NUT Krimpen" en "Erika van Rijn". Deze teksten hebben een te laag contrast waardoor slechtzienden of kleurenblinden ze niet kunnen lezen. De contrastverhouding is hier 1,6:1 terwijl dat voor grote tekst zoals "Cursusboekje 2024-2025 NUT Krimpen" tenminste 3:1 moet zijn, en voor kleine tekst zoals "Erika van Rijn" tenminste 4,5:1.

Bevinding 21: Op de homepagina https://www.uitagendakrimpen.nl/ staat witte tekst op een groene achtergrond (HEX #8EC63F), bijvoorbeeld "Theater" en "Lees meer". Deze teksten hebben een te laag contrast. De contrastverhouding is hier 2:1 terwijl dat voor grote tekst zoals "Theater" tenminste 3:1 moet zijn, en voor kleine tekst zoals "Lees meer" tenminste 4,5:1.

Bevinding 22: Op de homepagina https://www.uitagendakrimpen.nl/ staat lichtblauwe tekst (HEX #00ADEE) op een witte achtergrond, bijvoorbeeld "30+ Dames voetbal" en "Voor 30-67 jaar". Deze teksten hebben een te laag contrast. De contrastverhouding is hier 2,4:1 terwijl dat voor grote tekst zoals "30+ Dames voetbal" tenminste 3:1 moet zijn, en voor kleine tekst zoals "Voor 30-67 jaar" tenminste 4,5:1. De witte tekst "Ik doe mee" op lichtblauwe achtergrond heeft dezelfde te lage contrastverhouding.

Bevinding 23: In de footer van elke pagina staat witte tekst op een dieproze achtergrond (HEX #EC008D). Deze teksten hebben een te laag contrast. De contrastverhouding is hier 4,2:1 terwijl dat tenminste 4,5:1 moet zijn. Deze kleurencombinatie komt vaker in de website voor, bijvoorbeeld op de homepagina https://www.uitagendakrimpen.nl/ bij de knop "Tickets". Dezelfde kleur roze op witte achtergrond, bijvoorbeeld op de homepagina de tekst "Voor 4-12 jaar" heeft hetzelfde te lage contrast.

Bevinding 24: Op pagina https://www.uitagendakrimpen.nl/#lb128130/create-your-own-art is een modaal met daarin groene tekst (HEX #8BC63E) op lichtgrijze achtergrond (HEX #F6F6F6). Deze tekst heeft een te laag contrast. De contrastverhouding is hier 1,9:1 terwijl dat tenminste 4,5:1 moet zijn. Wanneer op dezelfde pagina de muis over de link "Meer info" gaat (Rollover) krijgt deze tekst dezelfde kleur met een te laag contrast.

Bevinding 25: Op pagina https://www.uitagendakrimpen.nl/c/activiteit-melden staat een formulier met in een aantal velden een placeholdetrtekst. Bijvoorbeeld: "bijv. De Jonkheid van Krimpen". Deze grijze tekst (HEX #BBC1D1) heeft een te laag contrast met de lichtgrijze achtergrond (HEX FAFAFA). De contrastverhouding is 1,7:1 terwijl dit tenminste 4,5:1 moet zijn.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Bevinding 26: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 200% dan verdwijnt bijvoorbeeld op de homepagina https://www.uitagendakrimpen.nl/ bij elk agendaitem een deel van de afbeelding en tekst buiten beeld. Er zijn ook geen scrollbalken om de tekst te kunnen bekijken. Zorg dat alle inhoud beschikbaar blijft ook voor deze resolutie, bijvoorbeeld voor bezoekers die grote tekst nodig hebben.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Bevinding 27: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 200% dan verdwijnt bijvoorbeeld op de homepagina https://www.uitagendakrimpen.nl/ bij elk agendaitem een deel van de afbeelding en tekst buiten beeld. Er zijn ook geen scrollbalken om de tekst te kunnen bekijken. Bij inzoomen tot 400% verdwijnt er nog meer informatie. Zorg dat alle inhoud beschikbaar blijft ook voor deze resolutie, bijvoorbeeld voor bezoekers die grote tekst nodig hebben.

Bevinding 28: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 200% op pagina https://www.uitagendakrimpen.nl/c/over-ons dan verdwijnt de inhoud van de pagina achter het menu. Zorg dat alle inhoud beschikbaar blijft ook voor deze resolutie.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 29: Op de pagina https://www.uitagendakrimpen.nl/#lb128130/create-your-own-art staat een modaal met daarin een afbeelding van beschilderd papier. Als de muis over de afbeelding gaat (Rollover) verschijnen er twee knoppen om naar een vorige (<) of volgende (>) agenda item te gaan. Het contrast van deze knoppen met de foto op de achtergrond is te laag, op sommige plaatsen is dit 1,2:1 terwijl dat tenminste 3:1 moet zijn. Dit probleem komt op veel plaatsen in de website voor, bijvoorbeeld op de pagina

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Bevinding 30: Op de pagina https://www.uitagendakrimpen.nl/#lb110019/koor-jade wordt gebruikgemaakt van de videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld f voor fullscreen. 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'. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium. Helaas is het op het moment zo dat daarmee nieuwe toegankelijkheidsproblemen ontstaan omdat de "Ondertiteling" en "Instellingen" knoppen niet meer met behulp van het toetsenbord te bedienen zijn. Tot dat YouTube dit toegankelijhkheidsprobleem opgelost heeft is de YouTube Videoplayer niet te gebruiken.

2.2 Genoeg tijd

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Bevinding 31: Op pagina https://www.uitagendakrimpen.nl/c/locaties staat in de header 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, of verwijder de carrousel in z’n geheel. Dit probleem komt op meerdere pagina's in de website voor, bijvoorbeeld ook op pagina https://www.uitagendakrimpen.nl/c/sportorganisaties.

2.4 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Bevinding 32: 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.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Bevinding 33: De PDF https://www.uitagendakrimpen.nl/uimg/uitagendakrimpen/b97612_att-handleiding-uitagenda-aanbieders.pdf heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 34: Als een bezoeker op de homepagina https://www.uitagendakrimpen.nl/ met behulp van de tabtoets navigeert en een activiteit klikt, bijvoorbeeld "create your own art" dan opent een modaal met meer informatie. Het eerstvolgende element dat focus krijgt is niet in de modaal maar het volgende element in de pagina achter de modaal. Daardoor kan je niet meer zien waar je bent, elementen die verborgen zijn krijgen focus. Zorg dat de focus in het modaal terecht komt, bij voorkeur eerst op de sluitknop, en dat je het modaal pas kan verlaten als deze gesloten wordt. Hetzelfde komt op elke plaatsen in de website waar een modaal voorkomt, bijvoorbeeld ook op de modaal onderaan elke pagina: "Op de hoogte blijven van Uitagenda Krimpen?". Wanneer de focus komt op de link "Sitemap" er achter is dat niet te zien.

Bevinding 35: Als bij navigatie met behulp van het toetsenbord op de homepagina https://www.uitagendakrimpen.nl/ wordt genavigeerd en een genre wordt gekozen dan wordt de content van de agenda gefilterd op dat genre zonder dat de pagina ververst . Blinde bezoekers krijgen geen bericht dat er iets veranderd is. Het volgende element dat focus krijgt is het volgende genre in de genre lijst. Dat is niet logisch, de focus moet op de veranderde content komen, het liefst op de eerste activiteit van het gekozen thema.

Bevinding 36: Op de pagina https://www.uitagendakrimpen.nl/#lb128130/create-your-own-art is een modaal met rechts onderin een "Deel" icoontje. Als dat focus heeft en de enter-toets gebruikt wordt verschijnen er een aantal icoontjes. Tussen "Copy link" en "Facebook" is een verborgen link met de titel "Twitter" die focus krijgt, maar er is geen focusrand te zien. Hierdoor weten bezoekers die gebruik maken van het toetsenbord niet waar ze zijn. Zorg ervoor dat links die niet zichtbaar zijn geen focus kunnen krijgen.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 37: In de footer van elke pagina hebben de links naar "Facebook" en "Instagram". geen toegankelijke naam. Omdat de links daarmee geen linkdoel hebben, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de link heen gaat. Voeg een toegankelijke naam waarin het linkdoel is omschreven toe om dit probleem op te lossen. Hetzelfde probleem komt vaker voor in de website, bijvoorbeeld op pagina https://www.uitagendakrimpen.nl/#lb128130/create-your-own-art bij het delen icoontje onderaan het modaal "create your own art" en bij de icoontjes die verschijnen als op dat delen icoon geklikt wordt.

Bevinding 38: Op de homepagina https://www.uitagendakrimpen.nl/ staat onder de kop "Wanneer" een link naar maanden verder in de toekomst. De linktekst is ">>". Visueel is wel duidelijk wat de link doet maar niet elke browser/voorleessoftware combinatie leest dit goed voor. Geef een duidelijke linktekst, dat kan bijvoorbeeld doormiddel van een aria-label.

Bevinding 39: Op de pagina https://www.uitagendakrimpen.nl/#lb128130/create-your-own-art staat een modaal met daarin een afbeelding van beschilderd papier. Als de muis over de afbeelding gaat (Rollover) verschijnen er twee knoppen om naar een vorige (<) of volgende (>) agenda item te gaan. geen toegankelijke naam. Omdat de links daarmee geen linkdoel hebben, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de link heen gaat. Voeg een toegankelijke naam waarin het linkdoel is omschreven toe om dit probleem op te lossen.

Bevinding 40: Op pagina https://www.uitagendakrimpen.nl/#lb128130/create-your-own-art is een modaal met daarin een link "Dee/Sign" die niet werkt. De link gedraagt zich het zelfde als de link "Meer info" op dezelfde pagina en de link krijgt focus bij navigatie met het toetsenbord, toch gebeurt er niets als hij wordt geactiveerd, dat is verwarrend. Zorg er voor dat de link werkt of haal de link weg.

Bevinding 41: Op pagina https://www.uitagendakrimpen.nl/#lb128130/create-your-own-art is een modaal met daarin een link "Klik hier". Vermijd linkteksten als "Lees meer" en "Klik hier", zulke teksten beschrijven het linkdoel niet. Zorg dat linkteksten duidelijk beschrijven waar de link naartoe gaat, bijvoorbeeld door de tekst aan te vullen met de titel van het bericht of pagina waarnaar gelinkt wordt. Als visueel duidelijk is waar de link bij hoort hoeft deze aanvullende tekst niet visueel zichtbaar te zijn.

Bevinding 42: Op pagina https://www.uitagendakrimpen.nl/agenda/april-2025?subject=Tickets%20Walking%20Football#lb117281/walking-football is een modaal met daarin een link "Meer info". Deze linktekst geeft niet goed aan wat het linkdoel is, een externe website https://www.dcvkrimpen.nl/1/1296/walking-football-bij-dcv/ die opent in een nieuw venster. Geef altijd duidelijk aan waar een link naartoe gaat.

Bevinding 43: Op pagina https://www.uitagendakrimpen.nl/c/over-ons staat onder "Volg ons op Facebook" een iframe met een Facebook feed. Hierin komen meerdere links voor zonder toegankelijke naam. Hierdoor weten blinde bezoekers niet waar deze link naartoe gaat. Geef de links een toegankelijke naam, bijvoorbeeld door de afbeeldingen binnen de link een alt tekst te geven die de afbeelding en het linkdoel beschrijft.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Bevinding 44: Op de pagina https://www.uitagendakrimpen.nl/c/activiteit-melden is het niet zichtbaar als de kop "Activiteit aanmelden" en de bijbehorende afbeelding focus krijgen. Dit is een link waarmee een modaal geopend wordt met hetzelfde formulier als op de onderliggende pagina staat. Zorg ervoor dat altijd duidelijk is welk element focus heeft, het liefst doormiddel van een duidelijke focusrand.

Bevinding 45: Op iedere pagina, bijvoorbeeld https://www.uitagendakrimpen.nl/, is er een dubbele focusrand zichtbaar indien men de toetsenbordfocus op het logo zet. Het betreft het logo zelf en een veld eronder. Verwijder het laatstgenoemde, gezien dit de toetsenbordgebruiker in verwarring kan brengen.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Bevinding 46: Op pagina https://www.uitagendakrimpen.nl/c/activiteit-melden staat een formulier. De toegankelijke namen van de velden komen niet overeen met het zichtbare label van de velden. Bijvoorbeeld het veld "Uw naam" heeft de toegankelijke naam "Verschijnt niet op de site". Omdat de toegankelijke naam van dit veld niet overeenkomt met het zichtbare label, is het veld niet of moeilijk te bedienen met spraaksoftware. Zorg ervoor dat de zichtbare naam onderdeel is van de toegankelijke naam, het liefst vooraan. (De tekst "Verschijnt niet op de site" is wel zichtbaar in het veld, maar moeilijk of niet leesbaar omdat het contrast te laag is, zie 1.4.3.). Alle velden die geen toegankelijke naam hebben voldoen ook niet aan dit criterium, bijvoorbeeld op dezelfde pagina het veld "theater" of "Omschrijving van de activiteit".

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Bevinding 47: Op bijna elke pagina, bijvoorbeeld op de homepagina https://www.uitagendakrimpen.nl/ is de taalaanduiding van de hele pagina Engelstalig terwijl de pagina's Nederlandstalig zijn. Voorleessoftware leest de pagina met een Engelstalige stem voor. Zorg voor de juiste taalcodering in de HTML zodat hulpsoftware de tekst op correcte wijze voorleest.

Bevinding 48: Op pagina https://www.uitagendakrimpen.nl/sitemap ontbreekt een taalaanduiding van de inhoud van de pagina. Standaard zal voorleessoftware de pagina's Engelstalig uitspreken. De taalaanduiding moet in de HTML-code worden opgegeven door middel van een lang-attribuut bij het HTML-element. Dit attribuut moet dan de landcode van de taal bevatten.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Bevinding 49: Wanneer bezoekers op pagina https://www.uitagendakrimpen.nl/c/activiteit-melden geen of foutieve invoer invullen, verschijnen er foutmeldingen in de vorm van een dialoogvenster. Bijvoorbeeld "'Onder welk genre wil je gevonden worden?' verplicht". Een goede foutidentificatie vermeld welke fout is gemaakt, en waar de fout is gemaakt. Bijvoorbeeld "Er is geen keuze gemaakt bij het veld 'Onder welk genre wil je gevonden worden?'". Dat een veld verplicht is, is een foutsuggestie zoals omschreven bij succescriterium 3.3.3.

Bevinding 50: Advies: indien meerdere velden niet correct ingevuld zijn, wordt er slechts een enkele foutmelding in een dialoogvenster weergegeven. Dit leidt er toe dat bezoekers wellicht meermalig het formulier gebrekkig proberen te verzenden en terug moeten naar een bepaald onderdeel. Advies is om de foutmeldingen bij de velden te plaatsen en hier goede statusberichten voor te gebruiken, zodat schermleessoftware meteen na het verzenden alle problemen aan haar gebruikers kan weerleggen.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Bevinding 51: Op pagina https://www.uitagendakrimpen.nl/c/activiteit-melden staat een formulier waar bij de verplichte velden een * wordt 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'. Hetzelfde komt voor bij elk formulier op de website, bijvoorbeeld ook op pagina https://www.uitagendakrimpen.nl/#lb110019/koor-jade.

Bevinding 52: Op pagina https://www.uitagendakrimpen.nl/c/activiteit-melden staat een formulier. De invoervelden zijn niet programmatisch gekoppeld aan de bijbehorende labels. Bijvoorbeeld het label "Uw naam (*)" is niet gekoppeld aan de tekstveld daaronder. Blinden krijgen alleen de placeholdertekst "verschijnt niet op de site" te horen, zij weten niet wat hier moet worden ingevuld. Zet bijvoorbeeld het label in een label element en gebruik "for=id" om het label te koppelen. Hetzelfde geldt voor alle invoervelden op de pagina.

Bevinding 53: Een groot aantal formuliervelden op pagina https://www.uitagendakrimpen.nl/c/activiteit-melden, bijvoorbeeld "Waar / Naam locatie" heeft naast het zichtbare label extra informatie in 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.

Bevinding 54: Op pagina https://www.uitagendakrimpen.nl/c/activiteit-melden staat een formulier met onder "Onder welk genre wil je gevonden worden? (*)" een aantal selectievakjes, bijvoorbeeld "theater". Niet alleen is het label "theater" hieraan niet gekoppeld (zie bovenstaande bevinding), maar ook de vraag "Onder welk genre wil je gevonden worden? (*)" is niet gekoppeld. Dit kan bijvoorbeeld worden opgelost door alle bijbehorende selectievakjes in een fieldset te plaatsen en hierin de vraag in een legend element te plaatsen. Hetzelfde geldt voor andere groeperingen van selectie vakjes of keuzerondjes op de pagina, bijvoorbeeld de voor de keuzerondjes onder "Doelgroep (alleen als de activiteit alleen is voor één van onderstaande doelgroepen)".

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Bevinding 55: Onderaan elke pagina staat een formulier "Op de hoogte blijven van Uitagenda Krimpen?" waarin een emailadres ingevuld kan worden. Als er geen geldig email adres wordt ingevuld verschijnt de tekst "Vul svp een geldig mailadres in / Please fill out a valid mailaddress". Er wordt niet vermeld wat het format van een juist email adres is, bijvoorbeeld "naa@domein.nl".

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 56: Op pagina https://www.uitagendakrimpen.nl/c/over-ons staat onder de kop "Volg ons op Facebook" een iframe zonder titel attribuut. Plaats het title-attribuut in dit iframe met een goede omschrijving van de inhoud van het iframe, bijvoorbeeld "Uitagenda Krimpen op Facebook". Hetzelfde komt vaker voor op de website. Bijvoorbeeld op de pagina https://www.uitagendakrimpen.nl/#lb110019/koor-jade bevat de modaal een iframe zonder toegankelijke naam en daarbinnen bevind zich weer een formulier in een iframe zonder naam.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Bevinding 57: Als bij navigatie met behulp van het toetsenbord op de homepagina https://www.uitagendakrimpen.nl/ wordt genavigeerd en een genre wordt gekozen dan wordt de content van de agenda gefilterd op dat genre zonder dat de pagina ververst . Blinde bezoekers krijgen geen bericht dat er iets veranderd is. Zorg er voor dat de verandering doorgegeven wordt, bijvoorbeeld doormiddel van een aria-live bericht. Het is ook mogelijk om de focus op de eerste activiteit van het gekozen genre te zetten, zie ook 2.4.3.

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

• Home:
  http://uitagendakrimpen.nl
• Over:
  https://www.uitagendakrimpen.nl/c/over-ons
• Zoekresultaten:
  https://www.uitagendakrimpen.nl/water
• Video:
  https://www.uitagendakrimpen.nl/#lb110019/koor-jade
• Tabel:
  https://www.uitagendakrimpen.nl/agenda/april-2025?subject=Tickets%20Walking%20Football#lb117281/walking-football
• Formulier:
  https://www.uitagendakrimpen.nl/c/activiteit-melden
• Overzicht:
  https://www.uitagendakrimpen.nl/c/sportorganisaties
• Agenda item:
  https://www.uitagendakrimpen.nl/#lb128130/create-your-own-art
• Locatie kaart:
  https://www.uitagendakrimpen.nl/c/locaties#lb128129/bibliotheek-krimpen
• Pagina met PDF:
  https://www.uitagendakrimpen.nl/handleiding#lb97612/organisatie
• PDF:
  https://www.uitagendakrimpen.nl/uimg/uitagendakrimpen/b97612_att-handleiding-uitagenda-aanbieders.pdf
• Sitemap:
  https://www.uitagendakrimpen.nl/sitemap
• Schaken:
  https://www.uitagendakrimpen.nl/agenda/februari-2025?subject=Tickets%20Vakantie%20Bijbel%20Club%20Krimpen#lb126985/kom-eens-gezellig-schaken-in-krimpen
• Agenda item 2:
  https://www.uitagendakrimpen.nl/agenda/alles?subject=Tickets%20Polderdichters%20in%20Beeld#lb128198/polderdichters-in-beeld

Ondersteunende technieken

• HTML5
• CSS
• WAI-ARIA
• ECMAScript 5
• DOM
• SVG
• PDF

Bronnen

• Evaluatiedocument WCAG 2.0
  www.drempelvrij.nl/over-het-waarmerk
• Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
  www.w3.org/Translations/WCAG20-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.