Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Raadsinformatie Gemeente Krimpen aan den IJssel

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Raadsinformatie Gemeente Krimpen aan den IJssel
Datum 11 juli 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op krimpenaandenijssel.raadsinformatie.nl.
  • Alle PDF's op krimpenaandenijssel.raadsinformatie.nl.
Buiten de scope van het onderzoek valt:
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 71

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/ heeft de knop in het zoekvak met het aria-label="verzenden" geen goed tekstalternatief. Deze tekst maakt niet duidelijk dat deze knop iets te maken heeft met het invoerveld “Waar bent u naar op zoek?”. Een simpele naam zoals “Zoeken” zou wel voldoen.

Bevinding 2: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/dossiers staan in de tabel meerder afbeeldingen om de dossiers te downloaden of te delen. Deze interactieve icoontjes hebben nu geen tekstalternatief voor hulpsoftware. Bij het laden van de pagina moeten deze links al een naam hebben. Het moet niet eerst nodig zijn om met de muis over deze links te bewegen voordat deze een tekstalternatief hebben.

Bevinding 3: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/info/Hoe_werkt_de_raad_/587/Nieuwsbrief zijn de PDF-icoontjes nu losse links naar het bestand dat ernaast staat. Het advies is om de link om het logo samen te voegen met de link ernaast én de tekst “Pdf” eronder. Deze links voldoen nu niet aan meerdere succescriteria. Het probleem hier is dat de links met PDF-icoontjes nu geen tekstalternatief hebben en een link moet altijd een tekst(alternatief) hebben om te voldoen.

Bevinding 4: Op pagina’s zoals https://krimpenaandenijssel.raadsinformatie.nl/vergadering/1039961 staan onder de video meerdere uitklapbare knoppen. Het gaat om de knoppen met een paperclip een nummer en driehoek met de punt naar beneden. Deze knoppen hebben nu tekstalternatieven die alleen het nummer bevatten. De paperclip heeft nu geen tekstalternatief en wel de betekenis van “Bijlage”. Deze knoppen moeten ook aangepast worden zodat de ingeklapte en uitgeklapte toestand beschikbaar is. Hat advies voor dat tweede probleem is om aria-expanded te gebruiken. Dit probleem komt ook voor op pagina https://krimpenaandenijssel.raadsinformatie.nl/vergadering/1162805.

Bevinding 5: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/leden/lid/220069/Coen%20Derickx staat onder 'Wilt u zien wat ik gestemd heb?' een SVG van totalen alle stemmingen. De alternatieve tekst en het aria-label is 'A chart'. Dit is geen goede beschrijving van de SVG-afbeelding. Het plaatsen van een aria-label op een div-element zonder ook de role aan te passen is volgens de specificatie niet toegestaan. Het advies is om niet te vertrouwen op dat soort aria-labels. Het aria-label “A tabular representation of the data in the chart.” is geformuleerd in de verkeerde taal en is daarmee geen goed tekstalternatief.

Bevinding 6: De afbeeldingen in PDF-document 'Bestuursakkoord 2022' op pagina https://krimpenaandenijssel.raadsinformatie.nl/document/11645108/1 hebben geen beschrijving of zijn niet als artefact aangemerkt. Voor informatieve afbeeldingen geldt dat ze een beschrijving moeten hebben van de informatie die er in staat. Decoratieve afbeeldingen mogen als artefact worden getagd om te voldoen.

Bevinding 7: Advies: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/leden/lid/220069/Coen%20Derickx staat een profielfoto van een raadslid. De alternatieve tekst bij deze foto is 'pasfoto'. De tekst beschrijft de afbeelding onvoldoende. Voeg toe dat dit de pasfoto van 'Coen Derickx' is, doordat deze pasfoto direct onder een kop met de tekst 'Coen Derickx' staat is het niet verplicht om dit aan te passen om te voldoen.

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)

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/vergadering/1039961 wordt een video getoond. Het lijkt erop dat deze video een automatisch gegenereerde ondertiteling heeft. Op een aantal plekken staan onjuiste woorden, bijvoorbeeld om 15:01 de tekst 'Dat Gebraad gebruiken we ook' en er komen tekens voor in de ondertiteling, bijvoorbeeld om 38:41 een vraagteken in een ruit. Ook kan bij automatisch gegenereerde ondertiteling de interpunctie ontbreken, waardoor de zinnen moeilijk te begrijpen zijn. Om te voldoen is het nodig om de fouten in de ondertiteling te verbeteren.

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

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

