Issues:
Quickscan digitale toegankelijkheid staging-omgeving Veiligheidsregio Gelderland-Zuid

(Alleen de bevindingen)

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Bevinding 1: Op de homepagina https://wp.vrgz.p5c.staging.acato.nl/ is een afbeelding met het logo van Veiligheidsregio Gelderland-Zuid te vinden. Deze afbeelding heeft niet op correcte wijze een alternatieve tekst gekregen. Er is gebruik gemaakt van een aria-label, maar deze staat op het div-element waarin de afbeelding is geplaatst. Hierdoor kan hulpsoftware dit niet goed interpreteren. Los dit bijvoorbeeld op door het aria-label te verwijderen en een alternatieve tekst toe te voegen bij het alt-attribuut van de afbeelding. Zorg dat het woord 'logo' en de tekst die op de afbeelding zichtbaar is terug komt in de alternatieve tekst.

Bevinding 2: Op pagina https://wp.vrgz.p5c.staging.acato.nl/contact/ staat een kaart. Deze is in een iframe geplaatst, welke geen toegankelijke naam heeft. Hierdoor is het voor bezoekers die niet kunnen zien en gebruik maken van hulpsoftware niet duidelijk welke content het iframe bevat. Los dit bijvoorbeeld op door een beschrijving toe te voegen in een title-element of aria-label.

Bevinding 3: Op pagina https://wp.vrgz.p5c.staging.acato.nl/contact/voor-pers/ kunnen bezoekers onder de kop 'Woordvoerders' via de links de portretfoto's uitvergroten. De afbeeldingen van de portretfoto's die dan te zien zijn, hebben geen alternatieve tekst. Voor bezoekers die niet kunnen zien en die gebruik maken van hulpsoftware, is het hierdoor wel duidelijk dat een afbeelding te zien is, maar niet wat er op deze afbeelding te zien is. Los dit op door de afbeelding een alternatieve tekst te geven, bijvoorbeeld via een alt-attribuut.

1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Bevinding 4: Dit criterium is niet (volledig) onderzocht in deze quickscan.

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)

Bevinding 5: Dit criterium is niet (volledig) onderzocht in deze quickscan.

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Bevinding 6: Dit criterium is niet (volledig) onderzocht in deze quickscan.

1.2.4 Ondertitels voor doven en slechthorenden (live) (Niveau AA)

Informatie over succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live)

Bevinding 7: Dit criterium is niet (volledig) onderzocht in deze quickscan.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Bevinding 8: Dit criterium is niet (volledig) onderzocht in deze quickscan.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 9: Op pagina https://wp.vrgz.p5c.staging.acato.nl/contact/ staan uitvouwbare knoppen onder de kop 'Hulpdiensten', bijvoorbeeld 'Ambulance zorg'. In de tekst die te zien is als de knop wordt uitgevouwen, zijn visueel subkoppen te herkennen (zoals 'Bezoekadres'). Deze subkoppen zijn opgemaakt met het strong-element, dat een andere semantische betekenis heeft dan een kop-element. Hierdoor is dit voor hulpsoftware niet te herkennen als subkoppen. Los dit op door dit niet met het strong-element op te maken maar als kop op het juiste kopniveau, bijvoorbeeld h4. Dit komt voor onder alle uitvouwbare knoppen.

Bevinding 10: Op pagina https://wp.vrgz.p5c.staging.acato.nl/nieuws/ovv-onderzoekers-verkennen-binnenvaartveiligheid-met-blusboot/ is de introtekst van het nieuwsartikel opgemaakt met het strong-element. Omdat het strong-element een semantische waarde heeft, is deze niet geschikt om een hele intro-tekst mee op te maken. Het element is alleen bedoeld om één of enkele woorden nadruk te geven. Zorg ervoor dat de introtekst als gewone tekst wordt opgemaakt, en dat de stylesheet wordt gebruikt om de opmaak aan te passen.

