Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid Gemeente Ouder-Amstel

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Gemeente Ouder-Amstel
Datum 1 augustus 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van de pagina's op ouder-amstel.nl.
  • Alle PDF's op ouder-amstel.nl.
  • Het "Afspraak maken"-formulier op ouder-amstel.mijnafspraakmaken.nl/client
Buiten de scope van het onderzoek valt:
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 18

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.ouder-amstel.nl/Home/Nieuws_en_actualiteiten/Nieuws/2024/Juli/Junior_ambassadeurs_Ouder_Amstel staat een afbeelding met de alternatieve tekst "junior ambassadeurs Ouder-Amstel". Deze tekst beschrijft de afbeelding niet. Pas de alternatieve tekst aan naar bijvoorbeeld "De twee junior ambassadeurs Keti Koti van Ouder-Amstel samen met Marion van der Vegt van stichting Rebup die het tweetal begeleidde. " of maak de afbeelding eventueel decoratief door een leeg alt-attribuut toe te voegen binnen het img-element.

Bevinding 2: Op pagina https://www.ouder-amstel.nl/Home/Afval/Locaties_ondergrondse_containers_en_milieuparkjes staan afbeeldingen van kaarten waarop de locatie van Milieuparkjes en (semi-) ondergrondse containers staan aangegeven. Voor kaarten geldt een uitzondering, niet voor de WCAG2.1 maar wel binnen de Nederlandse wet. Zie https://www.digitoegankelijk.nl/aan-de-slag/tips/online-kaarten: "Bij kaarten die bestemd zijn voor navigatie moet noodzakelijke informatie in de kaart wél verplicht (ook) op een toegankelijke, digitale manier getoond worden. Bijvoorbeeld door een lijst met adressen onder de kaart te plaatsen."
De informatie in de tabellen boven de afbeeldingen zijn niet voldoen omdat de locaties meer nauwkeurig moeten worden aangegeven, bijvoorbeeld door de dichtstbijzijnde zijstraat ook te noemen. Ook moet in de alternatieve tekst van de kaarten een verwijzing naar de bijbehorende informatie staan, bijvoorbeeld: "Voor de locaties zie de tabel 'Milieuparkjes ondergrondse containers Duivendrecht' en volg de link naar ' milieudepots' ".

Bevinding 3: Op pagina https://www.ouder-amstel.nl/Home/Afval/Locaties_ondergrondse_containers_en_milieuparkjes staat een link naar een interactieve kaart op een externe website met de locaties van alle (ondergrondse) containers (met zwerfafvalklep) staan in Ouderkerk aan de Amstel en in Duivendrecht. Deze applicatie is niet toegankelijk en dat hoeft ook niet want voor (interactieve) kaarten geldt een uitzondering, niet voor de WCAG2.1 maar wel binnen de Nederlandse wet. Zie https://www.digitoegankelijk.nl/aan-de-slag/tips/online-kaarten: "Bij kaarten die bestemd zijn voor navigatie moet noodzakelijke informatie in de kaart wél verplicht (ook) op een toegankelijke, digitale manier getoond worden. Bijvoorbeeld door een lijst met adressen onder de kaart te plaatsen." Plaats ergens op de website een lijst met alle locaties op de kaart en geef bij de link een verwijzing naar dit toegankelijke alternatief.

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 4: Op pagina https://www.ouder-amstel.nl/Home/Afval/Zwerfafval:jBeFVfhTT5yurlAFDsOqVQ is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 00:01, 00:04, 00:36, 00:40 en 00:51. 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 schermvoorleessoftware 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.

Bevinding 5: Op de pagina https://www.ouder-amstel.nl/Home/Afval/Zwerfafval:jBeFVfhTT5yurlAFDsOqVQ een video waar het logo aan het eind in beeld komt. Als je dat niet kan zien mis je dat dit een video van de Gemeente Ouder-Amstel is. Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voice-over waardoor de audiodescriptie overbodig wordt.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 6: Op de pagina https://www.ouder-amstel.nl/Home/Afval/Zwerfafval:jBeFVfhTT5yurlAFDsOqVQ is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 00:01, 00:04, 00:36, 00:40 en 00:51. Er ontbreekt een voice-over die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien niet weten wat er wordt getoond in de video. Laat de teksten in beeld uitspreken door een voice-over of maak gebruik van een audiodescriptie.

Bevinding 7: Op de pagina https://www.ouder-amstel.nl/Home/Afval/Zwerfafval:jBeFVfhTT5yurlAFDsOqVQ een video waar het logo aan het eind in beeld komt. Als je dat niet kan zien mis je dat dit een video van de Gemeente Ouder-Amstel is. Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voice-over waardoor de audiodescriptie overbodig wordt.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 8: Op de pagina https://www.ouder-amstel.nl/Home/Werk_en_inkomen/Declaratiefonds staat tabel Bijstandsnormen per 1 januari 2024. De koppen in deze tabel zijn opgemaakt met het strong-element, in plaats van met het th-element. Daardoor is de relatie tussen de koppen en datacellen voor screenreadergebruikers niet duidelijk. Zorg ervoor dat tabellen goed zijn opgemaakt en gebruik voor tabelkoppen altijd het th-element.

