Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid Diemen

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Diemen
Datum 27 augustus 2024
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
  • De techniek op www.diemen.nl en www.diemen.nl/en. Dit vereist een apart onderzoek.
  • MijnDiemen via loket.diemen.nl. Dit vereist een apart onderzoek.
  • Subdomeinen zoals afval.diemen.nl, gemeenteraad.diemen.nl en financielestukken.diemen.nl. Dit vereist een apart onderzoek.
  • Overige subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 38

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.diemen.nl/Onderwerpen/Hulp_zorg_en_ondersteuning/Jeugd_en_Onderwijs:jXxJRGQGT8GgI3mwdW8Npw/Jeugd/Hulp_en_Ondersteuning/Aanmeldformulier_Sociaal_Team_Diemen staat het logo van de Brede Hoed. De alternatieve tekst van deze afbeelding is 'Afbeelding 1'. Dit is geen beschrijvende alternatieve tekst. Zorg ervoor dat de naam van de organisatie en het woord logo in de alternatieve tekst voorkomen.

Bevinding 2: Op pagina https://www.diemen.nl/Onderwerpen/Duurzaamheid_Milieu/Duurzaamheid/ komen decoratieve afbeeldingen voor, die een niet-beschrijvende alternatieve tekst hebben, zoals 'containers_HP2._(3)def'. Verberg decoratieve afbeeldingen voor hulpsoftware. Als dat niet kan, voeg dan een beschrijvende alternatieve tekst toe. Dat houdt in dat de alternatieve tekst de inhoud van de afbeelding moet beschrijven en niet een herhaling mag zijn van de bovenstaande tekst. Een vergelijkbaar probleem komt voor met de iconen van een telefoon en een envelop op pagina https://www.diemen.nl/Onderwerpen/Burgerzaken/Paspoort_identiteitskaart_en_rijbewijs/Rijbewijs_aanvragen, onder 'Twijfelt u ergens over of heeft u nog een vraag?'.

Bevinding 3: Op pagina https://www.diemen.nl/Configuratie/Footer/Algemeen/Over_de_organisatie komt een informatieve afbeelding voor met als alternatieve tekst 'organogram23'. Dit is niet beschrijvend genoeg. Plaats hier bijvoorbeeld een korte beschrijving zoals 'Organogram gemeente Diemen' en verwijs daarnaast naar een uitgebreidere beschrijving die op de pagina toegevoegd wordt.

Bevinding 4: Op pagina https://www.diemen.nl/Onderwerpen/Rondkomen_schulden_werk_en_bijstand/Schulden_en_rondkomen/Ondersteuning_bij_administratie_en_formulieren_invullen komt een video voor, waar geen alternatieve tekst voor aanwezig is. Zorg ervoor dat het voor bezoekers duidelijk is dat er een video volgt en een korte beschrijving waar de video over gaat.

Bevinding 5: In de PDF op pagina https://diemen.nl/omgevingsvisie/dsresource?objectid=21174781-f543-4825-89d2-60d05e4c49e2&type=pdf&& komen meerdere toegankelijkheidsproblemen met betrekking tot afbeeldingen voor:

Bevinding 6: In de PDF op pagina https://www.diemen.nl/Onderwerpen/Duurzaamheid_Milieu/Duurzaamheid/Rechter_kolom/Extra/Duurzaamheidsagenda_Diemen_2025.pdf komen meerdere toegankelijkheidsproblemen met betrekking tot afbeeldingen voor:

