Toegankelijkheidsonderzoek

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

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Gemeente Krimpen aan den IJssel Begrotingsapp
Datum 18 juni 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op krimpenaandenijssel.begrotingsapp.nl/
  • Alle PDF's op krimpenaandenijssel.begrotingsapp.nl/
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 25

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.begrotingsapp.nl/begroting-2024/bestanden staat middels CSS geplaatste iconen. Ze zijn middels aria-hidden onzichtbaar gemaakt voor schermleessoftware, echter hebben ze wel degelijk betekenis. De bijlagen met het printer icoon openen in een nieuw tabblad, terwijl de bijlagen met het documenticoon automatisch downloaden. Zorg dat het verschil ook duidelijk is voor gebruikers van schermleessoftware. Zie tevens SC 2.4.4.

Bevinding 2: Op pagina https://krimpenaandenijssel.begrotingsapp.nl/kadernota-2024/programma/epiloog staat onder '2050: Klimaatneutraal en gezond' een afbeelding van tekst met de visuele titel 'Maatschappelijke doelen omgevingswet'. De inhoud is niet voor blinden toegankelijk en de afbeelding is voorzien van een leeg alt attribuut. Voorzie het alt attribuut van alle tekst die in de afbeelding aanwezig is, of plaats het als platte tekst op de pagina. Zie tevens SC 1.4.5.

Bevinding 3: Op pagina https://krimpenaandenijssel.begrotingsapp.nl/kadernota-2024/programma/inleiding staat onder 'Van Kadernota naar begroting' een afbeelding van tekst. De inhoud van de tabel is niet voor blinden toegankelijk, en er is verder geen tekst alternatief aanwezig. Zorg dat dit wel het geval is. De content is te complex om met in een alt tekst te beschrijven, plaats het daarom als platte tekst op de pagina, bijvoorbeeld in een HTML tabel. Zie tevens SC 1.4.5. Dit probleem doet zich meermalig voor op de website, bijvoorbeeld op pagina https://krimpenaandenijssel.begrotingsapp.nl/kadernota-2024/programma/epiloog de afbeelding van tekst met visuele titel 'Structuurvisie vertaalde thema's in opgaven'. Zie tevens SC 1.4.5.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 4: Op pagina https://krimpenaandenijssel.begrotingsapp.nl/begroting-2024/programma/programma-1-bestuur-en-veiligheid staat een tabel onder 'Wat mag het kosten'. Een tabel dient te bestaan uit kopcellen (th) en datacellen (td). In dit geval zijn alle cellen opgemaakt als datacellen, waardoor structuur en verbanden tussen de cellen niet goed door schermleessoftware wordt voorgelezen en de twee eerste rijen met cellen zijn visueel samengevoegd, bijvoorbeeld 'Rekening 2023' en 'Begroting 2024'. Schermleessoftware leest hier echter slechts de woorden in de eerste rij voor, en vervolgens de nummers in de tweede rij. Hierdoor raakt de betekenis verloren voor gebruikers van schermleessoftware. Los dit op door de visuele eerste rij koppen op te maken als kopcel en zorg ervoor dat kopcellen op de juiste manier aan datacellen gekoppeld zijn bijvoorbeeld doormiddel van het rowspan-, colspan- en scope-attribuut. Dit probleem doet zich voor in alle tabellen in het getoetste sample.

Bevinding 5: Op pagina https://krimpenaandenijssel.begrotingsapp.nl/begroting-2024/programma/programma-1-bestuur-en-veiligheid staan onder 'Indicatoren' visueel twee tabellen: 'Basisset indicatoren programma Bestuur en veiligheid' en 'Lokale indicatoren programma Bestuur en veiligheid'. In HTML zijn beiden echter als een enkele tabel opgemaakt, waarbij de witruimte tevens datacellen betreffen. Dit is voor blinde gebruikers van schermleessoftware erg verwarrend. Zorg dat ook in HTML een scheiding is tussen de tabellen zodat hulpsoftware geen verbanden legt tussen cellen.