Uitkomst: Onvoldoende

Bevinding 9: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/vergadering/1039961#ai_7560624 is er in de video op verschillende plaatsen tekst in beeld. 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 screenreader 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)

Uitkomst: Onvoldoende

Bevinding 10: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/vergadering/1039961#ai_7560624 is een video. De audiodescriptie ontbreekt in deze video. Audiodescriptie is een (extra) audiospoor waarin verteld wordt wat er in beeld te zien is. Iemand die blind is weet zo niet wat er op het scherm te zien is.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 11: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/ staat onder ‘Vergaderschema’ een kalender met een tabel. In een tabel als deze moeten de horizontale en verticale relaties van de eerste rij en de eerste kolom goed aangegeven worden. Dat is nu niet het geval. Alle cellen zijn in dit geval opgemaakt als td-element. Het advies is om de cellen in de eerste rij allemaal op te maken als th-element en dat geld ook voor alle cellen met een weeknummer in de eerste kolom. Bij de weeknummers is het advies om ook scope=”row” toe te passen zodat het voor hulpsoftware duidelijk is dat deze cellen alleen een horizontale relatie hebben in de tabel.

Bevinding 12: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/uitgebreide_kalender staat visueel een tabel, maar deze is in de code opgemaakt met lijsten. Het gevolg is dat bijna alle relaties in de tabel nu niet beschikbaar zijn voor hulpsoftware. Op deze manier is voor een bezoeker die gebruik maakt van hulpsoftware zoals een screenreader de content niet te begrijpen. Ook is het niet duidelijk welke maand getoond wordt (in dit voorbeeld de maand mei). Visueel is dat zichtbaar, maar deze informatie is niet bereikbaar voor een screenreader. Een mogelijke oplossing voor dit probleem is om de opmaak aan te passen met <table>, maak hierbij gebruik van het th-element om relaties aan te geven en bijvoorbeeld scope=”row” voor horizontale relaties. Op pagina https://krimpenaandenijssel.raadsinformatie.nl/lta/Lange%20Termijn%20Agenda komt een soortgelijk probleem voor. Op het moment dat informatie visueel in een tabel staat moet er goed rekening gehouden worden met gebruikers die deze tweedimensionale presentatie niet (goed) kunnen waarnemen.

Bevinding 13: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/dossiers staat een tabel met een lege kopcel. Deze staat vooraan in de tabel, voor de kopcel 'Titel'. Zorg dat elke kopcel een naam heeft die de bijbehorende datacellen beschrijft, gebruik geen lege kopcellen (<th>). Een lege datacel <td> mag wel, dus vervang de lege kopcel door een lege datacel om dit probleem op te lossen.

Bevinding 14: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/modules/1/ingekomen_stukken/view bij het klikken op de content naast de checkbox verschijnt er een tabel. De opmaak van de tabel is incorrect, waardoor de relatie tussen de cellen niet duidelijk is. Het gaat om een extra tabelcel gevuld met een description list (dl-element). Het toepassen van role=”button” op het tr-element zorgt ervoor dat er voor hulpsoftware geen tabelrij meer is. Voor hulpsoftware klopt de hele opmaak van de tabel niet. Zorg voor een correcte opmaak van de tabel.

Bevinding 15: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/leden/lid/220069/Coen%20Derickx staat een description list (dl-elelement) naast de pasfoto. Het onderdeel 'Nevenactiviteiten is apart opgemaakt, daardoor is de relatie tussen ‘Nevenactiviteiten’ en de lijst niet beschikbaar. Zorg dat deze ook opgenomen is in de description list.

Bevinding 16: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/info/Hoe_werkt_de_raad_/587/Nieuwsbrief is het kruimelpad niet correct opgemaakt als lijst. Het is geen lijst omdat het ul-element een andere rol heeft door role=”menu”. Zorg voor een correcte opmaak, bijvoorbeeld door het ol-element te gebruiken en role=”menu” te verwijderen.

