Issues:
Audit digitale toegankelijkheid website Expeditie Ruimte

(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 pagina https://www.expeditieruimte.nl/over-expeditie-ruimte/ staat een image slider. De eerste afbeelding heeft de alt tekst "Bijeenkomst". Deze afbeelding is decoratief en heeft daarom geen alternatieve tekst nodig. Als een decoratieve afbeelding wel een beschrijving heeft moet die de afbeelding goed beschrijven. Een beschrijving als "Bijeenkomst" is niet voldoende. De afbeelding moet wel een leeg alt-attribuut in het img-element hebben.
Een soortgelijk probleem zien we terug bij de afbeelding met alternatieve tekst "Huis" in dezelfde slider.

Bevinding 2: Op pagina https://www.expeditieruimte.nl/cases/ staat een kaart van Limburg. Door middel van pins zijn verschillende locaties aangegeven. Bijvoorbeeld bovenin de kaart is een pin die een filter zet op alle artikelen met betrekking op Noord-Limburg. Deze pins hebben geen alternatieve tekst en geen toegankelijke naam. Voeg een alternatieve tekst toe om dit probleem op te lossen. Als de afbeelding als link dient moet er ook een beschrijvend linkdoel aan de alternatieve tekst toegevoegd worden.

Bevinding 3: Op pagina https://www.expeditieruimte.nl/panorama-zuid-limburg/ staat een afbeelding onder een video icoon met de alternatieve tekst "Thumbnail afbeelding video". Deze tekst omschrijft de video niet, waardoor gebruikers van hulpsoftware niet weten dat er een video op de pagina staat. Voeg een beschrijvende titel toe aan de videoknop. Daarmee kan ook aan 4.1.2 voldaan worden.

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)

Bevinding 4: Op de pagina https://www.expeditieruimte.nl/panorama-zuid-limburg/ staat een video waar het logo aan het begin en/of eind in beeld komt. Als je dat niet kan zien mis je dat dit een video van Provincie Limburg/Panorama Zuid-Limburg is. Verder komt de tekst "Als ik de touwtjes mee in handen heb dan ..." een aantal keren in beeld en de steden waarin de expositie te zien was. 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)

Bevinding 5: Op de pagina https://www.expeditieruimte.nl/panorama-zuid-limburg/ staat een video waar het logo aan het begin en/of eind in beeld komt. Als je dat niet kan zien mis je dat dit een video van Provincie Limburg/Panorama Zuid-Limburg is. Verder komt de tekst "Als ik de touwtjes mee in handen heb dan ..." een aantal keren in beeld en de steden waarin de expositie te zien was. 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

Bevinding 6: In de hoofdnavigatie is de huidige pagina herkenbaar aan de oranje streep eronder. Voor blinden en slechtzienden is deze informatie niet beschikbaar via hulpsoftware. Markeer de actieve pagina zodat deze ook als zodanig wordt voorgelezen door een screenreader. Bijvoorbeeld via aria-current en een waarde die de content beschrijft (bijvoorbeeld page).

Bevinding 7: De PDF provincie-limburg-expeditie-ruimte-kompas.pdf 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.
Een soortgelijk probleem zien we terug bij PDF provincie-limburg-expeditie-ruimte-kompas.pdf. Ook deze PDF is niet gecodeerd (van tags voorzien).

Bevinding 8: In het Word document waar vanaf pagina https://www.expeditieruimte.nl/omgevingsvisie-limburg/ wordt gelinkt (https://expeditieruimte.nl/wp-content/uploads/Routeplanner.docx) zijn koppen aanwezig die niet als koppen zijn opgemaakt, bijvoorbeeld "Routeplanner op weg naar de omgevingswet", "Kernboodschap" en "Tijdlijn". De koppen zijn alleen vetgedrukt en niet opgemaakt als kop via stijlen.

Bevinding 9: Op pagina https://www.expeditieruimte.nl/omgevingsvisie-limburg/ wordt gelinkt naar een Word document met de tekstuele versie van de getoonde afbeelding (https://expeditieruimte.nl/wp-content/uploads/Routeplanner.docx). De afbeelding bevat tekst en is dus niet zuiver illustratief. Daarom moet er een toegankelijke tekst versie beschikbaar zijn.
Het docx-bestand is niet toegankelijk, zie bovenstaande bevinding maar als dit wel zo is dan geldt het als een toegankelijk alternatief en is aan dit criterium voldaan.