Bevinding 6: Op pagina https://krimpenaandenijssel.begrotingsapp.nl/begroting-2024/programma/programma-1-bestuur-en-veiligheid staat onder 'Wat mag het kosten' een tabel. Rijen met datacellen zijn opgemaakt als blauwe balken op ruimte te creëren. Schermleessoftware leest echter wel de rij is met lege kolommen voor. Zorg ervoor dat dit niet het geval is, bijvoorbeeld door overbodige cellen te verwijderen en styling te gebruiken om groepen cellen te arceren.

Bevinding 7: Op pagina https://krimpenaandenijssel.begrotingsapp.nl/begroting-2024/programma/programma-1-bestuur-en-veiligheid worden visuele (sub)koppen opgemaakt middels het strong element. Bijvoorbeeld 'Wat is er aan de hand'. Het strong element dient om nadruk te leggen op enkele woorden, en dient niet ter opmaak gebruikt te worden. Plaats dergelijke visuele koppen binnen de bestaande koppenstructuur. Sommige toetsenbordgebruikers vragen een koppenlijst op om efficiënt door pagina's te navigeren. Gebruik bijvoorbeeld CSS voor styling. Dit probleem doet zich op meerdere pagina's voor, met name de individuele programmapagina's.

Bevinding 8: Op pagina https://krimpenaandenijssel.begrotingsapp.nl/begroting-2024/programma/programma-1-bestuur-en-veiligheid staat onder 'Hoe en waar leggen wij verantwoording af' een visuele lijst met lijstitems en sublijstitems. Het is echter opgemaakt als een opsomming binnen een paragraph element (p), met line breaks (br). Maak hier gebruik van een ongeordende lijst (ul) met lijstitems (li), waarvan sublijstitems weer binnen de laatstgenoemden genest kunnen worden. Op deze wijze wordt de visuele structuur goed door schermleessoftware voorgelezen.

Bevinding 9: Op pagina https://krimpenaandenijssel.begrotingsapp.nl/kadernota-2024/programma/epiloog staat onder 'En toch vindt Krimpen zich nieuw uit' een visuele lijst. Het is echter opgemaakt als een opsomming binnen een paragraph element (p), met line breaks (br). Maak hier gebruik van een ongeordende lijst (ul) met lijstitems (li). Dit probleem doet zich op meerdere pagina's met lijsten voor.

Bevinding 10: Op pagina https://krimpenaandenijssel.begrotingsapp.nl/begroting-2024/Application/Contact is de hoofdcontent ondergebracht in een description list (dl) met zes description details items (dd) en twee horizontal rules (hr) om witruimte te creëren. Schermleessoftware leest hier voor dat er een lijst met 8 items is, terwijl er visueel slechts de koppen 'Telefoon' 'Adres' en 'Postbus' staan. Dit is verwarrend en veroorzaakt ruis. Line breaks (br) en horizontal rules (hr) mogen niet direct in een description list (dl) genest worden. Indien met dergelijke elementen toch wil gebruiken, dient men ze eerst binnen een div of span element te nesten. Alternatief advies is echter de drie stukken content in een ongeordende lijst (ul) met lijstitems (li) te plaatsen.

Bevinding 11: Op pagina https://krimpenaandenijssel.begrotingsapp.nl/begroting-2024/programma/aanmerkelijke-verschillen wordt om tweeërlei redenen gebruik gemaakt van mintekens in de platte tekst: enerzijds als opsommingsteken en anderzijds als negatief saldo. Schermleessoftware leest echter alle tekens op als 'min', waardoor de inhoud niet meer begrijpelijk is voor haar gebruikers. Gebruik bijvoorbeeld een ongeordende lijst (ul) met lijstitems (li) ten behoeve van de opsomming.

