Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid van website Veiligheidsregio Amsterdam-Amstelland

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Veiligheidsregio Amsterdam-amstelland
Datum 13 februari 2025
Scope van de website 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: 31

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: Wanneer de website https://veiligheidsregioaa.nl/ op een klein scherm wordt bekeken, verschijnt in de footer het logo met de tekst: "Veiligheidsregio Amsterdam-Amstelland." Het huidige tekstalternatief, "logo-vraa-wit," bevat echter niet de volledige tekst zoals deze in het logo zichtbaar is. In het tekstalternatief staat dus niet alle tekst die in het logo te zien is. Dit moet wel. Zo weten bezoekers die het plaatje niet kunnen zien, ook precies wat er staat. Voeg een alt-tekst toe die de volledige tekst van het logo bevat.

Bevinding 2: Op pagina https://veiligheidsregioaa.nl/ staan onder het kopje "Nieuws" decoratieve afbeeldingen. Al deze afbeeldingen hebben een tekstalternatief. Zo is het tekstalternatief voor de eerste afbeelding bijvoorbeeld "AdobeStock_2882582." Een decoratieve afbeelding geeft geen extra informatie en moet daarom verborgen worden voor schermlezers. Dit kan op verschillende manieren. Gebruik voor afbeeldingen in een img-element een leeg alt-attribuut (alt=""). Hetzelfde probleem is aangetroffen op de volgende pagina:
https://veiligheidsregioaa.nl/actueel/nieuws/ waar alle decoratieve afbeeldingen onder de paginering tekstalternatieven hebben.

Bevinding 3: Op pagina https://veiligheidsregioaa.nl/organisatie/ staat een organogram. De alt tekst “vraa organogram juni 2024” biedt niet dezelfde informatie die in deze afbeelding te zien is. Voeg een uitgeschreven tekst toe.

1.2 Op tijd gebaseerde media

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 4: Op pagina https://veiligheidsregioaa.nl/actueel/nieuws/@2485/weet-aanslag/ staat een video met voice-over. Op het laatst komt tekst in beeld en de URL die niet in de ondertitels zijn opgenomen. Video’s waarin gesproken wordt, moeten altijd ondertiteling krijgen. Zo krijgen bezoekers die de video niet (goed) kunnen horen ook alle informatie. Deze ondertiteling moet exact hetzelfde zijn als wat wordt gezegd.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 5: Op pagina https://veiligheidsregioaa.nl/digitale-toegankelijkheid/ staat een kopje "Maatregelen". In deze kop wordt het heading-element en het strong-element gebruikt. Het strong-element heeft een semantische waarde: het geeft een bepaalde betekenis aan de tekst die erin staat, namelijk dat de tekst extra nadruk moet krijgen. Om die reden mag het element niet gebruikt worden om alleen een visueel effect te bereiken (vetgedrukt). Gebruik hiervoor CSS. Hetzelfde probleem is gevonden op de volgende pagina:
https://veiligheidsregioaa.nl/werken-bij-vraa/vacatures/@2433/1e-bedrijfsautotechnicus/
Het heading-element en het strong-element worden gebruikt in de kopjes "Wat ga je doen?", "Wie ben jij?", "Hier herken jij jezelf in", en andere.

Bevinding 6: Op pagina https://veiligheidsregioaa.nl/werken-bij-vraa/vacatures/@2433/1e-bedrijfsautotechnicus/ staan de kopjes "Opleidingen en kennis" en "Ervaring". In deze kop wordt het heading-element en het em-element gebruikt. Ook het em-element heeft een semantische waarde. Het geeft een bepaalde betekenis aan de tekst die erin staat, namelijk dat de tekst extra nadruk moet krijgen. Om die reden mag het element niet gebruikt worden om alleen een visueel effect te bereiken (schuingedrukt). Gebruik hiervoor CSS.

Bevinding 7: Op pagina https://veiligheidsregioaa.nl/werken-bij-vraa/vacatures/@2433/1e-bedrijfsautotechnicus/ worden de volgende koppen gemarkeerd met een strong-element:"Meer weten?", "Wij sluiten de vacature zodra we onze nieuwe collega hebben gevonden."
Het element strong is niet bedoeld om koppen mee te markeren. Dit moet altijd gedaan worden met een kop-element, zoals h3. Koppen zijn bedoeld om een tekst te structureren. Alleen als deze teksten als kop worden gemarkeerd met een kop-element, begrijpt hulpsoftware die betekenis. Het strong-element is wel geschikt om nadruk te geven aan enkele woorden of een zinsdeel.