Bevinding 11: Advies: Op pagina https://wp.vrgz.p5c.staging.acato.nl/?s=veiligheid ontbreekt een kop op kopniveau h1. Voor bezoekers die gebruik maken van hulpsoftware is het mogelijk om te navigeren aan de hand van de koppenstructuur, daarom is het belangrijk dat deze goed is opgebouwd. Bij een goede koppenstructuur is op elke pagina een h1-kop aanwezig en worden geen kopniveau's overgeslagen.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Bevinding 12: Op de homepagina staan onder de kop 'Nieuws' cards met daarin een datum, koptekst en introtekst. Doordat de datum voorafgaand aan de koptekst wordt voorgelezen door hulpsoftware, kan het voor bezoekers die hier gebruik van maken onduidelijk zijn bij welke kop de datum hoort. Verplaats de datum in HTML zodat deze na de kop komt. Visueel mag deze volgorde wel aangehouden worden.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Bevinding 13: Dit criterium is niet (volledig) onderzocht in deze quickscan.

1.3.4 Weergavestand (Niveau AA)

Informatie over succescriterium 1.3.4 Weergavestand

Bevinding 14: Dit criterium is niet (volledig) onderzocht in deze quickscan.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Bevinding 15: Dit criterium is niet (volledig) onderzocht in deze quickscan.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Bevinding 16: Dit criterium is niet (volledig) onderzocht in deze quickscan.

1.4.2 Geluidsbediening (Niveau A)

Informatie over succescriterium 1.4.2 Geluidsbediening

Bevinding 17: Dit criterium is niet (volledig) onderzocht in deze quickscan.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 18: Dit criterium is niet (volledig) onderzocht in deze quickscan.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Bevinding 19: Dit criterium is niet (volledig) onderzocht in deze quickscan.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Bevinding 20: Dit criterium is niet (volledig) onderzocht in deze quickscan.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Bevinding 21: Als bij een schermgrootte van 1280 bij 1024 px wordt ingezoomd vanaf 150%, verdwijnt de skiplink achter de afbeelding met het logo. De skiplink is de link waarmee content kan worden overgeslagen, deze link verschijnt als bezoekers die via het toetsenbord navigeren de focus hier naartoe brengen. Zorg dat bij het inzoomen geen content wordt bedekt door andere content.

Bevinding 22: Advies: Als bij een schermgrootte van 1280 bij 1024 px wordt ingezoomd vanaf 300% en de zoekfunctie wordt uitgevouwen, valt het zoekveld niet langer binnen de egaal blauwe achtergrond. Het kan verwarrend werken dat het zoekveld over tekst op de pagina heen is geplaatst, waar zonder inzoomen deze tekst geheel wordt bedekt. Het is overzichtelijker als de zoekfunctie dezelfde achtergrond behoudt bij inzoomen.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 23: Dit criterium is niet (volledig) onderzocht in deze quickscan.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Bevinding 24: Dit criterium is niet (volledig) onderzocht in deze quickscan.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Bevinding 25: Dit criterium is niet (volledig) onderzocht in deze quickscan.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 26: Dit criterium is niet (volledig) onderzocht in deze quickscan.

2.1.2 Geen toetsenbordval (Niveau A)

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Bevinding 27: Dit criterium is niet (volledig) onderzocht in deze quickscan.

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Bevinding 28: Dit criterium is niet (volledig) onderzocht in deze quickscan.

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Bevinding 29: Dit criterium is niet (volledig) onderzocht in deze quickscan.

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Bevinding 30: Dit criterium is niet (volledig) onderzocht in deze quickscan.

2.3 Toevallen en fysieke reacties

2.3.1 Drie flitsen of beneden drempelwaarde (Niveau A)

Informatie over succescriterium 2.3.1 Drie flitsen of beneden drempelwaarde

Bevinding 31: Dit criterium is niet (volledig) onderzocht in deze quickscan.