Bevinding 17: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/vergadering/1039961#ai_7560683 zijn zinnen opgemaakt met het em-element, bijvoorbeeld de tekst onder punt 3 'Vaststellen besluitenlijsten vorige agenda'. Het em-element is bedoeld om nadruk te geven aan een of enkele woorden, niet voor hele zinnen. Deze elementen mogen niet worden gebruikt enkel voor opmaak. Een vergelijkbaar probleem komt voor bij punt 12 daar is op het woord 'wethouder' em én strong toegepast. Dit woord zegt iets over de tekst eronder en om die relatie goed aan te geven is het gebruik van een kop een oplossing.

Bevinding 18: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/info/Hoe_werkt_de_raad_/587/Nieuwsbrief staat onder de titel van de pagina een zin opgemaakt met het strong-element, 'Abonneer u op de nieuwsbrief van de gemeenteraad' mag niet op deze manier opgemaakt worden in de code. Het is niet toegestaan om alle tekst in één p-element op deze manier nadruk te geven. Het advies is om hiervoor CSS te gebruiken. Het geven van nadruk aan een deel van een zin zoals gedaan is met “hier aanmelden” is het bedoeld gebruik van strong.

Bevinding 19: Op https://krimpenaandenijssel.raadsinformatie.nl/inloggen staat naast de mogelijkheid om in te loggen een apart invoerveld voor nieuwe gebruikers om hun e-mailadres in te vullen. Het tekstlabel naast dat invoerveld is door het gebruik van het attribuut for="gebruikersnaam" gekoppeld aan het verkeerde invoerveld. Het advies is om dat attribuut aan te passen naar for="email".

Bevinding 20: De PDF 'verantwoorde afspraken' op pagina https://krimpenaandenijssel.notubiz.nl/document/13009407/1/bijlage_-_Rekenkamerrapport_Verantwoorde_Afspraken is niet gecodeerd (van tags voorzien). Dit betekent dat de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat 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.

Bevinding 21: In de PDF 'Bestuursakkoord 2022' op pagina https://krimpenaandenijssel.raadsinformatie.nl/document/11645108/1 zijn de koppen niet als zodanig getagd. Op pagina 14 van de PDF 'Bestuursakkoord 2022' is een opsomming zichtbaar. Die genummerde lijst is echter niet als opsomming gecodeerd. Zorg ervoor dat de tekst gecodeerd is met een L en LI. Dit probleem komt meerdere keren voor in de PDF.

Bevinding 22: Advies: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/vergadering/1162805 staan bijvoorbeeld bij punt 21 drie strepen op de pagina om visueel een onderscheid te maken tussen twee lijsten. Sommige screenreaders lezen deze strepen voor. Maak gebruik van een andere manier om dit op te maken. Of plaats het attribuut aria-hidden=”true” op het betreffende element.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 23: In het PDF-document 'Bestuursakkoord 2022' op pagina https://krimpenaandenijssel.raadsinformatie.nl/document/11645108/1 is op pagina 24 de leesvolgorde anders dan de visuele volgorde. De genummerde lijsten met portefeuille punten worden door hulpsoftware niet in de juiste volgorde gepresenteerd. De eerste lijst met punten is sowieso al niet als lijst opgemaakt en begint met punt 7 in plaats van punt 1, maar de lijst die bij “Kirsten Jaarsma” hoort wordt nu gepresenteerd voordat de foto, naam en functie van mevrouw Jaarsma gepresenteerd worden. Zorg voor een correcte volgorde van de tags in de PDF.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 24: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/leden/lid/220069/Coen%20Derickx staat achter 'E-mail' een link die niet als zodanig te herkennen is. Los dit op door bijvoorbeeld de link te onderstrepen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 25: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/ staat een carrousel met afbeeldingen. De wisselende witte tekst die op deze afbeelding staat heeft niet overal voldoende contrast met de achtergrond. Bijvoorbeeld bij het woord groenalliantie met grote witte tekst op het grijs (HEX #949AA6) in de afbeelding heeft een te laag contrast. Contrastverhouding is 2,8:1, waar dit minimaal 3:1 moet zijn. De contrastverhouding moet minimaal 3:1 voor grote tekst zijn en minimaal 4,5:1 voor normale tekstgrootte. Zorg ervoor dat het contrast altijd voldoende is. Hiervoor zijn verschillende oplossingen te bedenken, bijvoorbeeld een semitransparante achtergrond met voldoende contrast of een schaduwrand rondom de hele tekst (geen dropschaduw).