1.2 Op tijd gebaseerde media

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 7: In de video Animatie omgevingswet op pagina https://www.diemen.nl/Onderwerpen/Leefomgeving/Omgevingswet komt vanaf 1:44 tekst en logo's voor die geen onderdeel uitmaken van de audiodescriptie. Plaats deze informatie in een transcript, en voeg deze informatie toe aan de audiodescriptie om direct ook te voldoen aan succescriterium 1.2.5. Een vergelijkbaar probleem doet zich voor met de video op pagina https://www.diemen.nl/Onderwerpen/Rondkomen_schulden_werk_en_bijstand/Schulden_en_rondkomen/Ondersteuning_bij_administratie_en_formulieren_invullen.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 8: In de video Animatie omgevingswet op pagina https://www.diemen.nl/Onderwerpen/Leefomgeving/Omgevingswet komt vanaf 1:44 tekst en logo's voor die geen onderdeel uitmaken van de audiodescriptie. Voeg deze informatie toe aan de audiodescriptie. Een vergelijkbaar probleem doet zich voor met de video op pagina https://www.diemen.nl/Onderwerpen/Rondkomen_schulden_werk_en_bijstand/Schulden_en_rondkomen/Ondersteuning_bij_administratie_en_formulieren_invullen.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 9: Op onder andere pagina https://www.diemen.nl/Onderwerpen/Algemeen/Adressen_en_openingstijden worden visuele kopjes opgemaakt met het strong-element in plaats van met een kop-element zoals het h3-element. Het gaat bijvoorbeeld om 'Bezoekadres' onder Gemeentehuis. Het strong-element heeft een andere betekenis dan een kop-element. Gebruik hier bijvoorbeeld het h3-element om dit probleem op te lossen.

Bevinding 10: Op pagina https://www.diemen.nl/Onderwerpen/Rondkomen_schulden_werk_en_bijstand/Schulden_en_rondkomen/Ondersteuning_bij_administratie_en_formulieren_invullen komt een onlogische koppenstructuur voor, waardoor de informatie op de pagina moeilijker te interpreteren is voor bezoekers die gebruik maken van hulpsoftware. Zo begint de pagina met een kopniveau 1. De daaropvolgende kop is van kopniveau 4 en daarop volgende koppen zijn van niveau 3. Gebruik een logische, aflopende koppenstructuur (aflopend van niveau 1 tot en met 3 op deze pagina).

Bevinding 11: Op pagina https://www.diemen.nl/Onderwerpen/Hulp_zorg_en_ondersteuning/Jeugd_en_Onderwijs:jXxJRGQGT8GgI3mwdW8Npw/Jeugd/Hulp_en_Ondersteuning/Aanmeldformulier_Sociaal_Team_Diemen is de kop 'Aanmeldformulier Sociaal Team Diemen' opgemaakt het zowel een h2-element als het strong-element. Het strong-element geeft aan dat tekst relatief aan de tekst eromheen belangrijker is. Het is daarom niet geschikt voor het decoratief opmaken van teksten. Verwijder het strong-element en gebruik bijvoorbeeld CSS om een vergelijkbaar visueel effect te verkrijgen.

Bevinding 12: Op pagina https://www.diemen.nl/Onderwerpen/Rondkomen_schulden_werk_en_bijstand/Schulden_en_rondkomen/Ondersteuning_bij_administratie_en_formulieren_invullen komt belangrijke dikgedrukte tekst voor, die met CSS dikgedrukt is gemaakt. Het is nu voor bezoekers die gebruik maken van voorleessoftware niet duidelijk dat deze tekst extra aandacht vraagt. Maak hier juist wel gebruik van het strong-element in plaats van alleen CSS. Dit doet zich op meerdere pagina's voor, waaronder op pagina https://www.diemen.nl/en/subjects/Relocating/Initial_registration_in_the_Netherlands met de tekst 'All persons moving together with you, must also visit in person.'.

Bevinding 13: Op pagina https://www.diemen.nl/en/subjects/Relocating/Initial_registration_in_the_Netherlands komt onder Conditions een tekst voor die als twee losse lijsten is opgemaakt. Een opsomming van één item is verwarrend voor bezoekers die gebruik maken van voorleessoftware. Plaats de tekst daarom in een opsomming van twee items, en sluit bijvoorbeeld de eerste zin af als 'You will live in the Netherlands for a period longer than 4 months, or' waarbij or dikgedrukt is gemaakt met het strong-element.