2.4 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Bevinding 32: Dit criterium is niet (volledig) onderzocht in deze quickscan.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Bevinding 33: Dit criterium is niet (volledig) onderzocht in deze quickscan.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 34: Als de website in ingezoomde weergave of op een kleiner scherm wordt bekeken, vouwt het menu samen onder de menu-knop. Op het moment dat het menu is ingevouwen, is het wel mogelijk om via het toetsenbord de focus naar de menu-items te brengen. Voor bezoekers die navigeren via het toetsenbord en die wel kunnen zien, is op dat moment niet zichtbaar waar de focus zich bevindt. Zorg dat de focus niet naar elementen gebracht kan worden die op dat moment niet zichtbaar zijn op de pagina.

Bevinding 35: Als de website in ingezoomde weergave of op een kleiner scherm wordt bekeken, vouwt het menu samen onder de menu-knop. Als het menu wordt uitgevouwen en de bezoeker navigeert via het toetsenbord door het menu, is het mogelijk het menu te verlaten zonder dat deze eerst weer ingevouwen wordt. Hierdoor valt de focus op elementen op de pagina die op dat moment worden bedekt door het uitgevouwen menu. Voor bezoekers die navigeren via het toetsenbord en die wel kunnen zien, is op dat moment onduidelijk waar de focus zich bevindt. Zorg ervoor dat de focus het menu pas kan verlaten nadat deze weer is ingevouwen.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 36: Op pagina https://wp.vrgz.p5c.staging.acato.nl/contact/ komen meerdere links voor met de linktekst 'Pagina bekijken'. Bijvoorbeeld bij de kop 'Wet open overheid (Woo)'. Het linkdoel wordt onvoldoende duidelijk uit deze linktekst. Voor bezoekers die deze linktekst voorgelezen krijgen via hulpsoftware is het hierdoor onduidelijk naar welke pagina de link leidt. Los dit bijvoorbeeld op door de koptekst toe te voegen aan de toegankelijke naam van de link. Visueel mag de huidige tekst wel behouden worden.

Bevinding 37: Op pagina https://wp.vrgz.p5c.staging.acato.nl/contact/voor-pers/ staan onder de kop 'Woordvoerders' verschillende cards, bijvoorbeeld van 'Annemarie Koop'. Hierbij is een link te vinden waarmee de portretfoto uitvergroot kan worden. Deze link heeft geen toegankelijke naam. Voor bezoekers die niet kunnen zien en gebruik maken van hulpsoftware, is het hierdoor niet duidelijk wat het doel van de link is. Voeg een toegankelijke naam toe aan de link om dit op te lossen. Zie ook succescriterium 4.1.2.

Bevinding 38: Advies: Op de homepagina staan onder de kop 'Nieuws' cards met links naar nieuwsartikelen. Doordat alle content van de card binnen de link (a-element) is geplaatst, is de linktekst die door hulpsoftware wordt voorgelezen erg lang. Zowel de datum als de koptekst als de introtekst wordt voorgelezen. Het linkdoel wordt hieruit wel duidelijk, daarom wordt dit niet afgekeurd. Wel kan het efficiënte navigatie bevorderen als de linktekst korter is. Dit kan bijvoorbeeld worden gedaan door alleen de koptekst binnen de link te plaatsen, en het klikbare gebied van de link te vergroten via CSS of JavaScript. Een soortgelijk probleem komt voor bij de links naar zoekresultaten op pagina https://wp.vrgz.p5c.staging.acato.nl/?s=veiligheid.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Bevinding 39: Dit criterium is niet (volledig) onderzocht in deze quickscan.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Bevinding 40: Dit criterium is niet (volledig) onderzocht in deze quickscan.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Bevinding 41: Dit criterium is niet (volledig) onderzocht in deze quickscan.

2.5 Input modaliteiten

2.5.1 Aanwijzergebaren (Niveau A)

Informatie over succescriterium 2.5.1 Aanwijzergebaren

Bevinding 42: Dit criterium is niet (volledig) onderzocht in deze quickscan.

2.5.2 Aanwijzerannulering (Niveau A)

Informatie over succescriterium 2.5.2 Aanwijzerannulering

Bevinding 43: Dit criterium is niet (volledig) onderzocht in deze quickscan.

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Bevinding 44: Dit criterium is niet (volledig) onderzocht in deze quickscan.