Bevinding 12: Op pagina https://krimpenaandenijssel.begrotingsapp.nl/begroting-2024/zoeken kan men middels een invoerveld binnen het onderdeel 'Begroting 2024' zoeken. De pagina toont bij de zoekopdracht naar bijvoorbeeld 'jaarrekening' de tekst '14 resultaten' opgemaakt als niveau 2 koptekst. Een kop dient altijd content te bevatten maar wordt in dit geval opgevolgd door de kop van het eerste zoekresultaat, tevens op niveau 2. Los dit op door bijvoorbeeld de eerstgenoemde tekst op een andere wijze van styling te voorzien, en verwijder hier de h2 kop.

Bevinding 13: De PDF op pagina https://krimpenaandenijssel.begrotingsapp.nl/kadernota-2024/bestanden/Download/04ec2913-61a1-4843-93e1-2e78485185f8 bevat visueel twee tabellen. Alle content staat in datacellen (TD) terwijl de koppen 'Afkorting' en 'Betekenis' opgemaakt dienen te worden als kopcellen (TH) zodat schermleessoftware het verband met de datacellen goed voorleest.

Bevinding 14: De PDF op pagina https://krimpenaandenijssel.begrotingsapp.nl/kadernota-2024/bestanden/Download/04ec2913-61a1-4843-93e1-2e78485185f8 bevat visueel twee tabellen. De koppen 'Afkorting' en 'Betekenis' staan tweemaal achter elkaar vooraan in de toegankelijkheidstags, binnen een enkele tabelrij (TR) genest. Zorg dat de laatste twee op de correcte plaats staan, te weten voor de datacellen 'NHG' en 'Nationale Hypotheek Garantie'.

Bevinding 15: De PDF op pagina https://krimpenaandenijssel.begrotingsapp.nl/begroting-2024/bestanden/Download/58d9400b-2dc1-477d-8bf1-ca7cd631065c is niet van toegankelijkheidstags voorzien. Schermleessoftware leest hier de content niet voor. Zorg dat de content geplaatst is binnen de relevante toegankelijkheidstags, in dit geval onder andere een tabel met kop- en datacellen.

Bevinding 16: De PDF op pagina https://krimpenaandenijssel.begrotingsapp.nl/kadernota-2024/bestanden/Download/04ec2913-61a1-4843-93e1-2e78485185f8 bevat visueel koppen en subkoppen zoals 'Inleiding' en 'Indexering'. In de toegankelijkheidstags is echter slechts de eerste opgemaakt als h2 kop. etc. Sommige bezoekers vragen de koppenlijst op, om zo efficiënt door de pagina's te navigeren. Zorg voor een goede opmaak binnen toegankelijkheidstags. Een goede structuur begint bij een koppen op niveau 1, en subkoppen op niveau 2 en hoger.

Bevinding 17: De PDF op pagina https://krimpenaandenijssel.begrotingsapp.nl/kadernota-2024/bestanden/Download/04ec2913-61a1-4843-93e1-2e78485185f8 bevat tabellen, deze zijn echter als afbeeldingen (figure) opgemaakt. De inhoud van de tabellen is niet van toegankelijkheidstags voorzien, en wordt niet voorgelezen. De namen van deze afbeeldingen zijn eveneens incorrect, bijvoorbeeld 'PadPadPadPadInwonersBegroting20242025202620270-19 jaar'. Zorg dat de tabellen ook als zodanig zijn opgemaakt middels de daartoe geschikte toegankelijkheidstags.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 18: Op pagina https://krimpenaandenijssel.begrotingsapp.nl/begroting-2024/programma/paragraaf-a-lokale-heffingen wordt onder de kop "Opbrengsten" gerefereerd naar 'hieronder' met betrekking tot heffingsgetallen. Er staat echter nog een stuk platte tekst tussenin. Het gebruik van dergelijke visuele beschrijvingen is verwarrend voor blinde gebruikers van schermleessoftware. Vermijd dan ook tevens woordgebruik zoals 'bovenstaande' en 'hierna'.