Bevinding 14: Op pagina https://www.diemen.nl/Onderwerpen/Hulp_zorg_en_ondersteuning/Jeugd_en_Onderwijs:jXxJRGQGT8GgI3mwdW8Npw/Jeugd/Hulp_en_Ondersteuning/Aanmeldformulier_Sociaal_Team_Diemen komt een 'formulier' voor. Dit formulier kan niet digitaal ingevuld worden omdat er geen formuliervelden aanwezig zijn. In plaats daarvan staat de informatie in tabellen. Deze tabellen zijn niet correct opgemaakt. Daarnaast komen er nu op de gehele pagina kopteksten voor die niet als kop opgemaakt mogen worden.
Het lijkt alsof het formulier origineel in een document zoals een PDF aanwezig was, en daarna over is gezet naar een HTML pagina. Echter, op deze manier is het formulier niet correct opgemaakt én niet online te vullen. Los dit daarom op door een correct online formulier toe te voegen, ofwel het formulier als een toegankelijk document aan te bieden die bezoekers zelf kunnen opsturen naar de organisatie.

Bevinding 15: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://www.diemen.nl/Onderwerpen/Nieuwspagina_s/NIEUWS zijn de titels van de nieuwsartikelen opgemaakt als koptekst. Onder een koptekst moet content aanwezig zijn (bijvoorbeeld gewone tekst of een kop op een lager niveau). De koppen mogen niet direct worden opgevolgd door een kop op hetzelfde niveau, omdat dit voor gebruikers van hulpsoftware een kop creëert die niet naar content verwijst. Los dit bijvoorbeeld op door content onder de kopteksten te plaatsen, zoals is gedaan bij de kop 'Voorwaarden Stadspas veranderen voor mensen met AOW-leeftijd'.

Bevinding 16: De PDF op pagina https://diemen.nl/omgevingsvisie/dsresource?objectid=21174781-f543-4825-89d2-60d05e4c49e2&type=pdf&& is niet (volledig) goed opgemaakt:

Bevinding 17: De PDF op pagina https://www.diemen.nl/Onderwerpen/Duurzaamheid_Milieu/Duurzaamheid/Rechter_kolom/Extra/Duurzaamheidsagenda_Diemen_2025.pdf is niet (volledig) goed opgemaakt:

Bevinding 18: Advies: Op pagina https://www.diemen.nl/Onderwerpen/Algemeen/Adressen_en_openingstijden komt een tabel voor waarin staat op welke dagen het gemeentehuis gesloten is. In deze tabel missen tabelheaders. Overweeg die toe te voegen.

Bevinding 19: Advies: Op pagina https://www.diemen.nl/Onderwerpen/Algemeen/Adressen_en_openingstijden komen teksten voor die, als ze opgemaakt zijn als kop, de pagina toegankelijker kunnen maken. Het gaat bijvoorbeeld om 'Bezoekadres' en 'Contact'.

Bevinding 20: Advies: Op meerdere pagina's, waaronder op pagina https://www.diemen.nl/Onderwerpen/Duurzaamheid_Milieu/Duurzaamheid/, worden kopniveaus overgeslagen. Maak gebruik van een logische aflopende koppenstructuur en sla daarbij geen niveaus over. Dit doet zich op meerdere pagina's voor, waaronder op pagina https://www.diemen.nl/Configuratie/Footer/Algemeen/Over_de_organisatie.