2.5.4 Bewegingsactivering (Niveau A)

Informatie over succescriterium 2.5.4 Bewegingsactivering

Bevinding 45: Dit criterium is niet (volledig) onderzocht in deze quickscan.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Bevinding 46: Dit criterium is niet (volledig) onderzocht in deze quickscan.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Bevinding 47: Dit criterium is niet (volledig) onderzocht in deze quickscan.

3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

Informatie over succescriterium 3.2.1 Bij focus

Bevinding 48: Dit criterium is niet (volledig) onderzocht in deze quickscan.

3.2.2 Bij input (Niveau A)

Informatie over succescriterium 3.2.2 Bij input

Bevinding 49: Dit criterium is niet (volledig) onderzocht in deze quickscan.

3.2.3 Consistente navigatie (Niveau AA)

Informatie over succescriterium 3.2.3 Consistente navigatie

Bevinding 50: Dit criterium is niet (volledig) onderzocht in deze quickscan.

3.2.4 Consistente identificatie (Niveau AA)

Informatie over succescriterium 3.2.4 Consistente identificatie

Bevinding 51: Dit criterium is niet (volledig) onderzocht in deze quickscan.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Bevinding 52: Dit criterium is niet (volledig) onderzocht in deze quickscan.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Bevinding 53: Dit criterium is niet (volledig) onderzocht in deze quickscan.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Bevinding 54: Dit criterium is niet (volledig) onderzocht in deze quickscan.

3.3.4 Foutpreventie (wettelijk, financieel, gegevens) (Niveau AA)

Informatie over succescriterium 3.3.4 Foutpreventie (wettelijk, financieel, gegevens)

Bevinding 55: Dit criterium is niet (volledig) onderzocht in deze quickscan.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Bevinding 56: Dit criterium is niet (volledig) onderzocht in deze quickscan.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 57: Op pagina https://wp.vrgz.p5c.staging.acato.nl/contact/voor-pers/ staan onder de kop 'Woordvoerders' verschillende cards, bijvoorbeeld van 'Annemarie Koop'. Hierbij is een link te vinden waarmee de portretfoto uitvergroot kan worden. Deze link heeft geen toegankelijke naam. Hulpsoftware zoals een screenreader kan daardoor niet interpreteren wat het linkdoel is, en zal in sommige gevallen een deel van de URL voorlezen als toegankelijke naam. De correcte naam van een link moet altijd door software bepaald kunnen worden, zodat het linkdoel duidelijk is voor bezoekers die gebruik maken van hulpsoftware. Voeg een toegankelijke naam toe aan de link om dit op te lossen. Zie ook succescriterium 2.4.4.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Bevinding 58: Dit criterium is niet (volledig) onderzocht in deze quickscan.

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

• Homepagina:
  https://wp.vrgz.p5c.staging.acato.nl/
• Zoekresultaten:
  https://wp.vrgz.p5c.staging.acato.nl/?s=veiligheid
• Contact:
  https://wp.vrgz.p5c.staging.acato.nl/contact/
• Voor pers:
  https://wp.vrgz.p5c.staging.acato.nl/contact/voor-pers/
• Nieuwsartikel:
  https://wp.vrgz.p5c.staging.acato.nl/nieuws/ovv-onderzoekers-verkennen-binnenvaartveiligheid-met-blusboot/
• Incident:
  https://wp.vrgz.p5c.staging.acato.nl/incidenten/incident/diverse-parachutisten-in-boom-beland-bij-airborne-sprong/

Ondersteunende technieken

• HTML5
• CSS
• WAI-ARIA
• ECMAScript 5
• DOM
• SVG

Bronnen

• Evaluatiedocument WCAG 2.0
  www.drempelvrij.nl/over-het-waarmerk
• Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
  www.w3.org/Translations/WCAG20-nl
• Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
  www.w3.org/WAI/eval/conformance
• Web Content Accessibility Guidelines (WCAG)
  www.w3.org/WAI/intro/wcag
• How to Meet WCAG 2.1 Quick Reference
  www.w3.org/WAI/WCAG21/quickref/

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.