Bevinding 9: Let op: documenten voor actieve administratieve processen moeten altijd toegankelijk zijn. Denk dan bijvoorbeeld aan een document met een formulier om een paspoort of vergunning aan te vragen.
Organisaties die zich beroepen op deze uitzondering, moeten in de toegankelijkheidsverklaring aangeven welke maatregelen ter verbetering zijn genomen, welke alternatieven er worden geboden en wanneer wel aan de verplichting zal worden voldaan. Zie voor de volledige uitleg https://www.digitoegankelijk.nl/aan-de-slag/tips/kantoorbestanden.

Bevinding 10: De PDF "Aanvraagformulier computerregeling (pdf, 52 kB)" is niet gecodeerd (van tags voorzien). Dit betekent dat er 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. Hetzelfde komt voor bij de PDF "Aanvraagformulier vrijlating inkomsten uit arbeid (pdf, 65 kB)".

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 11: De PDF "Aanvraagformulier computerregeling (pdf, 52 kB)" 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. Hetzelfde komt voor bij de PDF "Aanvraagformulier vrijlating inkomsten uit arbeid (pdf, 65 kB)".

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 12: Op onder andere pagina https://www.ouder-amstel.nl/ en alle pagina's waar de footer voorkomt, staat een link naar "Werken voor Ouder-Amstel". Op het a-element van deze links is een aria-label geplaatst met de waarde ', opent externe website'. Omdat het aria-label de volledige toegankelijke naam overschrijft, komt de zichtbare tekst van de link niet voor in de toegankelijke naam. Hierdoor is het linkdoel van deze links niet duidelijk voor gebruikers van hulpsoftware. Zorg ervoor dat de toegankelijke naam wordt aangepast zodat het linkdoel duidelijk is. Dit veroorzaakt ook een probleem met 2.5.3. Dit probleem komt op veel plaatsen voor in de website. Bijvoorbeeld bij alle externe links op pagina https://www.ouder-amstel.nl/Home/Vluchtelingen_asielzoekers_en_statushouders/Oekra_ne.

Bevinding 13: Op onder andere pagina https://www.ouder-amstel.nl/ en alle pagina's waar de footer voorkomt, staat een link naar "Werken voor Ouder-Amstel". Achter het icoon dat aangeeft dat de link verwijst naar een externe website, staat nog een stukje link. De link heeft geen toegankelijke naam. Omdat de link daarmee geen linkdoel heeft, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de link heen gaat. Haal de link weg of voeg een toegankelijke naam waarin het linkdoel is omschreven toe om dit probleem op te lossen.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 14: Deze bevinding vereist mogelijk een technische oplossing:
In de hele website komen links voor met een icoontje om aan te geven dat het om een externe link gaat. Bijvoorbeeld op pagina https://www.ouder-amstel.nl/Home/Vluchtelingen_asielzoekers_en_statushouders/Oekra_ne bij de link 'Het Rode Kruis'. Op het a-element van deze link is een aria-label geplaatst met de waarde 'opent externe website'. Dit is een alternatieve tekst voor het icoon achter de link. Omdat het aria-label de volledige toegankelijke naam overschrijft, komt hier het visuele label niet voor in de toegankelijke naam. Als het visuele label niet voorkomt in de toegankelijke naam is de link niet te bedienen met spraakgestuurde bediening. Los dit op door het aria-label op de link aan te passen, bijvoorbeeld naar 'Het Rode Kruis, opent externe website'. Hetzelfde probleem komt voor op veel pagina's in de website, bijvoorbeeld in de footer van elke pagina bij de link "Werken voor Ouder-Amstel ".

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 15: Op pagina https://www.ouder-amstel.nl/en/Homepage/Passport_ID_and_driver_s_license/Applying_for_a_passport_or_identity_card is de taalaanduiding van de hele pagina "nl"/Nederlands. De pagina is echter in het Engels. Zorg voor de juiste taalcodering in de HTML zodat hulpsoftware de tekst op correcte wijze voorleest.
Een soortgelijk probleem zien we terug op pagina https://www.ouder-amstel.nl/Home/Vluchtelingen_asielzoekers_en_statushouders/_. Deze taal heeft als taalcodering lang="nl", terwijl de pagina in het Oekraïens is. Geef de pagina de taalcode lang="uk_UA" mee.

Bevinding 16: In de eigenschappen van PDF "Aanvraagformulier computerregeling (pdf, 52 kB)" is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF. Hetzelfde komt voor in de PDF "Aanvraagformulier vrijlating inkomsten uit arbeid (pdf, 65 kB)".

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 17: Op de pagina https://www.ouder-amstel.nl/Home/Vluchtelingen_asielzoekers_en_statushouders/Oekra_ne staat een tekst Україна . Deze tekst is in een andere taal. Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door de omliggende html-code een lang="uk_UA" toe te voegen.

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 18: Op pagina https://www.ouder-amstel.nl/Home/Afval/Zwerfafval:jBeFVfhTT5yurlAFDsOqVQ is een video via een iframe geplaatst. Daar ontbreekt het title-attribuut. Plaats het title-attribuut in dit iframe met een goede omschrijving van de inhoud van het iframe, bijvoorbeeld "Zwerfafval in Ouder-Amstel".

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:37:48 v2.4-011