Bevinding 26: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/uitgebreide_kalender staan donkergrijze (HEX #858383) cijfers op een witte achtergrond. Bijvoorbeeld de cijfers van 20 mei. De contrastverhouding is hier 3,7:1 waar dit minimaal 4,5:1 moet zijn. Een vergelijkbaar probleem komt voor bij de andere cijfers uit de kalender, bijvoorbeeld de donkergrijze (HEX #858383) cijfers van 13 mei op de lichtgrijze (HEX #F2F2F2) achtergrond met een contrastverhouding van 3,3:1, waar dit minimaal 4,5:1 moet zijn. Ook de witte cijfers op de grijze (HEX #C1C1C1) achtergrond van bijvoorbeeld het cijfer van 1 juni, hebben een contrastverhouding van 1,8:1, waar dit minimaal 4,5:1 moet zijn. Het rode (HEX #CA4033) cijfer die de huidige dag markeert op de witte (HEX #F2F2F2) achtergrond met een contrastverhouding van 4,3:1.

Bevinding 27: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/vergadering/1162805 heeft de 'Export' knop bij focus een grijze (HEX #797979) tekst op de witte (HEX #F8F8F8) achtergrond met een te laag contrast. De contrastverhouding is hier 4,1:1, waar dit minimaal 4,5:1 moet zijn, de tekst op een knop moet ook leesbaar zijn als die knop toetsenbordfocus heeft.

Bevinding 28: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/dossiers staat het label 'U bevindt zich op:' bij het kruimelpad. De grijze (HEX #999999) tekst op de witte (HEX #F4F5F6) achtergrond heeft een contrastverhouding van 2,6:1 waar dit minimaal 4,5:1 moet zijn.

Bevinding 29: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/zoeken?keywords=Toegankelijkheid&limit=10&document_type=&search=send staan grijze cijfers (HEX #999999) naast de tekst bij de filters, rechts naast de zoekresultaten. De contrastverhouding met de witte achtergrondkleur is 2,8:1, waar dit minimaal 4,5:1 moet zijn.

Bevinding 30: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/vergadering/1162805 staat bij het openen van de knop 'Export' een knop met 'PDF'. De witte (HEX #F8F8F8) tekst op de grijze (HEX #797979) achtergrond heeft een te laag contrast. De contrastverhouding is 4,1:1, waar dit minimaal 4,5:1 moet zijn. Hetzelfde probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://krimpenaandenijssel.raadsinformatie.nl/modules/1/ingekomen_stukken/view.

Bevinding 31: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/inloggen wanneer bij 'Gebruikersnaam' een foutieve invoer wordt gegeven, dan verschijnt er bovenaan het formulier een foutmelding. De rode (HEX #FF0000) tekst op de witte achtergrond heeft een contrastverhouding van 4,0:1, waar dit minimaal 4,5:1 moet zijn. Hetzelfde probleem komt voor bij de foutmeldingen op pagina https://krimpenaandenijssel.raadsinformatie.nl/registreren en op pagina https://krimpenaandenijssel.raadsinformatie.nl/zoeken?keywords=Toegankelijkheid&limit=10&document_type=&search=send wanneer er geen zoekresultaten zijn gevonden.

Bevinding 32: Wanneer op pagina https://krimpenaandenijssel.raadsinformatie.nl/uitgebreide_kalender de link 'MRDH Adviescommissie EV' wordt geactiveerd, verschijnt er een pop-up. De lichtgrijze tekst (HEX #A2A2A2) heeft op de witte achtergrond een contrastverhouding van 2,5:1, waar dit minimaal 4,5:1 moet zijn. Een vergelijkbaar probleem komt voor op pagina https://krimpenaandenijssel.raadsinformatie.nl/modules/1/ingekomen_stukken/view wanneer de checkbox wordt aangevinkt verschijnt er een lichtgrijze tekst #A2A2A2 op een witte #F0F0F0 achtergrond met een contrastverhouding van 2,2:1.

Bevinding 33: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/dossiers staat het label 'U bevindt zich op:' bij het kruimelpad. De grijze (HEX #999999) tekst op de witte (HEX #F6F6F6) achtergrond heeft een contrastverhouding van 2,6:1 waar dit minimaal 4,5:1 moet zijn.

Bevinding 34: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/dossiers wanneer de link 'delen' wordt aangeklikt dan verschijnt er een roze (HEX #FF4081) tekst 'sluiten' op een zwarte (HEX #333333) achtergrond met een contrastverhouding van 3,7:1, waar dit minimaal 4,5:1 moet zijn.

Bevinding 35: In de PDF 'Bestuursakkoord 2022' op pagina https://krimpenaandenijssel.raadsinformatie.nl/document/11645108/1 is het contrast te laag, bijvoorbeeld op pagina 14. De blauwe (HEX #0092A1) tekst op de witte achtergrond met een contrastverhouding van 3,7:1, waar dit minimaal 4,5:1 moet zijn.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Niet aanwezig

Bevinding 36: Opmerking: Tijdens het onderzoeken van de content viel een technisch probleem op dat opgelost moet worden om te voldoen. Op elke pagina staat in de HTML-code bij meta name="viewport" de volgende instellingen: "maximum-scale=1.0" en "user-scalable=0". Op mobiel of tablet kunnen bezoekers daarom in sommige gevallen niet inzoomen. Dat is niet de bedoeling en daarom moet deze instelling aangepast worden.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 37: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/ in de carrousel staan twee blauwe knoppen met een pijltje om naar de vorige of volgende vergadering te gaan en een pauze/afspelen knop. De focusrand om deze knoppen met wisselende achtergrond afbeeldingen heeft niet overal voldoende contrast. Bijvoorbeeld de grijze (HEX #535355) focusrand om de knop naar de vorige vergadering, met de zwarte (HEX #171711) achtergrondkleur heeft een contrastverhouding van 2,3:1, waar dit minimaal 3:1 moet zijn.

Bevinding 38: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/dossiers staan twee iconen voor 'Blok weergave' en 'Sorteren'. De grijze (HEX #999999) iconen op de witte achtergrond hebben een contrastverhouding van 2,8:1, waar dit minimaal 3:1 moet zijn.

Bevinding 39: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/dossiers staan mappen. Wanneer met de muis een map wordt aangeklikt dan activeert deze door blauw te kleuren en de rij kleurt grijs. Het grijs (HEX #DADADA) tegen de witte achtergrond heeft een contrastverhouding van 1,4:1, waar dit minimaal 3:1 moet zijn.

Bevinding 40: Wanneer er op pagina https://krimpenaandenijssel.raadsinformatie.nl/zoeken?keywords=Toegankelijkheid&limit=10&document_type=&search=send een filter wordt toegepast, dan verschijnt bij het label 'Uw filters' de filter met een sluitknop 'Filter verwijderen'. De afbeelding met het grijze (HEX #A4A4A5) kruisje op de lichtgrijze (HEX #E7E7E9) achtergrond heeft een contrastverhouding van 2:1, waar dit minimaal 3:1 moet zijn.

Bevinding 41: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/lta/Lange%20Termijn%20Agenda staan kleuren zoals blauw, geel en groen met onvoldoende contrast op de witte en grijze achtergrond. Bijvoorbeeld het lichte geel HEX #FFF8C7) op de witte achtergrond heeft een contrastverhouding van 1:1, waar dit minimaal 3:1 moet zijn.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 42: Op alle pagina's is het niet duidelijk dat het hier om de website 'Raadsinformatie' van Gemeente Krimpen aan den IJssel gaat. Omdat er enkel 'Gemeente Krimpen aan den IJssel' in de paginatitels staat, kan de bezoeker denken dat het hier om de website van de Gemeente Krimpen aan den IJssel gaat. Zorg ervoor dat de paginatitel voldoende beschrijvend is door de tekst 'Raadsinformatie' toe te voegen.

Bevinding 43: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/leden/lid/220069/Coen%20Derickx beschrijft de titel van de pagina 'Lid Gemeente Krimpen aan den IJssel' onvoldoende de pagina. Zorg voor een unieke paginatitel, door bijvoorbeeld de naam van het raadslid toe te voegen.

Bevinding 44: Wanneer een pagina niet gevonden wordt dan is daar geen duidelijke melding van of een paginatitel waardoor de bezoeker weet dat de pagina niet is gevonden, een voorbeeld is pagina https://krimpenaandenijssel.raadsinformatie.nl/404.

Bevinding 45: De PDF 'verantwoorde afspraken' op pagina https://krimpenaandenijssel.notubiz.nl/document/13009407/1/bijlage_-_Rekenkamerrapport_Verantwoorde_Afspraken heeft een documenttitel in de eigenschappen maar in de eigenschappen staat ingesteld dat de Bestandsnaam wordt getoond. Zorg dat niet de bestandsnaam maar de Documenttitel wordt getoond.

Bevinding 46: De PDF 'Bestuursakkoord 2022' op pagina https://krimpenaandenijssel.raadsinformatie.nl/document/11645108/1 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.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 47: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/vergadering/1039961#ai_7560624 staan in de video informatie knoppen. Wanneer deze aangeklikt worden komt er een stuk tekst met een link 'Lees meer'. De toegankelijke naam is enkel 'Lees meer' zonder linkdoel. Het is niet altijd duidelijk uit de omliggende tekst wat het linkdoel is en deze informatie is ook niet op te halen uit de toegankelijke naam, maar ook is het onduidelijk waar de link naartoe leidt. Zorg ervoor dat het doel van de link duidelijk is.

Bevinding 48: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/modules/1/ingekomen_stukken/view staat een link achteraan de eerste rij van de tabel 'bekijken'. Het is uit de omliggende tekst onvoldoende duidelijk wat het linkdoel is. Voeg dit toe aan de toegankelijke naam van de link.

Bevinding 49: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/lta/Lange%20Termijn%20Agenda staat in het kruimelpad een afbeelding van een huisje met een link met toegankelijke naam 'Dashboard'. Het linkdoel is de homepagina https://krimpenaandenijssel.raadsinformatie.nl/. Zorg voor een correcte toegankelijke naam van de link die ook het linkdoel beschrijft.

Bevinding 50: Wanneer op pagina https://krimpenaandenijssel.raadsinformatie.nl/uitgebreide_kalender de link 'MRDH Adviescommissie EV' wordt geactiveerd (maand mei), verschijnt er een popup. Onder downloads staan links van PDF documenten. Visueel is te zien dat hier om een PDF document gaat, maar een bezoeker die het scherm niet of slecht kan zien krijgt deze informatie niet mee. De span met class=”pdf” zorgt ervoor dat er een achtergrond afbeelding wordt toegevoegd. Zorg ervoor dat aan de toegankelijke naam van de link 'PDF' wordt toegevoegd.

Bevinding 51: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/dossiers staan in de tabel links om de verschillende dossiers te downloaden of te delen. Die links hebben nu geen goed linkdoel. Deze links hebben nu helemaal geen naam, maar een naam als “Download” of “Delen” is voor deze links niet voldoende. Het moet uit de tekst of context duidelijk worden om welk dossier het gaat. Het goed opmaken van de tabel zoals vereist onder succescriterium 1.3.1 zou hiervoor voldoende kunnen zijn.

Bevinding 52: Advies: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/uitgebreide_kalender staat bij 16 mei een link 'Vergadering Regiotafel wonen Krimpen, Capelle en Lansingerland.'. De toegankelijke naam van de link en de beschrijving dragen precies dezelfde informatie over, met uitzondering van de tijd '20:00'. Zorg dat in de beschrijving enkel informatie wordt doorgegeven zoals de tijd. Een screenreader leest anders de tekst dubbel voor, dat is niet fout maar overbodig en irritant.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 53: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/ staan de knoppen 'Vorige' en 'Volgende'. De toegankelijke naam van deze knoppen is echter "Terug/vooruit bladeren in evenementenlijst". Doordat het visuele label en de toegankelijke naam van deze knoppen niet overeenkomen, zijn de knoppen niet of moeilijk te bedienen door bezoekers die afhankelijk zijn van spraaksoftware. Zorg ervoor dat het visuele label van deze knop in de toegankelijke naam voorkomt, het liefst vooraan.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 54: In de eigenschappen van PDF 'verantwoorde afspraken' op pagina https://krimpenaandenijssel.notubiz.nl/document/13009407/1/bijlage_-_Rekenkamerrapport_Verantwoorde_Afspraken is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 55: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/leden/lid/220069/Coen%20Derickx staat onder 'Wilt u zien wat ik gestemd heb?' een SVG van totalen stemmingen. De alternatieve tekst en het aria-label is 'A chart'. Vertaal de tekst naar het Nederlands. Zie ook succescriterium 1.1.1. Dit geld ook voor andere Engelse teksten in aria-labels op deze en andere pagina’s.

Bevinding 56: De knoppen in de videospeler op pagina https://krimpenaandenijssel.raadsinformatie.nl/vergadering/1039961#ai_7560624 hebben een Engelse toegankelijke naam, vertaal deze naar het Nederlands.

Bevinding 57: Advies: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/zoeken?keywords=Toegankelijkheid&limit=10&document_type=&search=send staat een knop 'terug naar boven' met als beschrijving 'go to top'. Zorg dat er enkel tekst beschikbaar is in de taal van de pagina, in dit geval is dat in het Nederlands.

3.2 Voorspelbaar

3.2.4 Consistente identificatie (Niveau AA)

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Onvoldoende

Bevinding 58: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/zoeken?keywords=toegankelijkheid&limit=10&document_type=&search=send staat een knop 'Zoeken' naast een zoekveld. Op alle andere pagina's staat ook een zoekveld, maar hier is de toegankelijke naam voor de knop 'Verzenden'. Zorg voor een consistente benaming.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 59: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/inloggen komt er nu geen tekstuele foutmelding in beeld als de gebruiker vergeten was om een gebruikersnaam in te vullen. In dat geval moet er een foutmelding in beeld komen. Dit type probleem komt ook voor op pagina https://krimpenaandenijssel.raadsinformatie.nl/registreren. Het niet geven van een foutmelding is alleen toegestaan als er een poging gedaan wordt om een helemaal leeg formulier te verzenden.

Bevinding 60: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/inloggen komt er nu een tekstuele foutmelding in beeld als de gebruiker vergeten was om een wachtwoord in te vullen. De tekst “Om in te loggen hebben wij uw gebruikersnaam en wachtwoord nodig” is een instructie die er ook van te voren had kunnen staan om fouten te voorkomen en daarom geen foutmelding. Deze tekst moet aangepast worden. De tekst “Onjuiste gebruikersnaam of wachtwoord” zou in dit geval ook goed zijn.

Bevinding 61: Wanneer bezoekers op pagina https://krimpenaandenijssel.raadsinformatie.nl/registreren foutieve invoer invullen, verschijnen er foutmeldingen bij de invoervelden. Bijvoorbeeld 'Het veld Voornaam is verplicht.' Een goede foutidentificatie vermeld welke fout is gemaakt, en waar de fout is gemaakt. Bijvoorbeeld 'Het veld Voornaam is niet ingevuld’. De huidige tekst is een instructie die er ook van te voren had kunnen staan om deze fout te voorkomen.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Voldoende

Bevinding 62: Advies: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/registreren staat bovenaan het formulier een instructie hoe het wachtwoord ingevuld moet worden. Plaats deze tekst bij het betreffende invoerveld, zodat het voor bezoekers altijd duidelijk is welke input gevraagd wordt. Wanneer er bijvoorbeeld een wachtwoord wordt opgegeven die niet aan de eisen voldoet, dan staat de foutsuggestie niet in de foutmelding bij het veld, de foutmelding geeft alleen de tekst 'Het nieuwe wachtwoord voldoet niet aan de eisen.' Het advies is om in die tekst ook instructies te geven óf om in die tekst naar de eerder gegeven instructies te verwijzen.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 63: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/vergadering/1039961#ai_7560683 staan meerdere uitklapbare knoppen. Deze knoppen moeten allemaal een toestand krijgen die aan gebruikers van hulpsoftware duidelijk maakt of de betreffende knop op dit moment is uitgeklapt of niet. Het gaat onder andere om de knoppen met de paperclips onder de video en om de informatie-knoppen naast de video. Dit type probleem komt ook voor op pagina’s https://krimpenaandenijssel.raadsinformatie.nl/vergadering/1162805 en https://krimpenaandenijssel.raadsinformatie.nl/info/Hoe_werkt_de_raad_/587/Nieuwsbrief.

Bevinding 64: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/dossiers/57120 hebben de links in de tabel bij het inladen van de pagina geen naam. Die naam wordt pas ingeladen op het moment dat de muis op een van deze links komt te staan. Deze informatie moet beschikbaar ne het laden van de pagina.

Bevinding 65: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/info/Hoe_werkt_de_raad_/587/Nieuwsbrief zijn de PDF-iconen aparte links die nu geen naam hebben doordat de icoontjes geen tekstalternatief hebben. Het advies is om per bijlage een grote link te hebben die het icoon, de naam van de bijlage én de tekst “Pdf” bevat.

Bevinding 66: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/vergadering/1039961#ai_7560683 staat onder de kop 'Filter' onder de labels 'Selecteer spreker(s):' en 'Selecteer agendapunt(en):' een tekstveld met alleen een waarde en zonder toegankelijke naam. Wanneer een element een rol heeft moet er ook een toegankelijke naam voor zijn. Voeg een toegankelijke naam toe om dit probleem op te lossen. Een vergelijkbaar probleem komt voor op dezelfde pagina bij de "progressbars" in de video zonder toegankelijke naam.

Bevinding 67: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/vergadering/1039961#ai_7560683 staan knoppen met bijlages en een cijfer om het aantal bijlages aan te duiden. De toegankelijke naam van de knop is bijvoorbeeld '2'. Deze toegankelijke naam beschrijft de functie van de knop onvoldoende. Zorg voor een beschrijvende toegankelijke naam voor de knop.

Bevinding 68: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/modules/1/ingekomen_stukken/view staan interactieve bedieningselementen genest in een knop. Het gebruik van role=”button” op een tr-element zorgt voor dit probleem. Deze fout heeft meerdere andere issues tot gevolg. Alle interactieve content zoals links in een element met role=”button” zijn niet toegankelijk voor hulpsoftware omdat het niet mogelijk is om deze componenten een rol te geven. Het is niet toegestaan om interactieve elementen te nesten in een element met role=”button”.

Bevinding 69: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/dossiers staan bedieningselementen namelijk 'Sorteren' en 'Blok weergave' zonder geldige rol. Zorg ervoor dat deze bedieningselementen een rol en toegankelijke naam krijgen.

Bevinding 70: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/dossiers is het mogelijk om de sortering van de tabel aan te passen. Om dat mogelijk te maken moet de state van de tabel goed gepresenteerd worden aan gebruikers van hulpsoftware en moeten er aparte componenten zoals knoppen beschikbaar komen die het mogelijk maken om de sortering aan te passen. Het simpelweg klikbaar maken van de tabelkoppen is niet volledig toegankelijk. De actieve sortering kan aangegeven worden op de kolomkop door het attribuut aria-sort te gebruiken. En de bediening kan toegankelijk gemaakt worden door in de kolomkoppen losse knoppen te plaatsen die een naam hebben die duidelijk maakt welke sortering actief wordt als die betreffende knop geactiveerd wordt. De verschillende teksten in de tabel zijn interactief en hebben nu geen goede rol.

Bevinding 71: Op pagina https://krimpenaandenijssel.raadsinformatie.nl/ zijn alle dagen in de tabel interactieve componenten van de gebruikersinterface die geen goede rol hebben. Het activeren van een datum zorgt ervoor dat informatie die naast de tabel wordt weergegeven het vergaderschema vanaf die datum is.

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

Bronnen

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

Geprint: 2024-11-21 13:03:54 v2.4-011