Bevinding 8: Op pagina https://veiligheidsregioaa.nl/werken-bij-vraa/vacatures/@2433/1e-bedrijfsautotechnicus/, onder het kopje “Wij sluiten de vacature zodra we onze nieuwe collega hebben gevonden”, staan 2 alinea's tekst. In HTML zijn deze alinea's gemarkeerd als één p-element.
Visueel lijkt de tekst uit meerdere alinea’s te bestaan: blokjes tekst met witruimtes ertussen. Deze structuur moet ook in de code staan. Zorg dat elke alinea in een eigen p-element is geplaatst. Het aantal alinea’s dat visueel te zien is, moet dus gelijk zijn aan het aantal p-elementen in de code.

Bevinding 9: Op pagina https://veiligheidsregioaa.nl/werken-bij-vraa/vacatures/@2433/1e-bedrijfsautotechnicus/ wordt het em-element gebruikt voor opmaak in teksten onder de kop “Wij sluiten de vacature zodra we onze nieuwe collega hebben gevonden”. De hele alinea is gemarkeerd met het em-element. Dit element mag niet gebruikt worden om alleen een visueel effect te bereiken (cursieve tekst). Gebruik hiervoor CSS.

Bevinding 10: Op pagina https://veiligheidsregioaa.nl/werken-bij-vraa/vacatures/ wordt het strong-element gebruikt voor de opmaak van het woord "Instructeurs" onder het kopje "Instructeurs". Het strong-element mag niet worden gebruikt om alleen een visueel effect te bereiken (vetgedrukte tekst). Gebruik hiervoor CSS.

Bevinding 11: Op pagina https://veiligheidsregioaa.nl/zoeken/ staat paginering. De relatie tussen de links in deze paginering ontbreekt in de HTML. Als het voor een ziende bezoeker duidelijk is dat een groep links, zoals de paginering, bij elkaar hoort, dan moet die structuur ook in de HTML-code aanwezig zijn. Neem de elementen bijvoorbeeld op in een ul- of ol-element.

Bevinding 12: Het PDF-document https://veiligheidsregioaa.nl/publish/pages/669/aanvullende_rechtspositieregeling_baa_vrijwilligers_hoofdstuk_i.pdf heeft geen codes en daardoor is voor hulpsoftware (zoals voorleessoftware) geen informatie beschikbaar om de PDF te interpreteren. Omdat codes ontbreken, kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag, zoals semantische koppen en alternatieve teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 13: In het PDF-document op https://veiligheidsregioaa.nl/publish/pages/669/financi_le_verordening_2024_vraa.pdf staan verschillende koppen die niet als kop zijn gemarkeerd. Zie bijvoorbeeld de koppen "Financiële verordening 2024 Veiligheidsregio Amsterdam-Amstelland" en "Revisiehistorie" op de 1 pagina, "Algemeen" en "Ad A. Nieuwe ontwikkeling: rechtmatigheidsverantwoording door het dagelijks bestuur" op de 11 pagina, en alle koppen op de pagina's 12-14. Op deze manier verschilt de visuele informatiestructuur van de structuur van het document in de tags. Vervang de p-tag door de h-tag om de structuur van het document in de tags te laten overeenkomen met wat te zien is in het document.

Bevinding 14: In het PDF-document op https://veiligheidsregioaa.nl/publish/pages/669/financi_le_verordening_2024_vraa.pdf op pagina 3 - 4 staat een lijst van 9 items onder het kopje "Artikel 4. Begroting". In de tags staan echter twee afzonderlijke lijsten. Zorg ervoor dat de lijst als één lijst wordt gecodeerd. Hetzelfde probleem treedt op bij andere lijsten, bijvoorbeeld op pagina 5-6 en 8-9. Combineer de lijsten: zorg ervoor dat de afzonderlijke L-tags in de code worden samengevoegd tot één enkele lijst, zodat de schermlezer de items als een doorlopende lijst voorleest. Een andere oplossing is om de twee lijsten ongewijzigd te laten en bij de tweede lijst een toelichting toe te voegen waarin wordt vermeld dat deze lijst een vervolg is op de lijst van de vorige pagina. Op pagina 6-7 staan twee aparte lijsten die in tags in een LI-tag zijn geplaatst.

Bevinding 15: In het PDF-document https://veiligheidsregioaa.nl/publish/pages/669/financi_le_verordening_2024_vraa.pdf is de inhoudsopgave alleen opgebouwd uit Link-tags. De Reference -tags ontbreken. De schermlezer heeft deze tags nodig om het document correct te interpreteren. De juiste tags in de inhoudsopgave zijn: TOC, TOCI, Reference, Link.

