Issues:
Audit digitale toegankelijkeheid website Verbeter de Luchtvaartkaart

(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: De kaartapplicatie op pagina https://verbeterdeluchtvaartkaart.kadaster.nl/#/kaart?geometry.x=160000.00&geometry.y=455000.00&zoomlevel=3.00 bevat een legenda. De content is middels afbeeldingen geplaatst, die een niet-inhoudelijke alternatieve tekst hebben. Zo is er bijvoorbeeld onder "Obstakels" een zestal iconen te zien met corresponderende beschrijvingen. De alt tekst leest "dit is de legenda van Obstakels". Een lang alt tekst is af te raden, gezien schermleessoftware bij het voorlezen ervan niet gepauzeerd kan worden. Een oplossing zou zijn om de afbeeldingen per icoon te plaatsen en ze van individuele platte teksten te voorzien.

Bevinding 2: Het logo in de header bijvoorbeeld op de pagina https://verbeterdeluchtvaartkaart.kadaster.nl/toegankelijkheid heeft het tekstalternatief "Logo, navigeer naar de homepage Verbeter de Luchtvaartkaart". Bijvoorbeeld blinde bezoekers weten niet dat het logo van het "Kadaster" is en dat het kadaster verantwoordelijk is voor deze website. De toegankelijke tekst van een logo moet alle tekst in het logo bevatten. Voeg "Kadaster" toe aan de toegankelijke tekst.

Bevinding 3: In de footer van de homepagina https://verbeterdeluchtvaartkaart.kadaster.nl/#/ en de kaart pagina https://verbeterdeluchtvaartkaart.kadaster.nl/#/kaart?geometry.x=255434.27&geometry.y=448791.03&zoomlevel=3.00 staan 5 links met steeds hetzelfde icoontje. Het toegankelijk tekst alternatief ontbreekt. In één geval, “kadaster.nl” ontbreekt een tekstalternatief in het geheel en vier van de links hebben een toegankelijk tekst alternatief in de vorm van een visueel verborgen element met daarin een tekst, maar die tekst is niet steeds hetzelfde. Dit probleem kan opgelost worden door het tekst alternatief te koppelen aan het icoon en door te zorgen dat het icoon steeds dezelfde betekenis heeft. Daarmee is ook voldaan aan 3.2.4. Hetzelfde icoontje komt ook voor op de kaartpagina https://verbeterdeluchtvaartkaart.kadaster.nl/#/kaart?geometry.x=255434.27&geometry.y=448791.03&zoomlevel=3.00 onder de knop "Handige links". Daar hebben de iconen geen tekst alternatief terwijl ze wel betekenis hebben.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 4: Op pagina https://verbeterdeluchtvaartkaart.kadaster.nl/ staat binnen het dropdownmenu "Veelgestelde vragen" de uitvouwbare button "Wat zijn de criteria voor een melding?". Hier staat een opsomming van vereisten, waarbij het kernwoord is opgemaakt met het strong element. Het is prima om dit voor enkele woorden te gebruiken, maar het zou (tevens) beter zijn om dergelijke content op te nemen in een geordende lijst (ol) met lijstitems (li).

Bevinding 5: Op de kaartpagina https://verbeterdeluchtvaartkaart.kadaster.nl/#/kaart?geometry.x=255434.27&geometry.y=448791.03&zoomlevel=3.00 opent de knop "Weergave opties" een modaal. De tekst "Opties" is niet gekoppeld aan de onderliggende selectievakjes. Gebruik een combinatie van fieldset en legend of een andere vergelijkbare techniek om dit probleem op te lossen.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Bevinding 6: Op de kaartpagina https://verbeterdeluchtvaartkaart.kadaster.nl/#/kaart?geometry.x=255434.27&geometry.y=448791.03&zoomlevel=3.00 opent de knop "Weergave opties" een modaal. Onder "Opties" staan een aantal selectievakjes waarvan een deel uitgevinkt kan worden en een deel niet. De niet uit te schakelen vakjes zijn te herkennen aan de kleur van de vakjes en bijbehorende tekst (HEX #777676) terwijl de overige vakjes en tekst donkerder zijn (HEX #2B2B2B). Kleurenblinden en slechtzienden kunnen dit onderscheid niet zien. Zorg er voor dat er nog een andere manier is om aan te geven welke vakje wel of niet uitgeschakeld kunnen worden.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Bevinding 7: De kaartapplicatie op pagina https://verbeterdeluchtvaartkaart.kadaster.nl/#/kaart?geometry.x=160000.00&geometry.y=455000.00&zoomlevel=3.00 bevat een legenda. De content is middels afbeeldingen van tekst geplaatst. De visuele weergave van de tekst kan niet door de gebruiker aangepast worden, bijvoorbeeld de tekstafstand. Bij zoom kunnen dergelijke afbeeldingen ook wazig en minder goed leesbaar worden. Plaats deze tekst op een andere wijze in de legenda.

2. Bedienbaar

2.4 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Bevinding 8: Op elke pagina ontbreekt een mechanisme om de herhalende content over te slaan. Bezoekers die de website met toetsenbord bedienen en/of hulpsoftware moeten op elke pagina langs dezelfde onderdelen gaan voordat ze bij de inhoud van de pagina zijn. Dit kan je oplossen door een link op de pagina te plaatsen (skiplink) die de focus verplaatst naar de eerste unieke inhoud van de pagina. Deze link moet de eerste link van de pagina zijn. Deze link mag standaard verborgen zijn voor bezoekers, maar moet zichtbaar worden als de focus er op komt wanneer met het toetsenbord wordt genavigeerd.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Bevinding 9: De 404-pagina is via bijvoorbeeld https://verbeterdeluchtvaartkaart.kadaster.nl/fout te bereiken. De titel van de pagina is "404 pagina". Deze titel beschrijft het doel van deze pagina niet. Verander de tekst bijvoorbeeld in "Pagina niet gevonden" of een vergelijkbare tekst.

Bevinding 10: Advies: De 404-pagina pagina bevat geen content. Dit is onplezierig voor elke bezoeker, maar met name bezoekers met een cognitieve of visuele beperking hebben behoefte aan duidelijke koppen die vertellen waar de pagina toe dient en een link naar een bestaande pagina, bijvoorbeeld de homepagina.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 11: Op de kaartpagina https://verbeterdeluchtvaartkaart.kadaster.nl/#/kaart?geometry.x=255434.27&geometry.y=448791.03&zoomlevel=3.00 opent de knop "Legenda" een modaal. Er wordt in de HTML gebruikgemaakt van het attribuut tabindex=0 op bijvoorbeeld het element met de eerste drie legenda's "Obstakels", "Terugmeldingen" en "Vervallen obstakels". Daardoor ontstaat er wanneer je met de tabtoets door de pagina navigeert een onlogische focusvolgorde. Zorg dat de focusvolgorde door webpagina's logisch is, wanneer men met het toetsenbord navigeert. Plaats geen tabindex="0" op elementen die geen focus horen te krijgen.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Bevinding 12: Op de kaartpagina https://verbeterdeluchtvaartkaart.kadaster.nl/#/kaart?geometry.x=255434.27&geometry.y=448791.03&zoomlevel=3.00 opent de knop "Weergave opties" een modaal. De keuzerondjes met het visuele label "Coördinaten" heeft het toegankelijke label "Projectie". Bezoekers die doormiddel van gesproken commando's de website navigeren weten niet welk label programmatisch bij de keuzerondjes hoort. Zorg er voor dat het visuele label terug komt in het toegankelijke label, het liefst vooraan. Hetzelfde geldt voor de groepering "Kaartlagen" erboven met de toegankelijke naam "Datasets".

3. Begrijpelijk

3.2 Voorspelbaar

3.2.4 Consistente identificatie (Niveau AA)

Informatie over succescriterium 3.2.4 Consistente identificatie

Bevinding 13: In de footer van de homepagina https://verbeterdeluchtvaartkaart.kadaster.nl/#/ en de kaart pagina https://verbeterdeluchtvaartkaart.kadaster.nl/#/kaart?geometry.x=255434.27&geometry.y=448791.03&zoomlevel=3.00 staan 5 links met steeds hetzelfde icoontje. Ziende bezoekers verwachten dat dit icoontje steeds hetzelfde betekent, maar dat is niet zo. De link “Contact” opent in hetzelfde venster, alle ander links openen in een nieuw venster. De link “toegankelijkheid” blijft binnen de website, alle andere links gaan naar een externe website. Dit is verwarrend. Zorg ervoor dat een zelfde icoon op alle pagina’s binnen de website de zelfde functionaliteit beschrijft.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 14: Als op de kaartpagina https://verbeterdeluchtvaartkaart.kadaster.nl/#/kaart?geometry.x=255434.27&geometry.y=448791.03&zoomlevel=3.00 opent de knop "Melding maken" wordt geklikt zijn er 3 keuzerondjes te zien. De keuzerondjes horen bij elkaar, maar hulpsoftware behandelt ze als individueel. Dat kom omdat ze elk zijn geplaatst in een element dat in de rol "layout table" heeft gekregen omdat in de stylesheet de regel display: table; is gegeven. Hulpsoftware kan hierdoor de structuur van de keuzerondjes niet goed weergeven. Zorg voor correcte opmaak, laat bijvoorbeeld display: table; weg uit de stylesheet.

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://verbeterdeluchtvaartkaart.kadaster.nl/
• toegankelijkheid:
  https://verbeterdeluchtvaartkaart.kadaster.nl/toegankelijkheid
• niet gevonden:
  https://verbeterdeluchtvaartkaart.kadaster.nl/404
• kaartapplicatie:
  https://verbeterdeluchtvaartkaart.kadaster.nl/#/kaart

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.