Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website kaagenbraassem.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website kaagenbraassem.nl
Datum 2 april 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • De content op kaagenbraassem.nl
  • Alle PDF's op kaagenbraassem.nl
Buiten de scope van het onderzoek valt:
  • De techniek op kaagenbraassem.nl. Dit vereist een apart onderzoek.
  • 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: 12

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://www.kaagenbraassem.nl/Bestuur_en_organisatie/Burgemeester_en_wethouders/College_van_burgemeester_en_wethouders staat een afbeelding met alternatieve tekst ‘college 2022 b’. Dat beschrijft niet wat op de afbeelding te zien is. Maak de afbeelding onzichtbaar voor hulpsoftware door een leeg alt-attribuut in het img-element of laat '2022 b' weg en beschrijf wat er te zien is.

Bevinding 2: De video op https://www.kaagenbraassem.nl/Bestuur_en_organisatie/Organisatie/Vacatures heeft een titel in de iframe (‘Youtube video player’) maar deze omschrijft video niet goed. Maak hier bijvoorbeeld ‘Werken bij de gemeente Kaag en Braassem’ van.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 3: In de PDF 'Aanvraagformulier compensatie OZB Kaag en Braassem' op pagina https://www.kaagenbraassem.nl/dsresource?objectid=f111de37-4cf9-4af9-93b8-9d59168518d9&type=pdf&& staat een formulier. De visuele kop alsmede de namen van invoervelden zijn gezamenlijk in een enkele <P> tag gevoegd. Bijvoorbeeld '1 Gegevens Naam organisa􀆟e/vereniging Naam contactpersoon Postadres Postcode E-mailadresTelefoonnummer Bankrekeningnummer'. Alle invoervelden staan ook in een aparte <p> tag. Dit wordt niet goed voorgelezen. Om ervoor te zorgen dat schermleessoftware de content goed voorleest, dienen het visuele label en het corresponderende invoerveld in een <Form> tag, binnen een <P> tag genest te worden. Zie tevens SC 1.3.2.

Bevinding 4: In de PDF 'Aanvraagformulier compensatie OZB Kaag en Braassem' op pagina https://www.kaagenbraassem.nl/dsresource?objectid=f111de37-4cf9-4af9-93b8-9d59168518d9&type=pdf&& is het label 'plaats' onder de kolom 'naam voorzitter/secretaris' in dezelfde <P> tag genest als het invoerveld 'datum' onder de kolom 'naam penningmeester'. Zorg dat de relevante teksten juist gegroepeerd zijn in de codelaag, zodat hulpsoftware de juiste gegevens bij de juiste persoon weergeeft.

Bevinding 5: Advies: In de PDF 'Aanvraagformulier compensatie OZB Kaag en Braassem' op pagina https://www.kaagenbraassem.nl/dsresource?objectid=f111de37-4cf9-4af9-93b8-9d59168518d9&type=pdf&& staan lege kop-tags op niveau H1 & H3. Hiernaast zijn de visueel als kop herkenbare teksten '1 Gegevens' en '2 Ondertekening' niet met de juiste tag opgemaakt, waardoor deze voor bezoekers die gebruik maken van hulpsoftware niet als kop herkenbaar zijn. Plaats de paginatitel in de H1 tag en de koppen ‘1 Gegevens’ en ‘2 Ondertekening’ in H2 tag.