Bevinding 10: Op de pagina https://www.expeditieruimte.nl/cases/ kan gekozen worden tussen twee sorteringen van de resultaten. Er is een label "Sortering" met het attribuut for="order" maar het select element heeft niet de ID="order" waardoor dit label niet gekoppeld is aan het select element. Hulpsoftware weet nu niet dat er een "Sortering" geselecteerd wordt. Zorg voor een juiste koppeling van het label aan het select element.

Bevinding 11: Advies: Op de homepage ontbreekt de eerste kop (H1). Het is gebruikelijk om de content van een pagina te laten beginnen met een H1; op een homepage hoeft deze niet in beeld te staan en volstaat het om deze kop de naam te geven van de website. De afwezigheid van een H1 is een best practice en geen reden tot afkeur.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Bevinding 12: Op pagina https://www.expeditieruimte.nl/over-expeditie-ruimte/ wordt in de tekst onder de Koptekst "Voor wie is de leeromgeving Expeditie Ruimte?" verwezen naar de contactknop rechtsboven op de website (Stuur ons een bericht via de contactknop rechtsboven op de website). Dit is niet helpend voor blinde/slechtziende bezoekers en screenreadergebruikers. Vermijd termen zoals “rechtsboven” om aan dit criterium te voldoen.

Bevinding 13: Op pagina https://www.expeditieruimte.nl/over-expeditie-ruimte/ staat onder de koptekst "Implementatie Omgevingswet" de volgende tekst "De relevante bijeenkomsten en cases herken je aan het OW logo." Op deze pagina komt het desbetreffende 'logo' niet voor, maar wel op bv. https://www.expeditieruimte.nl/agenda/online-sessie-wethouders-omgevingswet/. Hier heeft het echter de alt tekst "Omgevingswet" en niet "OW logo". Dit logo is dus nu alleen door zintuigelijke eigenschappen herkenbaar en niet voor screenreadergebruikers.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Bevinding 14: Op pagina https://www.expeditieruimte.nl/#popup1 is een formulier waar de bezoeker zich in kan schrijven voor de nieuwsbrief.
Hier kan de bezoeker onder andere het eigen e-mailadres en voor- en achternaam invullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email".
Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/tr/wcag21/#input-purposes.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 15: Op pagina https://www.expeditieruimte.nl/ in de cookiemelding wordt een witte kleur tekst (Deze website maakt gebruik van cookies.) op een oranje kleur (HEX #FB5012) achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is 3.3:1 waar dit 4,5:1 moet zijn.
Ook de tekst eronder beginnend met "Deze website gebruikt cookies" heeft een te laag contrast, nl. een lichtroze kleur (HEX #FEE4DB) op een oranje achtergrond. De contrastverhouding is 2.7:1 waar dit 4,5:1 moet zijn.
Dit geldt ook voor het sluitknopje (kruisje) en de tekst Strikt noodzakelijk en Details weergeven.

Bevinding 16: Op https://www.expeditieruimte.nl/ en elke andere pagina staat onderaan de pagina een bol waar als je erover heen hovert een oranje soort badge verschijnt met de tekst "Cookie-Instellingen". De witte tekst (16px) heeft een te laag contrast op de oranje (HEX #FB5012) achtergrond. De contrastverhouding is 3.3:1 waar dit 4,5:1 moet zijn.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Bevinding 17: Advies: Op pagina https://www.expeditieruimte.nl/omgevingsvisie-limburg/ staat een afbeelding met tekst. Er is een toegankelijk alternatief, het Word document:
https://expeditieruimte.nl/wp-content/uploads/Routeplanner.docx. Dit document heeft echter een toegankelijkheidsprobleem, zie 1.3.1. Zorg dat het toegankelijke alternatief volledig toegankelijk is.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Bevinding 18: Op pagina https://www.expeditieruimte.nl/ en op alle andere pagina gebeurt er iets met de cookie instellingen knop wanneer je inzoomt naar 400% bij een resolutie van 1920x1080. De knop klapt bij focus dan niet meer uit, waardoor je de tekst "Cookie Instellingen" niet meer kunt lezen en hierdoor niet weet wat de knop doet.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 19: Op pagina https://www.expeditieruimte.nl/ en op elke andere pagina in de footer wordt een zwarte focusrand gebruikt op een grijze (#525252) achtergrond. De contrastratio is hier te laag, nl. 2.6:1 waar dit minimaal 3:1 moet zijn.
Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast.

Bevinding 20: Op pagina https://www.expeditieruimte.nl/panorama-zuid-limburg/ staat een video. Wanneer deze afspeelt is er rechtsboven een kruisje zichtbaar om de video te sluiten. Bij toetsenbordfocus heeft de zwarte focusrand op de donkere achtergrond (HEX #171717) een te laag contrast. De contrastverhouding is 1.2:1 waar dit minimaal 3:1 moet zijn. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand met voldoende contrast toe te voegen.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Bevinding 21: Op pagina https://www.expeditieruimte.nl/cases/ staat een uitklapmenu met de tekst "Laatst gepubliceerd".
Wanneer bezoekers op pagina https://www.expeditieruimte.nl/cases/ de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium, past de tekst niet meer binnen het oranje kader van het uitklapmenu. Dit geldt ook voor de andere keuze in het menu, "Oudste uitgegeven", hier loopt het pijlicoon door de tekst heen. Zorg ervoor dat informatie beschikbaar en leesbaar blijft, ook wanneer bezoekers een eigen tekstopmaak toepassen.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Bevinding 22: Op de pagina https://www.expeditieruimte.nl/panorama-zuid-limburg/ wordt gebruikgemaakt van de videospeler van Blue Billywig. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld f voor fullscreen. Deze functionaliteit is iets wat mensen die afhankelijk zijn van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Zorg ervoor dat dit commando uitgeschakeld is of uit te schakelen is.

2.4 Navigeerbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Bevinding 23: De PDF provincie-limburg-expeditie-ruimte-kompas.pdf heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond.

Bevinding 24: De PDF Advertentie-cNRD-VAWOZ.pdf heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond.

Bevinding 25: Advies: De paginatitel van de Agenda pagina is "Archief Agenda", terwijl de kop H1 Agenda is en op de overige pagina's ook over Agenda gesproken wordt. Overweeg om de paginatitel te wijzigen in Agenda.
Dit zien we ook terug bij de paginatitel van Cases, hier luidt de paginatitel "Archief Cases" maar verder wordt de benaming Cases gebruikt. Overweeg om de paginatitel te wijzigen in Cases.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 26: Op pagina https://www.expeditieruimte.nl/agenda_categorie/mobiliteit/ gaat je focus (wanneer je navigeert met het toetsenbord) nadat je het filter hebt geselecteerd weer terug naar de bovenkant van de pagina. Zorg er hier voor dat de focus naar de volgende filter mogelijkheid gaat. Dit komt ook voor op pagina https://www.expeditieruimte.nl/cases/.

Bevinding 27: Op de pagina https://www.expeditieruimte.nl/ staat een link met de tekst "Klik hier om je in te schrijven voor onze nieuwsbrief".
Het klikken op de link opent een dialoogvenster (https://www.expeditieruimte.nl/#popup1). Dit dialoogvenster komt voor de pagina te staan. Het is mogelijk dat elementen onder het venster toetsenbord focus krijgen waardoor niet te zien is welk element focus heeft. Zorg ervoor dat de focus binnen de dialoogvenster blijft zolang deze open staat.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 28: De link Aanmelden op pagina https://www.expeditieruimte.nl/agenda/ heeft wel een aria-label (Meer info Netwerkevent Spil in de Wijk) maar die beschrijft het linkdoel niet. Daarnaast verwijst de Aanmelden link naar dezelfde pagina waarop hij staat, de 'Agenda' pagina.

Bevinding 29: Op pagina https://www.expeditieruimte.nl/panorama-zuid-limburg/ heeft het icoon van de playknop waarmee een video wordt geopend geen toegankelijke naam. Omdat de link daarmee geen linkdoel heeft, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk wat de link doet. 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

Bevinding 30: Op pagina https://www.expeditieruimte.nl/agenda/ is een link "Aanmelden" me de toegankelijke naam "Meer info Netwerkevent Spil in de Wijk". Dit bevat niet de naam die visueel zichtbaar is. Zorg ervoor dat de visuele naam in de toegankelijke naam aanwezig is, liefst vooraan.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Bevinding 31: Op de pagina https://www.expeditieruimte.nl/404/ staat een tekst "We could not locate the page you are looking for...". 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="en-GB" toe te voegen.

3.2 Voorspelbaar

3.2.4 Consistente identificatie (Niveau AA)

Informatie over succescriterium 3.2.4 Consistente identificatie

Bevinding 32: In het menu in de header o.a. op pagina https://www.expeditieruimte.nl/ staat een link naar de pagina "Over Expeditie ruimte". In het menu in de footer heet de link naar dezelfde pagina "Over ons". Dit is verwarrend, het zijn andere benamingen voor dezelfde pagina.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Bevinding 33: Wanneer bezoekers op pagina https://www.expeditieruimte.nl/contact/ geen of foutieve invoer invullen, verschijnen er foutmeldingen onder de formuliervelden. Bijvoorbeeld 'Minstens één veld moet ingevuld zijn'. Een goede foutidentificatie vermeld welke fout is gemaakt, en waar de fout is gemaakt. Bijvoorbeeld 'Het veld Voor- en achternaam is niet ingevuld’. Dat een veld verplicht is, is een foutsuggestie zoals omschreven bij succescriterium 3.3.3.
Iets wat niet afkeurbaar is, maar wel noemenswaardig is, is de foutmelding/koptekst H2 boven het formulier verschijnt: "Er was een probleem met je inzending. Controleer de onderstaande velden". Deze zinnen staan over elkaar heen, waarschijnlijk door de ingestelde "line-height".

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Bevinding 34: Op pagina https://www.expeditieruimte.nl/contact/ staat een contactformulier. Wanneer je op "Versturen" klinkt terwijl er geen velden zijn ingevuld, krijg je onder elk veld de melding "Minstens één veld moet ingevuld zijn". Deze melding staat nergens op de pagina voordat je gaat versturen.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 35: Op pagina https://www.expeditieruimte.nl/ staat in de header een zoek icoon in de header. Deze knop heeft geen (goede) toegankelijke naam. Het is voor screenreadergebruikers nu niet duidelijk wat de knop doet.

Bevinding 36: Op pagina https://www.expeditieruimte.nl/panorama-zuid-limburg/ staat afspeellink op de video. Deze knop heeft geen (goede) toegankelijke naam. Het is voor screenreadergebruikers nu niet duidelijk wat de knop doet.

Bevinding 37: Op pagina https://www.expeditieruimte.nl/agenda/ staat knop Aanmelden. Deze knop heeft geen (goede) toegankelijke naam. Het is voor screenreadergebruikers nu niet duidelijk wat de knop doet.

Bevinding 38: Bijvoorbeeld op de pagina https://www.expeditieruimte.nl/agenda/ is het menuiten "Agenda" onderstreept om aan te geven dat dit de huidige pagina is. Software deze status niet bepalen waardoor blinden deze informatie missen. Dit kan je bijvoorbeeld oplossen met een aria-current-attribuut.

Bevinding 39: Op pagina https://www.expeditieruimte.nl/cases/ staat een kaart van Limburg. Door middel van pins zijn verschillende locaties aangegeven. Bijvoorbeeld bovenin de kaart is een pin die een filter zet op alle artikelen met betrekking op Noord-Limburg. Deze pins hebben geen toegankelijke naam. Voeg een toegankelijke naam toe om dit probleem op te lossen.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Bevinding 40: Op pagina https://www.expeditieruimte.nl/over-expeditie-ruimte/ is het voor ziende gebruikers duidelijk dat er een slide met foto's begint af te spelen wanneer je de Afspelen knop aanklikt. Maar deze informatie is niet beschikbaar voor bezoekers die afhankelijk zijn van hulpsoftware. Maak bijvoorbeeld gebruik van een statusbericht dat aangeeft dat er een slide met foto's begint af te spelen/stopt met afspelen.

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

• Home:
  https://www.expeditieruimte.nl/
• Contact:
  https://www.expeditieruimte.nl/contact/
• 404:
  https://www.expeditieruimte.nl/404/
• Agenda:
  https://www.expeditieruimte.nl/agenda/
• Agenda sessie:
  https://www.expeditieruimte.nl/agenda/online-sessie-wethouders-omgevingswet/
• PDF #1:
  https://www.expeditieruimte.nl/wp-content/uploads/provincie-limburg-expeditie-ruimte-kompas.pdf
• Routeplanner:
  https://www.expeditieruimte.nl/omgevingsvisie-limburg/
• Zoekresultaten:
  https://www.expeditieruimte.nl/search/wonen/
• Cases:
  https://www.expeditieruimte.nl/cases/
• Case #1:
  https://www.expeditieruimte.nl/cases/van-winkels-naar-wonen/
• Video:
  https://www.expeditieruimte.nl/panorama-zuid-limburg/
• Over:
  https://www.expeditieruimte.nl/over-expeditie-ruimte/
• PDF #2:
  https://www.expeditieruimte.nl/wp-content/uploads/Advertentie-cNRD-VAWOZ.pdf

Ondersteunende technieken

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

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.