Rapport:
Audit digitale toegankelijkheid website Uitagenda Krimpen aan den IJssel

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

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".

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.

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.

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.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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 (*)".

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

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.

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.

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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

Uitkomst: Onvoldoende

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

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Voldoende

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.

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

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.

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.

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.

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.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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".

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

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)".

Uitkomst: Onvoldoende

Bevindingen: 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".

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Onvoldoende

Bevindingen: 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.