Bevinding 6: Advies: Op pagina https://www.kaagenbraassem.nl/Inwoners_en_ondernemers/Gemeentenieuws/Aanslagbiljet_gemeentebelastingen_ontvangt_u_rond_21_februari staat een infographic. Alle informatie op de afbeelding is uitgeschreven als alternatieve tekst. Dit is voldoende om aan het succescriterium te voldoen. Schermleessoftware kan echter, in tegenstelling tot tekst op de pagina, alt teksten niet pauzeren. De gehele tekst wordt in een keer voorgelezen. Dit kan nadelig zijn voor gebruikers van schermleessoftware, die te veel informatie te verwerken krijgen. Een oplossing zou kunnen zijn om een image map te gebruiken, waar delen van de afbeelding hun eigen alt tekst hebben. Ook kan ervoor gekozen worden om de tekst die op de afbeelding te zien is, als HTML tekst op de pagina te plaatsten. Zie ook succescriterium 1.4.5.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 7: In de PDF 'Aanvraagformulier compensatie OZB Kaag en Braassem' op pagina https://www.kaagenbraassem.nl/dsresource?objectid=f111de37-4cf9-4af9-93b8-9d59168518d9&type=pdf&& is de volgorde van de content niet logisch voor bezoekers die gebruik maken van hulpsoftware. Zo wordt bijvoorbeeld het label van invoerveld ‘Postcode’ eerst voorgelezen, daarna de kop ‘1 Gegevens’, daarna alle labels van de invoervelden en daarna de invoervelden zelf. Ook komt het logo ná de h2-kop ‘AanvraagformulierCompensatieregeling OZB’. Plaats de content in toegankelijkheidstags in de volgorde zoals visueel aanwezig. Zie tevens SC 1.3.1.

Bevinding 8: In de PDF 'Aanvraagformulier compensatie OZB Kaag en Braassem' op pagina https://www.kaagenbraassem.nl/dsresource?objectid=f111de37-4cf9-4af9-93b8-9d59168518d9&type=pdf&& is het label 'plaats' onder de kolom 'naam voorzitter/secretaris' in dezelfde <P> tag genest als het invoerveld 'datum' onder de kolom 'naam penningmeester'. Zorg dat de teksten correct gegroepeerd zijn, en dat de invoervelden juist genest zijn. Zie voor dit laatste tevens SC 1.3.1.

1.4 Onderscheidbaar

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 9: Op pagina https://www.kaagenbraassem.nl/Inwoners_en_ondernemers/Gemeentenieuws/Aanslagbiljet_gemeentebelastingen_ontvangt_u_rond_21_februari staat een afbeelding waarop tekst te vinden is. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt verder niet voor op de pagina. Plaats deze tekst daarom als HTML-tekst op de pagina.

2. Bedienbaar

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Voldoende

Bevinding 10: Advies: Op pagina https://www.kaagenbraassem.nl/Inwoners_en_ondernemers/Paspoort_rijbewijs_en_uittreksels/Paspoort staan in het uitklapmenu "Overige informatie" een drietal links naar dezelfde externe website rijksoverheid.nl. De tweede link bevat een icoon met het aria-label "opent externe website". Pas dit icoon consistent toe op alle links.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 11: Deze bevinding vereist mogelijk een technische oplossing:
Op elke pagina staat in het menu een knop waarop de tekst ‘Lees voor en Translate’ te zien is. Via een aria-label heeft deze knop de tekst ‘Luister met de ReachDeck-werkbalk’ gekregen. De toegankelijke tekst komt niet overeen met zichtbare tekst. Dit geeft problemen voor bezoekers die doormiddel van spraaksoftware over de website navigeren. Zorg ervoor dat de toegankelijke tekst overeenkomt met de visueel leesbare tekst.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 12: De pagina https://www.kaagenbraassem.nl/Inwoners_en_ondernemers/Actueel/Informatie_over_hulp_aan_Oekra_ne/Information_in_English is Nederlands, met enige tekst in het Engels. Er zijn taalwissels (lang="EN") aangebracht voor de tekst "Information" en de onderstaande links. Bij enkele Engelstalige elementen ontbreekt een taalwissel, waardoor deze niet met de juiste uitspraak kunnen voorgelezen. Los dit op door een taalwissel aan te brengen bij de h1-kop 'Information in English' en de vette tekst die hieronder staat.

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: 2025-05-09 17:05:29 v2.4-011