Bevinding 16: In het PDF-document https://veiligheidsregioaa.nl/publish/pages/669/financi_le_verordening_2024_vraa.pdf, op pagina 3, staan de kopjes "Paragraaf 1. Algemene bepalingen" en "Artikel 1. Algemene bepalingen". Deze kopjes zijn beide gemarkeerd als H2-tags en staan achter elkaar zonder enige inhoud ertussen. Hetzelfde geldt voor de koppen "Paragraaf 2. Begroting en verantwoording" en "Artikel 2 Planning & Control cyclus". Dit probleem is ook aangetroffen op de andere pagina's, bijvoorbeeld 5, 6, 8.
Wanneer twee koppen elkaar opvolgen zonder inhoud ertussen, is het belangrijk om de juiste volgorde van de koppen te gebruiken. Als dit niet gebeurt, kan een blinde bezoeker ten onrechte denken dat er inhoud ontbreekt. Om dit probleem aan te pakken, pas je de koptekstniveaus aan.

Bevinding 17: Advies. In het PDF-document https://veiligheidsregioaa.nl/publish/pages/669/financi_le_verordening_2024_vraa.pdf staat op pagina 10 een lege kop boven de kop "Ondertekening". Alle koppen moeten betekenisvolle inhoud bevatten om een goede documentstructuur en toegankelijkheid te garanderen.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 18: In het PDF-document op https://veiligheidsregioaa.nl/publish/pages/669/financi_le_verordening_2024_vraa.pdf klopt de volgorde van de tags op pagina 6 en 7 niet. In het document staat onder kop “Artikel 15” een lijst met twee punten. In de tags is deze lijst onder kop “Artikel 14” geplaatst.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 19: Op pagina https://veiligheidsregioaa.nl/actueel/nieuws/@2485/weet-aanslag/ , onder het kopje “Wat kan je zelf doen?” staat een link met de tekst “NL-alert”. Wanneer een bezoeker de muis over deze link beweegt, verandert de tekst kleur in lichtblauw (HEX#36AAFF). De contrastverhouding is 2,5:1. Dit moet minimaal 4,5:1 zijn. Zie ook links op andere pagina’s, bijvoorbeeld op https://veiligheidsregioaa.nl/digitale-toegankelijkheid/ en https://veiligheidsregioaa.nl/jouw-regio/.

Bevinding 20: Op pagina https://veiligheidsregioaa.nl/organisatie/ staat een organogram. In deze afbeelding staat witte tekst op een gele, lichtgroene en rode achtergrond. Het kleurcontrast is respectievelijk 2,3:1, 2,6:1 en 4,4:1. Dit moet minimaal 4,5:1 zijn.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 21: De huidige link in het hoofdmenu heeft een groene (HEX#87AD25) streep om aan te geven dat dit een huidige link is. In combinatie met de witte achtergrond is het kleurcontrast 2,5:1. Dit moet minimaal 3,0:1 zijn. Zie https://veiligheidsregioaa.nl.

Bevinding 22: Op pagina https://veiligheidsregioaa.nl/contact/ staat een selectievakje voor de verificatiemethode reCAPTCHA. Als de bezoeker zijn muis over dit selectievakje beweegt, wordt de rand lichtgrijs (HEX#B2B2B2) en wordt de contrastverhouding 2,1:1 vergeleken met de achtergrond van de sectie. Dit moet minimaal 3,0:1 zijn.

2. Bedienbaar

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Voldoende

Bevinding 23: Advies. Op pagina https://veiligheidsregioaa.nl/jouw-veiligheid/ slaat de skiplink het kruimelpad over. De unieke content van de pagina begint bij dit kruimelpad. Dit wordt niet afgekeurd omdat deze pagina een goede koppenstructuur heeft. Toch wordt aangeraden om het doel van de skiplink te veranderen.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 24: Het PDF-document op https://veiligheidsregioaa.nl/publish/pages/669/financi_le_verordening_2024_vraa.pdf heeft geen documenttitel ingesteld in de bestandseigenschappen.
Een PDF-document moet een titel bevatten die duidelijk het onderwerp of het doel van het document beschrijft. Daarnaast dient deze titel in de titelbalk te worden getoond in plaats van de bestandsnaam. Dit is belangrijk voor bezoekers met verschillende beperkingen omdat het hen in staat stelt snel en gemakkelijk vast te stellen of de informatie in het document relevant is voor hen. Dit kan worden opgelost door dit aan te passen in de bestandseigenschappen van het bronbestand of van het PDF-document.