1.4 Onderscheidbaar

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 19: Op pagina https://krimpenaandenijssel.begrotingsapp.nl/kadernota-2024/programma/epiloog staat de afbeelding van tekst 'Structuurvisie vertaalde thema's in opgaven'. Het is niet essentieel voor de presentatie van de inhoud om dit in een afbeelding te doen, deze zou bijvoorbeeld ook in een HTML tabel vormgegeven kunnen worden. Slechtzienden kunnen de bij het vergroting de tekst niet meer goed zien doordat pixels onscherp worden. Het criterium stelt hierdoor dat de visuele tekst ook als platte tekst op de pagina moet voorkomen, bijvoorbeeld als tabel in een uitklapbaar element onder de afbeelding. Advies is echter om geen gebruik te maken van dergelijke afbeeldingen met tekst. Zie tevens SC 1.1.1.

Bevinding 20: Op pagina https://krimpenaandenijssel.begrotingsapp.nl/kadernota-2024/programma/inleiding staat een afbeeldingen van tekst. Omdat deze teksten door slechtzienden niet aangepast kan worden om de leesbaarheid te verhogen, is deze informatie voor hen mogelijk niet beschikbaar. Ook is de informatie niet beschikbaar voor bezoekers die gebruik maken van hulpsoftware omdat de afbeelding verborgen is doormiddel van een leeg alt-attribuut. Zie SC 1.1.1.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 21: De PDF op pagina https://krimpenaandenijssel.begrotingsapp.nl/kadernota-2024/bestanden/Download/04ec2913-61a1-4843-93e1-2e78485185f8 bevat geen documenttitel in de eigenschappen. Zorg voor een bestandsnaam die het document omschrijft, en dat de documenttitel in plaats van de bestandsnaam wordt getoond. Dit probleem doet zich in diverse PDF's op de website voor.

Bevinding 22: Advies: op meerdere pagina's op de website staan teksten tweemaal in de paginatitel, wat extra ruis veroorzaakt. Bijvoorbeeld op pagina https://krimpenaandenijssel.begrotingsapp.nl/ ('Portaal Gemeente Krimpen aan den IJssel | Portaal Gemeente Krimpen aan den IJssel | Krimpen ad IJssel') of pagina https://krimpenaandenijssel.begrotingsapp.nl/begroting-2024 ('Begroting 2024 | Begroting 2024 | Krimpen ad IJssel'). Vermijd beter dergelijke dubbele teksten.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 23: Op pagina https://krimpenaandenijssel.begrotingsapp.nl/begroting-2024/bestanden staan links. De links bij het printer icoon openen in een nieuw tabblad, terwijl de links bij het documenticoon automatisch downloaden. Zorg dat deze informatie bekend is voor gebruikers van schermleessoftware middels een toegevoegde linktekst, zoals 'opent in nieuw tabblad' etc. Zie tevens SC 1.1.1.

Bevinding 24: Op pagina https://krimpenaandenijssel.begrotingsapp.nl/begroting-2024/programma/programma-1-bestuur-en-veiligheid staan meerdere links die alleen te zien zijn wanneer een bezoeker navigeert via het toetsenbord. Onder andere tweemaal een link met de tekst 'Terug naar navigatie - Wat is er aan de hand/Wat willen we bereiken?'. De betreffende links leiden elk naar een ander doel. Zorg dat er voor elk linkdoel een unieke beschrijving is.

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 25: De PDF op pagina https://krimpenaandenijssel.begrotingsapp.nl/begroting-2024/bestanden/Download/58d9400b-2dc1-477d-8bf1-ca7cd631065c bevat geen taal in de eigenschappen. Zorg voor de juiste taalinstellingen zodat schermleessoftware de content op de juiste wijze voorleest.

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-23 10:49:18 v2.4-011