Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid Gemeente Heiloo

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Gemeente Heiloo
Datum 25 september 2024
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
  • De techniek op alle pagina's van het domein www.heiloo.nl. Dat is onderzocht in de audit die te vinden is via https://www.opengemeenten.nl/werkwijze/toegankelijkheid.
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar de onderzochte website met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 16

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.heiloo.nl/plannen-en-projecten/centrum-heiloo staat een kaart met de indeling van Centrum 't Loo. Het alt attribuut is leeggelaten en de gegeven informatie staat verder niet als platte tekst op de pagina. Het is niet aan te raden om grote alternatieve teksten in alt attributen te plaatsen, omdat schermleessoftware niet gepauseerd kan worden bij een dergelijk attribuut. Plaats daarom een beschrijvende tekst bij de afbeelding, bijvoorbeeld binnen een figcaption element.

Bevinding 2: Op pagina https://www.heiloo.nl/fileadmin/BUCH/formulieren/bouwen-en-verbouwen/informatie-bouwen-verbouwen-Heiloo.pdf staat een PDF. Het logo is hier correct in een toegankelijkheidstag (figure) geplaatst, echter heeft het de alternatieve tekst 'logo gemeente'. Zorg dat de alternatieve tekst overeenkomt met wat er visueel zichtbaar is, bijvoorbeeld 'logo Gemeente Heiloo'.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 3: Deze bevinding vergt mogelijk een technische oplossing: Op pagina https://www.heiloo.nl/over-de-gemeente/evenementenkalender staan maandelijkse tabellen. De visuele koppen zijn correct als tabelkoppen (TH) opgemaakt, er is echter na de derde visuele kolom nog een TH cel aanwezig wat niet is toegestaan. Schermleessoftware kan hier verbanden leggen met de onderliggende cellen, terwijl er geen content is. In dit geval het een oplossing om de vierde kolom te verwijderen.

Bevinding 4: Op pagina https://www.heiloo.nl/fileadmin/BUCH/formulieren/bouwen-en-verbouwen/informatie-bouwen-verbouwen-Heiloo.pdf staat een PDF. Visueel zijn er meerdere vetgedrukte teksten aanwezig, bijvoorbeeld op de eerste pagina 'Informatie opvragen over bouwen en verbouwen' en 'Uw gegevens'. Slechts de eerste kop is overeenkomstig opgemaakt in de toegankelijkheidstags. Zorg er voor dat alle vetgedrukte teksten ook in de tags een goede betekenis hebben. Gebruikers van hulpsoftware gebruiken vaak koppen om een niet-visueel overzicht van de inhoud van een pagina of document te krijgen.

Bevinding 5: Op pagina https://www.heiloo.nl/fileadmin/BUCH/formulieren/bouwen-en-verbouwen/informatie-bouwen-verbouwen-Heiloo.pdf staat een PDF. Op de eerste pagina onder 'Uw gegevens' staan een reeks labels en velden, opgemaakt als tabel. De laatste twee labels 'Telefoonnummer (overdag)' en 'Email adres ' vallen buiten de tabel, samengevoegd in de paragraph (p) tag van het onderschrift '(op dit mailadres ontvangt u de reactie op uw verzoek)'. Zorg voor een goede tabelstructuur. Dergelijke problemen doen zich in meerdere tabellen voor.

Bevinding 6: Op pagina https://www.heiloo.nl/fileadmin/BUCH/formulieren/bouwen-en-verbouwen/informatie-bouwen-verbouwen-Heiloo.pdf staat een PDF. Op de eerste pagina onder 'Uw gegevens' staan een reeks labels en velden, opgemaakt als tabel. De labels in de eerste kolom dienen als kolomkoppen (TH) in de toegankelijkheidstags te staan, zodat schermleessoftware het verband met de corresponderende velden kan herkennen. Wijzig deze van datacellen (TD) naar TH.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 7: Op pagina https://www.heiloo.nl/fileadmin/BUCH/formulieren/bouwen-en-verbouwen/informatie-bouwen-verbouwen-Heiloo.pdf staat een PDF. Visueel ziet men onder de kop 'Informatie opvragen over bouwen en verbouwen' de tekst 'U stuurt [...] 1850 AA Heiloo' gevolgd door de alinea 'Let op: [...] of perceel'. Deze twee stukken content staan in een andere volgorde in de toegankelijkheidstags, waardoor schermleessoftware het pas na de reeks radiobuttons voorleest. Zorg dat de toegankelijke leesstructuur correct is.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://www.heiloo.nl/plannen-en-projecten/centrum-heiloo staat een kaart van Centrum 't Loo. De gebieden en corresponderende legenda worden slechts middels kleur aangegeven, wat een probleem vormt voor onder andere kleurenblinden en slechtzienden. Los dit op door bijvoorbeeld de plaatsnamen op de kaart te plaatsen, of de gekleurde onderdelen met verschillende randen of patronen te voorzien.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 9: Op pagina https://www.heiloo.nl/afspraak-maken#select/productguid/B2D3F2FB-8B90-4BD3-8231-CF9F04B8A19D/Paspoort-of-Identiteitskaart-aanvragen staat onder de kop “Afspraak maken” de tekst “Voortgang 0%”. Die tekst is als er voortgang is niet meer goed leesbaar. De zwarte tekst heeft dan een contrast van 1,7:1 met de donkerpaarse achtergrond (HEX #660066).