Bevinding 21: Opmerking: Onderstaande is geen afkeuring, maar wel opmerkelijk: Op pagina https://www.diemen.nl/bestaatniet valt de header met het logo van Gemeente Diemen over de eerste tekst op de pagina heen, waardoor deze niet meer leesbaar. Dit is storend voor alle bezoekers, niet alleen voor bezoekers met een functiebeperking.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 22: De PDF op pagina https://diemen.nl/omgevingsvisie/dsresource?objectid=21174781-f543-4825-89d2-60d05e4c49e2&type=pdf&& is niet (volledig) goed opgemaakt:

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 23: Op de homepage staan blokken, met daarin een afbeelding en een link, bijvoorbeeld 'Aanvragen en regelen'. Bij muishover en toetsenbordfocus kleurt de achtergrond groen (HEX #7FB18E) en de tekst wit. De contrastratio is dan 2,2:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 24: Op pagina https://www.diemen.nl/Configuratie/Footer/Algemeen/Over_de_organisatie komt een afbeelding van een organogram voor. In deze afbeelding komt blauwe tekst (HEX #007EC6) op een blauwe achtergrond (HEX #79AEDE) voor. De contrastratio is hier 1,8:1 waar dat minimaal 4,5:1 moet zijn. In dezelfde afbeelding komt ook blauwe tekst (HEX #007EC5) op een witte achtergrond voor, en witte tekst op een blauwe achtergrond. De contrastratio is hier 4,3:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 25: Op pagina 2 van de PDF op pagina https://diemen.nl/omgevingsvisie/dsresource?objectid=21174781-f543-4825-89d2-60d05e4c49e2&type=pdf&& komen meerdere contrastproblemen voor. De witte tekst op de grijze achtergrond (HEX #9D9A98) geeft een contrastratio van 2,7:1 waar dat minimaal 4,5:1 moet zijn. Ook in de andere kleuren komen contrastproblemen voor, zo geeft de witte tekst op de oranje achtergrond (HEX #ED7B00) bijvoorbeeld een contrastratio van 2,8;1 waar dat minimaal 4,5:1 moet zijn. Ook op andere plekken in de PDF komen contrastproblemen voor, waaronder op pagina 44.

Bevinding 26: In de PDF op pagina https://www.diemen.nl/Onderwerpen/Duurzaamheid_Milieu/Duurzaamheid/Rechter_kolom/Extra/Duurzaamheidsagenda_Diemen_2025.pdf komen ook contrastproblemen voor:

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 27: Op pagina 20 van de PDF op pagina https://diemen.nl/omgevingsvisie/dsresource?objectid=21174781-f543-4825-89d2-60d05e4c49e2&type=pdf&& komen twee informatieve afbeeldingen voor, waarvan de tekst verder niet voorkomt op de pagina. De link verwijst niet naar een pagina waar deze tekst beschikbaar is. Aangezien het plaatsen van een afbeelding, kopteksten en paragrafen mogelijk is in een PDF, moet deze daarom tekst ook beschikbaar zijn in de PDF.

Bevinding 28: Advies: Op pagina https://www.diemen.nl/Configuratie/Footer/Algemeen/Over_de_organisatie komt een afbeelding van een organogram voor. De tekst in de afbeelding komt niet elders op de pagina voor. Deze afbeelding valt buiten de scope van dit succescriterium, maar aangezien de afbeelding ook een alternatieve tekst mis (succescriterium 1.1.1) en contrastproblemen bevat (succescriterium 1.4.3) is het aan te bevelen de tekst ook als platte tekst op de pagina aan te bieden, bijvoorbeeld onder een uitklapbare knop.

Bevinding 29: Advies: Op pagina https://diemen.nl/omgevingsvisie/ komt een afbeelding voor als hero afbeelding, met daarin de tekst 'Mijn Diemen van morgen'. Deze tekst komt wel elders op de pagina voor, maar overweeg platte tekst over een afbeelding te plaatsen als dat mogelijk is in het CMS (let daarbij wel op dat er voldoende contrast is tussen de tekst en de achtergrond).

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 30: Op pagina https://www.diemen.nl/Onderwerpen/Leefomgeving/Omgevingswet wordt gebruik gemaakt van een YouTube videospeler. Deze videospeler is niet volledig te bedienen met alleen het toetsenbord. Toetsenbordgebruikers kunnen bijvoorbeeld geen andere ondertiteling selecteren. Overweeg daarom om gebruik te maken van een videospeler die wel volledig toegankelijk is.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Voldoende

Bevinding 31: Advies: Pagina https://www.diemen.nl/Zoekresultaten:4reEAbinRsaUM1BYJcSqLw?searchbase=0&searchrange=10&searchpage=1&nodelocation=1e9a1358-95e7-424f-9d3c-89964c2663a0&freetext=paspoort heeft als titel 'Zoekresultaten'. Het zou beschrijvender zijn als het duidelijk is om welke zoekresultaten het gaat, bijvoorbeeld 'Zoekresultaten voor 'paspoort'.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 32: Deze bevinding vereist mogelijk een technische oplossing:
In de footer van iedere pagina staat visueel de linktekst 'Alle overige adressen en openingstijden van onze afdelingen'. Hieraan is een aria-label toegevoegd: ', opent in een nieuw venster'. Omdat het aria-label de volledige linktekst overschrijft in de code, is het voor bezoekers die gebruik maken van voorleessoftware niet meer duidelijk waar de link naar verwijst. Zorg ervoor dat de originele tekst ook voorkomt in het aria-label, of voeg de alternatieve tekst voor het icoon dat aangeeft dat de link naar een ander domein verwijst op een andere manier toe. Dit komt op meerdere pagina's voor, waaronder op pagina https://www.diemen.nl/Configuratie/Footer/Algemeen/Rapport_webtoegankelijkheid_Diemen_nl (met de linktekst 'toegankelijkheidsverklaring') en op pagina https://www.diemen.nl/Onderwerpen/Leefomgeving/Omgevingswet (met o.a. de linktekst 'een overzicht').

Bevinding 33: Advies: Op pagina https://www.diemen.nl/Configuratie/Footer/Algemeen/Over_de_organisatie komt de linktekst 'hier' voor. In de context van de zin is het duidelijk waar de link naar verwijst maar voor bezoekers die een linklijst gebruiken is deze tekst niet erg beschrijvend. Overweeg de linktekst aan te passen, bijvoorbeeld naar 'download Op eigen wijze'.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 34: Deze bevinding vereist mogelijk een technische oplossing:
In de footer van iedere pagina staat visueel de linktekst 'Alle overige adressen en openingstijden van onze afdelingen'. Hieraan is een aria-label toegevoegd: ', opent in een nieuw venster'. Omdat het aria-label de volledige linktekst overschrijft in de code, komt de visuele naam niet meer voor in de toegankelijke linktekst. Bezoekers die gebruik maken van spraakgestuurde navigatie kunnen daardoor moeite hebben met het activeren van de link. Zorg ervoor dat de visuele tekst voorkomt in de toegankelijke naam, het liefst vooraan in de tekst. Dit komt op meerdere pagina's voor, waaronder op pagina https://www.diemen.nl/Configuratie/Footer/Algemeen/Rapport_webtoegankelijkheid_Diemen_nl (met de linktekst 'toegankelijkheidsverklaring') en op pagina https://www.diemen.nl/Onderwerpen/Leefomgeving/Omgevingswet (met o.a. de linktekst 'een overzicht').

Bevinding 35: Op pagina https://www.diemen.nl/Configuratie/Footer/Algemeen/Rapport_webtoegankelijkheid_Diemen_nl staat visueel de linktekst www.diemen.nl, maar de toegankelijke naam is 'gemeente Diemen, opent in een nieuw venster, opent externe website'. Zorg ervoor dat de visuele naam in zijn geheel voorkomt in de toegankelijke naam.

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 36: De taalinstelling van o.a. pagina https://www.diemen.nl/en/subjects/Relocating/Initial_registration_in_the_Netherlands staat ingesteld op Nederlands, terwijl de tekst op de pagina Engels is. Geef daarom een taalwissel aan voor de Engelstalige teksten op de pagina, of pas de taalinstelling aan en vertaal ook het menu e.d. naar het Engels. Dit doet zich op meerdere pagina's voor, waaronder op pagina https://www.diemen.nl/en/subjects/Relocating/Moving_abroad en https://www.diemen.nl/en/subjects/Money_problems_You_are_not_alone.

Bevinding 37: Advies: Op pagina https://www.diemen.nl/en/subjects/Relocating/Initial_registration_in_the_Netherlands komen Nederlandstalige toevoegingen aan linkteksten voor, bijvoorbeeld 'opent in een extern venster'. De huidige taalinstelling is Nederlands, waardoor deze tekst goed voorgelezen wordt. Aangezien de taalinstelling op Engels hoort te staan, wordt deze tekst daarom na het wijzigen van de taalinstelling afgekeurd op dit succescriterium. Vertaal daarom deze teksten. Dit doet zich op meerdere pagina's voor, waaronder op pagina https://www.diemen.nl/en/subjects/Relocating/Moving_abroad.

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 38: Deze bevinding vereist mogelijk een technische oplossing:
Het iframe op pagina https://www.diemen.nl/Onderwerpen/Leefomgeving/Omgevingswet (de animatie over de omgevingswet) heeft geen beschrijving binnen het title-attribuut.

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-01 20:39:56 v2.4-011