Bevinding 25: De titel van het PDF-document https://veiligheidsregioaa.nl/publish/pages/669/aanvullende_rechtspositieregeling_baa_vrijwilligers_hoofdstuk_i.pdf, "Microsoft Word - Aanvullende Rechtspositieregeling BAA vrijwilligers versie 1.6.doc," bevat de term "Microsoft Word", wat onjuist is voor een PDF-document. Dit kan bezoekers in verwarring brengen, omdat het suggereert dat het document een Microsoft Word-bestand is terwijl het eigenlijk een PDF is.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 26: Op pagina https://veiligheidsregioaa.nl/contact/ staat een formulier met reCAPTCHA. Bij de captcha staan twee links: “Privacy” en “Voorwaarden”. Het is visueel duidelijk dat deze links over reCAPTCHA gaan, maar dit is niet te bepalen in de HTML-code. Voor bezoekers die de pagina niet zien kan het onduidelijk zijn wat de bestemming van deze links is. Dit kan worden opgelost door verborgen tekst aan de links toe te voegen.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 27: Op pagina https://veiligheidsregioaa.nl/actueel/nieuws/@2485/weet-aanslag/ staat een iframe met een video. De titel beschrijft niet het type inhoud in dit iframe. In het title-attribuut van het iframe ontbreekt het woord "video". Iframes moeten een goede beschrijving hebben. Die komt meestal in het title-attribuut van het iframe. Er moet in staan welk type inhoud het is (bijvoorbeeld een podcast of video), en waar het inhoudelijk over gaat. Deze beschrijving van de inhoud moet uniek en betekenisvol zijn. Door de beschrijving kunnen blinde bezoekers beslissen of het de moeite waard is om de inhoud van het iframe te verkennen.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 28: Op pagina https://veiligheidsregioaa.nl/zoeken/ is de toetsenbordfocus niet zichtbaar op het select-element "Sortering", en er wordt geen aangepast alternatief geboden. De toetsenbordfocus moet altijd zichtbaar zijn op interactieve elementen zoals links, knoppen en invoervelden die met het toetsenbord focus kunnen krijgen. Bezoekers die met het toetsenbord navigeren, moeten duidelijk kunnen zien waar ze zich op de pagina bevinden. Zonder zichtbare focus weten ze niet op welk moment ze op Enter moeten drukken om een knop of link te activeren.
Een soortgelijk probleem is aangetroffen op de volgende pagina's: https://veiligheidsregioaa.nl/werken-bij-vraa/vacatures/, waar de select-elementen "Periode jaar" en "Periode maand" geen zichtbare focus hebben en op https://veiligheidsregioaa.nl/actueel/nieuws/, waar de select-elementen "Periode jaar" en "Periode maand" eveneens geen zichtbare focus hebben.

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 29: In de meta data van het PDF-document https://veiligheidsregioaa.nl/publish/pages/669/aanvullende_rechtspositieregeling_baa_vrijwilligers_hoofdstuk_i.pdf is de taal niet ingesteld. De taal hoort ingesteld te worden, zodat hulpsoftware de informatie uit het bestand met de juiste uitspraakregels kan worden voorgelezen. Dit kan worden ingesteld via de bestandseigenschappen.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 30: Op pagina https://veiligheidsregioaa.nl/contact/ staat een formulier. Als het formulier wordt verzonden met lege velden of met onjuiste gegevens, verschijnen foutmeldingen zoals "Veld Naam is verplicht. (Invoervoorbeeld: Voornaam en achternaam)". Dit is een instructie, geen foutmelding.
Een goede foutmelding maakt duidelijk dat er een fout is gemaakt, en geeft aan waar de fout zit. Vaak staat er een ontkenning in. Een voorbeeld van een goede foutmelding is: "Het veld is niet (goed) ingevuld."

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 31: Op pagina https://veiligheidsregioaa.nl/contact/ wordt in het invoerveld "Naam" de instructie "Voornaam en achternaam" weergegeven als een placeholder. Deze instructie is niet permanent zichtbaar. Invoervelden moeten een label hebben dat altijd zichtbaar is. Dat kan een tekst zijn of een afbeelding (icoon). Een placeholder-tekst kan niet als label dienen, omdat deze tekst verdwijnt als de bezoeker begint te typen. Een invoerveld zonder zichtbaar label kan mensen in de war brengen, omdat ze niet weten wat ze moeten invullen. Voeg een label toe in de vorm van een tekst of een icoon.

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-03-09 23:15:09 v2.4-011