Bevinding 10: Op alle pagina's van https://www.heiloo.nl/ staat rechtsonder een tekstballon van de chatbot. Deze witte tekstballon heeft met 1,9:1 niet voldoende contrast met de groene (#99CC01) achtergrond.

Bevinding 11: Advies: Op pagina https://www.heiloo.nl/aanvragen-en-regelen/omgevingsvergunning staat onder de kop 'Bouwtekeningen of bouwdossiers opvragen' de link 'bouwtekeningen opvragen', opgemaakt als knop. Indien men met de hover over de link staat, ziet men een wit symbooltje van een hamer en een schroevendraaier. Technisch heeft dit icoontje te weinig contrast met de paarse achtergrond, echter is het waarschijnlijk decoratief bedoeld gezien het tevens is verborgen voor hulpsoftware. Advies zou echter zijn om consequent dergelijke icoontjes goede contrastkleuren te geven, voor het toekomstige geval dat ze wellicht informatief op een pagina gebruikt worden.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 12: Op de pagina https://www.heiloo.nl/raad-en-college/werkwijze-van-de-gemeenteraad wordt gebruik gemaakt 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 afhankelijk zijn 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.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Voldoende

Bevinding 13: Advies: De pagina https://www.heiloo.nl/kaniknietvinden heeft de titel '404 | Gemeente Castricum'. Dit is een paginatitel die voldoet aan de minimale eisen van dit succescriterium. Er wordt bij deze paginatitel wel aangenomen dat alle gebruikers weten wat de betekenis is van 404. Het advies is dan ook om de paginatitel aan te passen naar bijvoorbeeld 'Niet gevonden wat u zocht | Gemeente Heiloo' of 'Pagina bestaat niet | Gemeente Heiloo'.

Bevinding 14: Advies: De pagina https://www.heiloo.nl/oekraine/opvang-voor-oekrainers/pritulok-dlja-ukrajinciv/ heeft een paginatitel die in de verkeerde taal het onderwerp of doel beschrijft. De tekst in de paginatitel moet in dezelfde taal geschreven worden als de taal van de pagina. Zie tevens SC 3.1.2.

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 15: De pagina https://www.heiloo.nl/oekraine/opvang-voor-oekrainers/pritulok-dlja-ukrajinciv/ heeft een Oekraïense paginatitel terwijl de taal van de pagina in ingesteld op Nederlands. Dat is niet toegestaan, de paginatitel moet in dezelfde taal zijn als de gebruikt is in het html element. Het is nodig om deze titel te vertalen, omdat de taal van deze pagina op Nederlands moet staan doordat het hoofdmenu nu Nederlands is. Het is wel een optie om de korte stukjes tekst die in de body van deze webpagina staan een attribuut lang=”uk” en eventueel met lang=”nl” van taal te laten wisselen. Het huidige gebruik klopt niet, de Oekraïense kop “Притулок для українців” heeft nu bijvoorbeeld geen taalwisseling terwijl de onderliggende content dat wel heeft. Voeg tevens lang=”uk” toe aan het element waar de koptekst in genest is.

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 16: Op pagina https://www.heiloo.nl/ staan meerdere uitklapbare onderdelen. De toestand (state) van de knoppen “Werk, inkomen en zorg” tot en met “Samen goud voor elkaar” moet altijd kloppen. Bij het openklappen van de knop “Samen goud voor elkaar” verandert de waarde van aria-expanded goed van “false” naar “true”, maar als deze daarna inklapt doordat een andere knop zoals “Werk, inkomen en zorg” geactiveerd wordt blijft de toestand van die knop onterecht op “true” staan. Hulpsoftware geeft hierdoor onjuiste informatie door aan gebruikers en dat is een probleem dat opgelost moet worden. Let erop dat deze waarde altijd klopt de methode die gebruikt wordt om de content binnen of buiten beeld te zetten maakt daarbij niet uit. De serie uitklapbare knoppen op pagina https://www.heiloo.nl/contact-en-openingstijden werken wel goed, het is een optie om die oplossing ook op de homepage toe te passen.

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 14:01:36 v2.4-011