Toegankelijkheidsonderzoek

Rapport:
Audit digitale toegankelijkheid website Atlas Limburg


Onderzoeker
Ralph, Swink & Eva, Swink; Renate, Swink
Datum
27 oktober 2023
Opdrachtgever
Provincie Limburg

Samenvatting onderzoeksresultaat

De website Atlas Limburg voldoet nog niet aan WCAG 2.1 niveau AA. Er zijn 26 van de 50 succescriteria waar één of meer fouten zijn gevonden. In dit document is vastgelegd in hoeverre de website voldoet aan de toegankelijkheidseisen die vastgelegd zijn in WCAG, de Web Content Accessibility Guidelines.

De website portal.prvlimburg.nl is onderzocht tussen 25 september 2023 en 27 oktober 2023. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. De content voldoet nog niet aan alle onderzochte succescriteria. Dit rapport vormt de basis om verder te werken aan een toegankelijke website.

Dit zijn de belangrijkste conclusies uit het onderzoek:

Het onderzoek richt zich specifiek op de toegankelijkheid van de website voor mensen met een functiebeperking, zoals mensen die blind, doof, laaggeletterd zijn of andere functieproblemen hebben. Voor hen is het van belang dat de website technisch en inhoudelijk zo is ingericht dat de site voor hen goed bruikbaar is. Een website optimaliseren voor toegankelijkheid heeft meer voordelen; het maakt de website beter bruikbaar voor iedereen (bijvoorbeeld ook voor mensen die op hun mobieltje kijken in een zonnige omgeving) en het maakt de site beter vindbaar in zoekmachines.

Scope van de evaluatie

Naam website Atlas Limburg
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op portal.prvlimburg.nl.
  • Alle PDF's op portal.prvlimburg.nl.
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
Basisniveau van toegankelijkheid ondersteund Gangbare browsers en hulpsoftware.

Overzicht toetsresultaat

Principe Voldoende Onvoldoende Onbekend
1 Waarneembaar 8 12 0
2 Bedienbaar 9 8 0
3 Begrijpelijk 6 4 0
4 Robuust 1 2 0
Totaal 24 26 0

Leeswijzer

Dit onderzoek is een momentopname. De website kan inmiddels veranderd zijn. De gevonden problemen zijn slechts voorbeelden. Ga daarom bij elk probleem de gehele website na of dit ook op andere plaatsen voorkomt. Dit onderzoek is slechts een steekproef van een aantal pagina's. Er zijn zo veel mogelijk verschillende type pagina's opgenomen in de sample om zo een goede indruk te krijgen van de toegankelijkheid. Let op! Bij het aanbrengen van verbeteringen of wijzigingen op de website/app kunnen nieuwe problemen ontstaan. Succescriteria gemarkeerd met "Niet aanwezig" worden automatisch goedgekeurd. Succescriteria gemarkeerd met "Onbekend" worden niet goedgekeurd.

Uitgebreide toetsresultaten


1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties.

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: De kaart op pagina portal.prvlimburg.nl/viewer/app/default is geplaatst binnen een img-element zonder alternatieve tekst. Voeg minimaal een beschrijvende alternatieve tekst toe binnen het alt-attribuut.

Op pagina portal.prvlimburg.nl/viewer/app/default staat het logo van de provincie Limburg. Deze afbeelding heeft geen alternatieve tekst. De alternatieve tekst van een logo moet minimaal de naam van de organisatie bevatten. Als de afbeelding als link dient kan er ook een beschrijvend linkdoel aan de alternatieve tekst toegevoegd worden.

Op pagina portal.prvlimburg.nl/viewer/app/default staan aan de linkerkant een rijtje met SVG-afbeeldingen (zoeken, printen, bookmark maken etc.). Deze afbeeldingen hebben betekenis maar de naam ontbreekt. Los dit op met een title-element met een alternatieve tekst als eerste child-element toe te voegen of door een aria-label op het a-element toe te voegen en de svg te verbergen voor hulpsoftware met aria-hidden. Dit geldt ook voor de afbeeldingen aan de bovenkant van de kaart (slepen, zoomen, volledig kaartbeeld etc.). Deze afbeeldingen hebben betekenis maar de naam ontbreekt. Er volgt dus geen beschrijving door screenreadersoftware. (De elementen worden overigens wel door de screenreader als knoppen geïdentificeerd, maar er wordt nu een generieke "schakelknop niet ingeschakeld" opgelezen.).

Op pagina portal.prvlimburg.nl/viewer/app/default verschijnt in het filterpaneel rechts een legenda onder het tabblad 'Legenda', indien men een filter kiest onder het tabje "Bibliotheek". Als men bijvoorbeeld "Economie en bedrijvigheid" aanvinkt, komen bedrijventerreinen op de kaart in beeld. De legenda is een afbeelding van tekst, zonder alternatieve beschrijving. Er is daardoor voor blinde bezoekers geen andere wijze om te weten wat er op deze afbeelding aanwezig is. Zorg voor een alternatieve manier van het presenteren van de legenda, bijvoorbeeld middels een lijst of tabel. Zie tevens SC 1.4.1 en 1.4.5

De X en - iconen om de dialoogvensters te sluiten op de hele website hebben geen alternatieve tekst. Daarnaast zijn deze iconen met CSS op de pagina geplaatst. Dit betekent dat wanneer bezoekers een eigen stylesheet gebruiken, bijvoorbeeld om het uiterlijk van de tekst op de pagina aan te passen, deze iconen niet meer zichtbaar zijn. Plaats daarom alleen puur decoratieve content met CSS op de website.

In het dialoogvenster 'Download bestanden' op pagina portal.prvlimburg.nl/viewer/app/default staan iconen waarmee bezoekers naar een vorige, volgende, eerste of laatste pagina kunnen navigeren. Deze iconen hebben geen alternatieve tekst, waardoor het voor bezoekers die gebruik maken van voorleessoftware niet duidelijk is waar deze elementen voor dienen.

Wanneer bezoekers op pagina portal.prvlimburg.nl/viewer/app/default de optie 'Print kaartbeeld' kiezen verschijnt na een laadanimatie een afbeelding van een printvoorbeeld. Deze afbeelding heeft geen alternatieve tekst en is niet verborgen voor hulpsoftware. Voeg ofwel een alternatieve tekst toe binnen een alt-attribuut, of voeg een leeg alt-attribuut toe.

In PDF portal.prvlimburg.nl/themas/natuur/data/GLP_Voortgangsrapportage_Natuur_v8.0.pdf komen meerdere bevindingen op dit succescriterium voor:

  • Op pagina 1 staat onderaan een logo van de organisatie. Dit logo heeft geen alternatieve tekst middels een toegankelijkheidstag, waardoor er "120413_IPO_BIJ12_Logo_Wide_RGB" voorgelezen wordt. Zorg dat het logo een tekstalternatief krijgt.
  • Op de voorpagina staat een decoratieve afbeelding van klaprozen. Deze afbeelding heeft geen beschrijving en is niet als artefact aangemerkt. Voor informatieve afbeeldingen geldt dat ze een beschrijving moeten hebben van de informatie die er in staat. De decoratieve afbeeldingen dienen als artifact te worden getagd.
  • Op pagina 10 komt een figuur voor zonder alternatieve tekst.

1.2 Op tijd gebaseerde media

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

Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen louter-videobeeld is het volgende waar, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld:

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

Uitkomst: Niet aanwezig


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

Er worden ondertitels voor doven en slechthorenden geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

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

Uitkomst: Niet aanwezig


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

Er wordt een alternatief geleverd voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

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

Uitkomst: Niet aanwezig


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

Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media.

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

Uitkomst: Niet aanwezig


1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Niet aanwezig


1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie, structuur en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevindingen: Op de pagina portal.prvlimburg.nl/viewer/app/default staan rechtsboven "Niet Ingelogd"/"Inloggen" en een Gebruikers icoontje. Dit icoon staat met een <img> tag binnen een <ul> (unordered list). Dit element moet in een <li> (list) tag staan.

Op pagina portal.prvlimburg.nl/themas/natuur/metadata/broedvogels_vlakdek_ronde1_p.xml worden koppen gebruikt die niet als koppen zijn opgemaakt, bijvoorbeeld "Broedvogelbestand vlakdekkend - 1e ronde 1990-1997". Gebruik een kop-element zoals het h2-element om deze teksten op te maken. Volg daarbij een logische, aflopende koppenstructuur. Dit probleem doet zich veelvuldig voor op de website.
Aanvullend advies: 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. Voor een gewone pagina volstaat de titel van de pagina. De afwezigheid van een H1 is een best practice voor AA status en geen reden tot afkeur.

Het menu op onder andere pagina portal.prvlimburg.nl/themas/natuur/metadata/broedvogels_vlakdek_ronde1_p.xml is opgemaakt met een tabel-element. Aangezien dit geen tabel is, gaat het hier om presentatiedoeleinden en moet de tabelstructuur verborgen worden voor hulpsoftware. Beter is om hier helemaal geen tabelstructuur te gebruiken maar tabs (zie 4.1.2). Dit omdat deze elementen nu geen juiste rol hebben, en niet bedienbaar zijn met het toetsenbord. Een tabel voor presentatiedoeleinden komt op meerdere pagina's voor, waaronder op pagina portal.prvlimburg.nl/viewer/action/login=.

Wanneer een bezoeker via de kaart een locatie aanklikt, verschijnt een dialoogvenster. In dit dialoogvenster staat meerdere keren de linktekst 'Codelijst' en 'Meer'. Wanneer bezoekers op 'Meer' klikken verschijnt nog een dialoogvenster. De informatie in dit venster is opgemaakt als tabel, met visuele kopaanduidingen, maar de tabelkoppen ontbreken. Zorg ervoor dat als er visuele koppen aanwezig zijn, deze ook programmatisch aanwezig zijn door tabelkoppen toe te voegen. Dit geldt ook voor de gegevens in het dialoogvenster 'Download bestanden'.

In het dialoogvenster 'Download bestanden' op pagina portal.prvlimburg.nl/viewer/app/default staan een select-element met visueel de naam 'Shape'. Dit element heeft geen label, waardoor het voor bezoekers die gebruik maken van voorleessoftware niet duidelijk wat hier geselecteerd moet worden. Zorg ervoor dat het voor alle bezoekers duidelijk is welke invoer van hen verwacht wordt.

Wanneer bezoekers op pagina portal.prvlimburg.nl/viewer/app/default de optie 'Print kaartbeeld' kiezen verschijnt een dialoogvenster met meerdere invoerelementen. Deze elementen missen een toegankelijke naam om labels niet op de juiste manier zijn gekoppeld aan de invoerelementen. Zorg ervoor dat het voor alle bezoekers duidelijk is welke invoer van hen verwacht wordt.

Het invoerveld in de zoekfunctie op pagina portal.prvlimburg.nl/viewer/app/default mist een toegankelijke naam omdat het label niet op de juiste manier gekoppeld is. Zorg ervoor dat het voor alle bezoekers duidelijk is welke invoer van hen verwacht wordt.

Het is voor ziende bezoekers duidelijk dat de uitklapbare elementen in het filtermenu aan de rechterkant van pagina portal.prvlimburg.nl/viewer/app/default uitgeklapt zijn of niet. Deze informatie is echter niet beschikbaar voor hulpsoftware. Maak bijvoorbeeld een knop van de pijl om de categorie uit te klappen en geef het attribuut aria-expanded true of false mee.

In PDF portal.prvlimburg.nl/themas/natuur/data/GLP_Voortgangsrapportage_Natuur_v8.0.pdf komen meerdere toegankelijkheidsfouten voor:

  • De PDF mist correcte semantische opmaak, zoals kop-elementen voor kopteksten en een correcte lijstopmaak.
  • Er worden tabellen gebruikt voor de opmaak van content, waar dit niet gepast is. Dit is verwarrend voor bezoekers die gebruik maken van voorleessoftware. Verwijder de tabelopmaak op plaatsen waar geen daadwerkelijke tabel geplaatst is.
  • Op pagina 2 van 22 in het Colofon wordt gebruik gemaakt van een tabel “Versiebeheer/wijzigingshistorie”. De koppen zijn goed gemarkeerd met een th-element. Echter, hulpsoftware kan de relatie tussen deze kop- en datacellen niet bepalen. De koppen moeten geassocieerd worden met de onderliggende cellen. Zorg dat de cellen een relatie hebben met de koppen. Dit kan bijvoorbeeld door het scope-attribuut in het th-element te plaatsen.
  • Er worden regelmatig leestekens gebruikt om witruimte op te vullen. Bijvoorbeeld de inhoudsopgave op pagina 4 middels punten tussen de titels en de corresponderende pagina's. Er valt te lezen dat 1. Inleiding te vinden is op pagina 5. Schermleessoftware leest hier echter "één inleiding achtennegentig punt vijf".

De PDF op pagina portal.prvlimburg.nl/themas/landschap/data/Legenda_uitleg_Landschapskader_NML.pdf is niet gecodeerd en daardoor is er 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 alt-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Advies: Op meerdere pagina's, zoals op pagina portal.prvlimburg.nl/themas/cultuurhistorie/metadata/maasdal_nz_nl_contouren_ssl.xml, staan teksten die beter als opsomming opgemaakt kunnen worden om ze beter leesbaar te maken voor bezoekers die gebruik maken van bijvoorbeeld voorleessoftware, zoals de tekst onder 'Metadata auteur' in het tabblad 'Metametadata'.


1.3.2 Betekenisvolle volgorde (Niveau A)

Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een correcte leesvolgorde door software bepaald worden.

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Voldoende


1.3.3 Zintuiglijke eigenschappen (Niveau A)

Instructies die geleverd worden om content te begrijpen en te bedienen zijn niet alleen afhankelijk van zintuiglijke eigenschappen van componenten zoals vorm, kleur, omvang, visuele locatie, oriëntatie of geluid.

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Voldoende


1.3.4 Weergavestand (Niveau AA)

De content beperkt de weergave en bediening niet tot een enkele presentatie-oriëntatie, zoals staand of liggend, tenzij een specifieke presentatie-oriëntatie essentieel is.

Informatie over succescriterium 1.3.4 Weergavestand

Uitkomst: Onvoldoende

Bevindingen: Indien de weergavestand van pagina portal.prvlimburg.nl/viewer/app/default op staand (portretmodus) wordt getoond, gaat functionaliteit en informatie verloren.
Bij een weergave van 320px, een veel voorkomend mobiel formaat, dekt het filtermenu rechts het gehele oppervlak van de kaart. Tevens zijn links in het hoofdmenu zoals "Home" "Help" en "Contact" niet meer zichtbaar.
Bij weergave van 768px, een veel voorkomend tablet formaat, staan de links in het hoofdmenu over elkaar heen, zoals "Inloggen" en "Contact".


1.3.5 Identificeer het doel van de input (Niveau AA)

Het doel van elk invoerveld waarmee informatie van de gebruiker wordt verzameld, kan door software bepaald worden wanneer:

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevindingen: Op pagina portal.prvlimburg.nl/viewer/action/login= staat een inlogformulier waar men gebruikersnaam & wachtwoord kan 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 het wachtwoord autocomplete="email".


1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden.

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevindingen: Op pagina portal.prvlimburg.nl/themas/cultuurhistorie/metadata/maasdal_nz_nl_contouren_ssl.xml onder het sub kopje "Dekking" staat groente tekst (HEX #2E8B57) zoals bijvoorbeeld "Omgrenzende rechthoek in decimale graden". Op het blote oog ziet het eruit als een stijlkeuze, maar dit betreft een uitklapbaar element. Slechtzienden en kleurenblinden kunnen hierdoor mogelijk niet herkennen dat er een interactieve functie is. Zorg ervoor dat deze elementen in de lopende tekst ook herkenbaar zijn aan minimaal één andere eigenschap, bijvoorbeeld door dit tekstueel te vermelden. Een alternatief zou zijn de uitklapfunctie van de tekst te verwijderen en dit middels een icoontje te regelen.

Op pagina portal.prvlimburg.nl/viewer/app/default verschijnt in het filterpaneel rechts een legenda onder het middelste tabje, indien men een filter kiest onder het tabje "Bibliotheek". Als men bijvoorbeeld "Economie en bedrijvigheid" aanvinkt, komen bedrijventerreinen op de kaart in beeld. De legenda bestaat dan uit een reeks gekleurde blokjes met beschrijving. Kleur is hier het enige visuele middel om informatie over te brengen. Slechtziende en kleurenblinde bezoekers kunnen de getoonde informatie niet onderscheiden. Zorg ervoor dat ieder item in de legenda en corresponderende elementen op de kaart op minimaal één andere visuele manier toegankelijk is. Zie tevens SC 1.1.1 en 1.4.5

Wanneer bezoekers op pagina portal.prvlimburg.nl/viewer/app/default in het dialoogvenster 'Tekenen' bij 'Opslaan als bestand' de invoervelden niet invullen, krijgt de bezoeker alleen een foutmelding in de vorm van rood omrande invoervelden. Zorg ervoor dat kleur niet de enige vorm van informatie is voor bezoekers.


1.4.2 Geluidsbediening (Niveau A)

Als een geluidsweergave op een webpagina automatisch meer dan 3 seconden speelt, is er of een mechanisme beschikbaar om de geluidsweergave te pauzeren of te stoppen, of er is een mechanisme beschikbaar om het geluidsvolume onafhankelijk van het overall systeemvolume te regelen.

Informatie over succescriterium 1.4.2 Geluidsbediening

Uitkomst: Niet aanwezig


1.4.3 Contrast (minimum) (Niveau AA)

De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevindingen: Op pagina's portal.prvlimburg.nl/themas/cultuurhistorie/metadata/maasdal_nz_nl_contouren_ssl.xml en portal.prvlimburg.nl/themas/natuur/metadata/broedvogels_vlakdek_ronde1_p.xml staan bovenaan een reeks tabjes. Het contrast is te laag indien een tab met hover of toetsenbord de focus ontvangt, of het huidige tabblad is. Het contrast van de witte tekst (HEX# FFFFFF) op de lichtblauwe achtergrond (HEX #A9BECF) is te laag. De contrastverhouding is hier 1,9:1, waar dit minimaal 4,5:1 moet zijn.

In PDF portal.prvlimburg.nl/themas/natuur/data/GLP_Voortgangsrapportage_Natuur_v8.0.pdf wordt gebruik gemaakt van oranje tekst (HEX #CF6045) op een witte achtergrond (HEX #FFFFFF), bijvoorbeeld "2.4.1 Schema validatie". De contrastverhouding is hier 3,9:1, waar dit minimaal 4,5:1 moet zijn.

De website maakt gebruik van de service Cyclomedia. Hierin komen meerdere toegankelijkheidsfouten voor, waaronder dat er meerdere tekstuele contrastproblemen voorkomen.


1.4.4 Herschalen van tekst (Niveau AA)

Behalve voor ondertitels voor doven en slechthorenden en afbeeldingen van tekst, kan tekst zonder hulptechnologie tot 200% geschaald worden zonder verlies van content of functionaliteit.

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevindingen: Op pagina portal.prvlimburg.nl/viewer/app/default staat in de HTML-code bij meta name="viewport" de volgende instellingen: "maximum-scale=1" en "user-scale=0". Op mobiel of tablet kunnen bezoekers met bijvoorbeeld een Android browser daarom niet inzoomen. Laat deze instelling weg. Zie tevens SC 1.4.10


1.4.5 Afbeeldingen van tekst (Niveau AA)

Als de gebruikte technologieën de visuele weergave tot stand kunnen brengen, wordt tekst gebruikt in plaats van afbeeldingen van tekst om informatie over te brengen, behalve in de volgende gevallen:

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevindingen: Op pagina portal.prvlimburg.nl/viewer/app/default verschijnt in het filterpaneel rechts een legenda onder het middelste tabje, indien men een filter kiest onder het tabje "Bibliotheek". Als men bijvoorbeeld "Economie en bedrijvigheid" aanvinkt, komen bedrijventerreinen op de kaart in beeld. De legenda bestaat dan uit een reeks gekleurde blokjes met beschrijving. Dit betreft echter onder "Bedrijfskavels 2022" één afbeelding, terwijl er 12 verschillende blokjes opgesomd staan. Het is belangrijk dat bezoekers tekst kunnen aanpassen, bijvoorbeeld om de tekstgrootte of regelafstand te vergroten. Met tekst in een afbeelding kan dit niet. Plaats deze informatie daarom bij voorkeur alléén, of in ieder geval óók als platte tekst op de pagina. Zie tevens SC 1.1.1 en 1.4.1

In PDF portal.prvlimburg.nl/themas/natuur/data/GLP_Voortgangsrapportage_Natuur_v8.0.pdf staat op pagina 21 van 22 een afbeelding met tekst, te weten "Figuur 1: Processchema levering natuurkwantiteit VRN". Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De enige tekst op de afbeelding komt op pagina 20 voor, maar niet alles. Blinden en slechtzienden missen hierdoor bijvoorbeeld de toelichting en een link naar een derde partij. Plaats deze tekst daarom ook als platte tekst op de pagina.


1.4.10 Reflow (Niveau AA)

Content kan zonder verlies van informatie of functionaliteit en zonder te moeten scrollen in twee dimensies, worden weergegeven voor:

Met uitzondering van delen van de content die voor het gebruik of de betekenis een tweedimensionale lay-out vereisen.

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevindingen: Indien bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verdwijnt op pagina portal.prvlimburg.nl/viewer/app/default een deel van de functionaliteiten buiten beeld. De kaartlagen in het filterpaneel rechts zijn bijvoorbeeld niet meer toegankelijk en er is geen vervangende scrollbalk. De items in het hoofdmenu zitten over elkaar heen. Zorg ervoor dat de functionaliteiten van de pagina bewaard blijven. Zie tevens SC 1.4.4

Wanneer bezoekers met een schermgrootte van 1280x1024px inzoomen naar vanaf 200% dan verdwijnt op pagina portal.prvlimburg.nl/themas/cultuurhistorie/metadata/maasdal_nz_nl_contouren_ssl.xml (en gelijksoortige pagina's) een deel van de blauwe menubalk bovenin uit beeld. Ter vervanging verschijnt een scrollbalk om de tekst te kunnen bekijken. Vermijd de scrollbalk in de leesrichting (horizontaal) en zorg ervoor dat de menubalk geheel zichtbaar blijft.


1.4.11 Contrast van niet-tekstuele content (Niveau AA)

De visuele weergave van het volgende heeft een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren:

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Op pagina portal.prvlimburg.nl/viewer/app/default staat een horizontale slider met de naam "Transparantie". Het contrast van de grijze knop (HEX #D2D0D0) op de witte achtergrond (HEX #FFFFFF) is te laag. De contrastverhouding is hier 1,5: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.

Op pagina portal.prvlimburg.nl/viewer/app/default staan in het filtermenu rechts een kolom lichtblauwe checkboxes (HEX #5FA2DD) op een witte achtergrond (HEX #FFFFFF). De contrastverhouding is hier te laag, teweten 2,7: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. Dit geldt ook voor de pijlen die aangeven dat de categorie uitgeklapt kan worden.

In onder andere het invoerveld in het dialoogvenster 'Tekenen' op pagina portal.prvlimburg.nl/viewer/app/default komen knoppen voor, waarin een lichtblauwe focusrand (HEX #DAE4EE) verschijnt bij focus. De contrastratio is hier 1,2:1 waar dat minimaal 3:1 moet zijn. Dit probleem doet zich in meerdere dialoogvensters voor.

De website maakt gebruik van de service Cyclomedia. Hierin komen meerdere toegankelijkheidsfouten voor, waaronder dat focusranden om interactieve elementen onvoldoende contrast hebben met de achtergrond.

Wanneer een bezoeker met behulp van de tekenfunctie bijvoorbeeld een cirkel op de kaart tekent, is dat zichtbaar door een semi-transparant kleurvlak in een door de bezoeker gekozen kleur. Echter, doordat het vlak doorschijnend is is de contrastwaarde regelmatig te laag. Overweeg om een sterker contrasterende rand toe te voegen. Een vergelijkbaar probleem komt voor bij de andere meet- en tekenfuncties.


1.4.12 Tekstafstand (Niveau AA)

Bij content die wordt geïmplementeerd met opmaaktalen die de volgende stijleigenschappen voor tekst ondersteunen, is er geen sprake van verlies van content of functionaliteit door het instellen van alle volgende, en door het niet wijzigen van andere stijleigenschappen:

Uitzondering: Menselijke talen en scripts die geen gebruik maken van een of meer van deze stijleigenschappen voor tekst in schriftelijke tekst, kunnen voldoen aan de eisen door alleen gebruik te maken van de eigenschappen die bestaan voor de betreffende combinatie van taal en script.

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers op pagina portal.prvlimburg.nl/viewer/app/default de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium, zijn de tabjes Bibliotheek, Legenda, Filteren en de knop Alle lagen uitschakelen niet meer (goed) leesbaar omdat content buiten beeld raakt. Zorg ervoor dat informatie beschikbaar en leesbaar blijft, ook wanneer bezoekers een eigen tekst opmaak toepassen.


1.4.13 Content bij hover of focus (Niveau AA)

Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, gelden de volgende zaken:

Uitzondering: De visuele weergave van de aanvullende content wordt beheerd door de user agent en wordt niet aangepast door de auteur.

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers pagina portal.prvlimburg.nl/viewer/app/default openen verschijnt er een dialoogvenster met de melding 'Wijziging bodeminformatie'. Wanneer bezoekers met de muis over de sluitknop hoveren verschijnt een tooltip met de tekst 'Close dialog'. Bezoekers kunnen deze content blijft niet staan tot de bezoeker de content zelf verwijderd, bezoekers kunnen niet met de muis over de aanvullende content bewegen en bezoekers kunnen de melding niet zelf weghalen zonder de focus of muishover te verplaatsen. Zorg ervoor dat deze drie dingen wél kunnen of verwijder de tooltip.


2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Alle functionaliteit van de content is bedienbaar via een toetsenbordinterface zonder dat afzonderlijke toetsaanslagen aan tijd gebonden zijn, behalve als de onderliggende functie een invoer vereist die afhangt van het pad dat de gebruiker aflegt en niet alleen van de eindpunten.

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevindingen: Bezoekers die met het toetsenbord navigeren kunnen in de kaartapplicatie geen locatie op de kaart selecteren met het toetsenbord. Hierdoor hebben zij ook geen toegang tot de dialoogvensters die dan verschijnen, en tot de overige pagina's in de sample. Zorg voor minimaal één volwaardig alternatief, bijvoorbeeld een sitemap van alle pagina's op de website of een lijst onder de kaartapplicatie. Dit geldt ook voor de tekenfunctie.

Wanneer bezoekers de zoekfunctie openen kunnen zij selecteren waar zij op zoeken. Wanneer een bezoeker echter met het toetsenbord een andere optie selecteert, verandert de tekst automatisch terug naar ‘Adresgegevens’. Zorg ervoor dat bezoekers dit element ook goed met het toetsenbord kunnen bedienen.

Op pagina portal.prvlimburg.nl/viewer/app/default verschijnt het dialoogvenster "Wijziging Bodeminformatie". De sluitknop en de knop ‘Ok’ zijn niet bereikbaar en bedienbaar met het toetsenbord. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord.

Op de pagina portal.prvlimburg.nl/viewer/app/default zijn meerdere elementen in de kaartapplicatie niet bereikbaar en bedienbaar met het toetsenbord, bijvoorbeeld de slider en de knop ‘Volledig kaartbeeld’. Zorg ervoor dat interactieve elementen zowel met de muis als met het toetsenbord bedienbaar zijn.

In het filtermenu onder het tabblad 'Bibliotheek' op pagina portal.prvlimburg.nl/viewer/app/default staan uitklapbare elementen die wel te bedienen zijn met de muis maar niet met het toetsenbord. Maak deze elementen op met bijvoorbeeld het button-element, en voeg een aria-expanded attribuut toe.

Op pagina portal.prvlimburg.nl/themas/cultuurhistorie/metadata/maasdal_nz_nl_contouren_ssl.xml is het niet mogelijk om door de tabs bovenaan de pagina te navigeren. De tabs zijn opgemaakt in een tabel. De links op de pagina zijn wel bereikbaar. Een vergelijkbaar probleem komt voor op pagina portal.prvlimburg.nl/themas/natuur/metadata/broedvogels_vlakdek_ronde1_p.xml. Ook hier is navigeren door de tabs met het toetsenbord niet mogelijk.

Wanneer bezoekers pagina portal.prvlimburg.nl/viewer/app/default openen verschijnt er een dialoogvenster met de melding 'Wijziging bodeminformatie'. Voor bezoekers die met de muis navigeren is het mogelijk om met een drag and drop functie deze melding te verplaatsen op de pagina. Voor bezoekers die gebruik maken van het toetsenbord is dit niet mogelijk. Zorg ervoor dat interactieve elementen zowel met de muis of met het toetsenbord toegankelijk zijn of zorg voor een toegankelijk volwaardig alternatief. Dit probleem doet zich meerdere keren voor.

De website maakt gebruik van de service Cyclomedia. Hierin komen meerdere toegankelijkheidsfouten voor, waaronder dat meerdere opties niet bereikbaar en bedienbaar zijn met het toetsenbord.


2.1.2 Geen toetsenbordval (Niveau A)

Als de toetsenbordfocus met de toetsenbordinterface verplaatst kan worden naar een component van de pagina, dan kan de focus ook met alleen de toetsenbordinterface weer van dat component weg worden bewogen. En, als er meer nodig is dan de standaard pijl- of tabtoetsen of andere standaard methoden om de focus te verplaatsen, dan wordt de gebruiker geïnformeerd over de manier waarop de focus kan worden verplaatst.

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Uitkomst: Voldoende


2.1.4 Enkel teken sneltoets (Niveau A)

Wanneer een sneltoets in content wordt geïmplementeerd door alleen letters (inclusief hoofdletters en kleine letters), leestekens, cijfers of symbolen te gebruiken, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Niet aanwezig


2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Voor elke tijdslimiet die door de content wordt ingesteld, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Niet aanwezig


2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Niet aanwezig


2.3 Toevallen en fysieke reacties

2.3.1 Drie flitsen of beneden drempelwaarde (Niveau A)

Webpagina's bevatten niets wat meer dan drie keer flitst in enige periode van één seconde of de flits is beneden de algemene flits- en rodeflitsdrempelwaarden.

Informatie over succescriterium 2.3.1 Drie flitsen of beneden drempelwaarde

Uitkomst: Voldoende


2.4.1 Blokken omzeilen (Niveau A)

Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen.

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevindingen: Op elke pagina ontbreekt een mechanisme om de herhalende content over te slaan. Dit kan opgelost worden 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)

Webpagina's hebben titels die het onderwerp of doel beschrijven.

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevindingen: De paginatitel op pagina portal.prvlimburg.nl/themas/cultuurhistorie/metadata/maasdal_nz_nl_contouren_ssl.xml ontbreekt. Zorg dat er door middel van het title-element een beknopte titel aanwezig is die de inhoud van de pagina beschrijft. Een vergelijkbaar probleem komt voor op pagina portal.prvlimburg.nl/themas/natuur/metadata/broedvogels_vlakdek_ronde1_p.xml.

De paginatitel van pagina portal.prvlimburg.nl/viewer/action/login= beschrijft wel het doel, maar niet de afzender van de pagina. Voeg ook de naam van de website toe aan de paginatitel.

De PDF portal.prvlimburg.nl/themas/natuur/data/GLP_Voortgangsrapportage_Natuur_v8.0.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.

De PDF op pagina portal.prvlimburg.nl/themas/landschap/data/Legenda_uitleg_Landschapskader_NML.pdf heeft wel een titel, maar de bestandsnaam wordt getoond bij openen. Zorg ervoor dat de titel wordt getoond bij openen.


2.4.3 Focus volgorde (Niveau A)

Als een webpagina sequentieel genavigeerd kan worden en de navigatiesequenties hebben invloed op de betekenis of het gebruik, dan krijgen focusbare componenten de focus in de juiste volgorde waardoor betekenis en bedienbaarheid behouden blijft.

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevindingen: Je kunt op de pagina portal.prvlimburg.nl/viewer/app/default met de tabtoets door de pagina navigeren nadat de pop-up is weggeklikt. Er is geen logische volgorde in de focus: deze begint namelijk bij de kaartlagen lijst, vervolgens naar de Transparantie slider en vervolgens kom je als laatste bij het hoofdmenu.
Zorg dat de focusvolgorde door webpagina's logisch is, wanneer men met het toetsenbord navigeert. Zie ook SC 2.4.7

De website maakt gebruik van de service Cyclomedia. Hierin komen meerdere toegankelijkheidsfouten voor, waaronder dat de focusvolgorde op meerdere plaatsen onlogisch of storend is.


Het linkdoel kan bepaald worden uit enkel de linktekst of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van de link een dubbelzinnige betekenis zou kunnen hebben voor gebruikers in het algemeen.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevindingen: Wanneer een bezoeker via de kaart een locatie aanklikt, verschijnt een dialoogvenster. In dit dialoogvenster staat meerdere keren de linktekst 'Codelijst' en 'Meer'. Wanneer linkteksten hetzelfde zijn, moeten ze ook naar dezelfde pagina verwijzen. Dit is nu niet het geval. Zorg ervoor dat linkteksten uniek zijn, door bijvoorbeeld de zichtbare tekst aan te passen of een screenreader-only tekst toe te voegen aan de linkteksten.

Advies: In de pop-up op pagina portal.prvlimburg.nl/viewer/app/default staat een link naar het Bodemloket. Dit betreft een externe pagina. Zorg dat aan de linktekst duidelijk is dat er naar een andere pagina genavigeerd wordt.


2.4.5 Meerdere manieren (Niveau AA)

Er is meer dan één manier beschikbaar om een webpagina binnen een verzameling webpagina's te vinden, behalve wanneer de webpagina het resultaat is van, of een stap in, een proces.

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevindingen: Er is maar één manier om alle pagina's binnen de website te vinden en dat is op pagina portal.prvlimburg.nl/viewer/app/default middels het filterpaneel rechts, hier moeten specifieke filters aangezet en een specifieke locatie op de (niet-toegankelijke) kaart geselecteerd worden, waarna een dialoogvenster met een linktekst verschijnt. Voeg nog minimaal één andere manier toe om de pagina’s te bereiken, zoals een zoekfunctie waarbij bezoekers op trefwoord kunnen zoeken of een sitemap.


2.4.6 Koppen en labels (Niveau AA)

Koppen en labels beschrijven het onderwerp of doel.

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Voldoende


2.4.7 Focus zichtbaar (Niveau AA)

Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is.

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevindingen: Wanneer op pagina portal.prvlimburg.nl/viewer/app/ een onderdelen zoals het hoofdmenu of de knoppenreeks links de focus hebben, is dat niet zichtbaar. Dit is zeer storend gezien de tabvolgorde ook niet optimaal is, hierdoor is het voor toetsenbordgebruikers vrijwel onmogelijk op te weten waar op de pagina ze zich bevinden. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen. Zie tevens SC 2.4.3 Dit probleem komt op meerdere plekken voor, waaronder met de selectievakjes in het dialoogvenster 'Snapping'.

In het filtermenu aan de rechter zijkant van pagina portal.prvlimburg.nl/viewer/app/default krijgt een onzichtbaar element toetsenbordfocus na 'Alle lagen uitschakelen'. Wanneer een bezoeker nu met de pijltoets naar beneden gaat, verschijnt een sorteerfunctie. Zorg ervoor dat de oorspronkelijke knop om deze functie te openen zichtbaar is en voorzien is van een toegankelijke naam en rol.


2.5 Input modaliteiten

2.5.1 Aanwijzergebaren (Niveau A)

Alle functionaliteit waarmee bij de bediening gebruik wordt gemaakt van meerpunts- of padgebaseerde gebaren, kan worden bediend met een enkele aanwijzer zonder een padgebaseerd gebaar, tenzij een meerpunts- of padgebaseerd gebaar essentieel is.

Informatie over succescriterium 2.5.1 Aanwijzergebaren

Uitkomst: Voldoende


2.5.2 Aanwijzerannulering (Niveau A)

Voor functionaliteit die kan worden bediend met een enkele aanwijzer, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.5.2 Aanwijzerannulering

Uitkomst: Onvoldoende

Bevindingen: Op pagina portal.prvlimburg.nl/themas/natuur/metadata/broedvogels_vlakdek_ronde1_p.xml staat een blauwe menubalk, waarvan de content direct verandert wanneer de bezoeker de muisknop indrukt. Links, knoppen en andere interactieve onderdelen mogen niet activeren op het moment dat je de muis indrukt maar pas bij het loslaten, tenzij dat essentieel is.


2.5.3 Label in naam (Niveau A)

Bij componenten van de gebruikersinterface met labels die tekst of afbeeldingen van tekst bevatten, bevat de naam de tekst die visueel wordt weergegeven.

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Voldoende


2.5.4 Bewegingsactivering (Niveau A)

Functionaliteit die kan worden bediend door de beweging van een apparaat of beweging van een gebruiker, kan ook worden bediend met componenten van de gebruikersinterface. De reactie op de beweging kan worden uitgeschakeld om onbedoelde activering te voorkomen, behalve wanneer:

Informatie over succescriterium 2.5.4 Bewegingsactivering

Uitkomst: Niet aanwezig


3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

De standaard menselijke taal van elke webpagina kan door software bepaald worden.

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevindingen: Op pagina portal.prvlimburg.nl/viewer/app/default ontbreekt een taalaanduiding van de inhoud van de pagina. Deze moet in de HTML-code worden opgegeven door middel van een lang-attribuut bij het HTML-element. Dit attribuut moet dan de landcode van de taal bevatten, in dit geval lang="nl". Dit probleem doet zich voor op alle getoetste pagina's.


3.1.2 Taal van onderdelen (Niveau AA)

De menselijke taal van elke passage of zin in de content kan door software bepaald worden, behalve waar het gaat om eigennamen, technische termen, woorden uit een onbepaalde taal en woorden of zinsdelen die deel zijn gaan uitmaken van het jargon van de onmiddellijk omringende tekst.

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Voldoende

Bevindingen: Let op: Op de website komen meerdere keren Engelstalige teksten voor, zoals 'Close dialog' en 'Loading...'. Let op dat zodra de taalinstelling van de pagina goed staat, deze teksten vertaald moeten worden.


3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

Als een component van de gebruikersinterface de focus krijgt, dan veroorzaakt dat geen contextwijziging.

Informatie over succescriterium 3.2.1 Bij focus

Uitkomst: Voldoende


3.2.2 Bij input (Niveau A)

Verandering van de instelling van een component van de gebruikersinterface veroorzaakt niet automatisch een contextwijziging, tenzij de gebruiker geïnformeerd is over het gedrag vóór het gebruik van de component.

Informatie over succescriterium 3.2.2 Bij input

Uitkomst: Voldoende


3.2.3 Consistente navigatie (Niveau AA)

Navigatiemechanismen, die op meerdere webpagina's binnen een verzameling webpagina's herhaald worden, komen elke keer dat ze worden herhaald in dezelfde relatieve volgorde voor, tenzij een verandering wordt geïnitieerd door de gebruiker.

Informatie over succescriterium 3.2.3 Consistente navigatie

Uitkomst: Onvoldoende

Bevindingen: Het menu zoals deze op pagina portal.prvlimburg.nl/viewer/app/default wordt getoond, is niet aanwezig op de andere pagina's uit de sample: portal.prvlimburg.nl/themas/cultuurhistorie/metadata/maasdal_nz_nl_contouren_ssl.xml en portal.prvlimburg.nl/themas/natuur/metadata/broedvogels_vlakdek_ronde1_p.xml.


3.2.4 Consistente identificatie (Niveau AA)

Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina's worden consistent geïdentificeerd.

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Voldoende


3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de fout zit geïdentificeerd en wordt de fout tekstueel aan de gebruiker meegedeeld.

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers op pagina portal.prvlimburg.nl/viewer/action/j_security_check geen of ongeldige informatie invullen en het formulier willen verzenden, verschijnt de melding 'Ongeldige inloggegevens'. De bezoeker moet een foutmelding krijgen wanneer een invoerveld niet goed is ingevuld of het formulier niet goed verzonden kan worden. De foutmelding moet beschrijven welke fout is gemaakt en wáár die is gemaakt.

Wanneer bezoekers op pagina portal.prvlimburg.nl/viewer/action/j_security_check ongeldige informatie invullen en het formulier willen verzenden, verschijnt een foutmelding en de velden worden automatisch geleegd. Als er een fout is gemaakt waardoor het formulier niet verzend, mag het niet zo zijn dat daardoor alle velden weer leeg zijn. Alle eerder ingevulde data moet in het formulier blijven staan.

De website maakt gebruik van de service Cyclomedia. Hierin komen meerdere toegankelijkheidsfouten voor, waaronder dat het formulier gebruik maakt van HTML5 foutmeldingen, in plaats van eigen foutmeldingen. Deze foutmeldingen zijn kort zichtbaar en niet volledig.


3.3.2 Labels of instructies (Niveau A)

Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevindingen: In het dialoogvenster 'Download bestanden' op pagina portal.prvlimburg.nl/viewer/app/default staan een select-element met visueel de naam 'Shape'. Dit element heeft geen visueel label, waardoor het voor meerdere doelgroepen onduidelijk is welke input hier van hen gevraagd wordt.


3.3.3 Foutsuggestie (Niveau AA)

Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan worden de suggesties aan de gebruiker geleverd, tenzij dit de beveiliging of het doel van de content in gevaar zou brengen.

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Voldoende


Voor webpagina's die wettelijke verplichtingen of financiële transacties voor de gebruiker uitvoeren, die, door de gebruiker te beheren gegevens in gegevensopslagplaatsen verwijderen of wijzigen, of die antwoorden van de gebruiker verzenden, geldt minstens één van de volgende zaken:

  1. Omkeerbaar: Verzendingen kunnen ongedaan gemaakt worden.
  2. Gecontroleerd: Door de gebruiker ingevoerde gegevens worden gecontroleerd op invoerfouten en de gebruiker wordt de mogelijkheid gegeven om ze te verbeteren.
  3. Bevestigd: Er is een mechanisme beschikbaar voor het beoordelen, bevestigen en verbeteren van informatie voordat de verzending wordt voltooid.

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

Uitkomst: Niet aanwezig


4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

In content die geïmplementeerd is met opmaaktalen hebben elementen volledige begin- en eindtags, zijn elementen genest volgens hun specificatie, bevatten elementen geen dubbele attributen en zijn alle ID's uniek, behalve waar de specificatie deze eigenschappen toelaat.

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Voldoende


4.1.2 Naam, rol, waarde (Niveau A)

Voor alle componenten van de gebruikersinterface (inclusief, maar niet uitsluitend voor formulierelementen, links en door scripts gegenereerde componenten), kunnen de naam (name) en rol (role) door software bepaald worden; toestanden (states), eigenschappen (properties) en waarden (values) die door de gebruiker ingesteld kunnen worden, kunnen door software ingesteld worden; en kennisgeving van veranderingen in deze items is beschikbaar voor user agents, met inbegrip van hulptechnologieën.

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevindingen: Meerdere interactieve elementen, zoals de knoppen in de kaartapplicatie, missen een toegankelijke naam. Deze bevindingen worden bij andere succescriteria verder toegelicht.

De X en - iconen om de dialoogvensters te sluiten op de hele website hebben zowel geen toegankelijke naam als geen rol. Zie ook succescriterium 1.1.1.

De kaartapplicatie bevat meerdere interactieve elementen die wel een naam hebben, maar geen rol. Hierdoor is het alsnog niet duidelijk wat dit element precies doet voor bezoekers die gebruik maken van onder andere hulpsoftware, zoals de opties 'Volledig kaartbeeld', 'Oppervlakte meten' en 'Afstand meten'. Zorg ervoor dat ieder interactief element een naam, rol en waar van toepassing een waarde en een status heeft.

De menuitems op onder andere portal.prvlimburg.nl/themas/natuur/metadata/broedvogels_vlakdek_ronde1_p.xml zijn nu niet herkenbaar als interactieve elementen, omdat er een toegankelijke passende rol mist. Maak deze elementen bijvoorbeeld op als tabs: www.w3schools.com/howto/howto_js_tabs.asp. Vermijd daarnaast liefst het gebruik van het title-attribuut om deze elementen een rol te geven.

In het filtermenu aan de rechterkant van pagina portal.prvlimburg.nl/viewer/app/default komen visueel selectievakjes voor, maar deze zijn opgemaakt als div met een role=button. Hierdoor wordt de staat van de selectievakjes niet goed voorgelezen. Gebruik zoveel mogelijk de juiste semantische elementen, die overeenkomen met wat visueel zichtbaar is. Daarnaast hebben deze elementen geen toegankelijke naam. Zorg ervoor dat ieder interactief een toegankelijke naam en rol heeft.

Het filtermenu aan de rechterkant van pagina portal.prvlimburg.nl/viewer/app/default is opgemaakt met een div-element met de role=treegrid. Deze rol is niet gepast voor dit onderdeel. Lees meer over een treegrid op: developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/treegrid_role. Daarnaast bevat dit element nu child-elementen die niet zijn toegestaan.

De website maakt gebruik van de service Cyclomedia. Hierin komen meerdere toegankelijkheidsfouten voor, waaronder dat meerdere invoerelementen geen toegankelijke naam hebben.

Let op: Meerdere interactieve elementen op de website zijn genest binnen een div-element met de role=presentation. Dit zorgt voor toegankelijkheidsproblemen, zoals het niet bedienbaar zijn met het toetsenbord of het niet juist communiceren van een naam of rol. Plaats interactieve elementen daarom nooit binnen een element met role=presentation.


4.1.3 Statusberichten (Niveau AA)

In content die is geïmplementeerd met opmaaktalen kunnen statusberichten door software bepaald worden met behulp van rol (role) of eigenschappen (properties), zodat hulptechnologieën de berichten aan de gebruiker kunnen presenteren zonder dat ze de focus krijgen.

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevindingen: Wanneer de kaart op pagina portal.prvlimburg.nl/viewer/app/default geladen wordt verschijnt in de applicatie een laadanimatie (een blauwe laadbalk). Bezoekers die gebruik maken van hulpsoftware krijgen hier geen melding van. Zorg ervoor dat statusupdates ook beschikbaar zijn voor bezoekers die het scherm niet kunnen zien. Bij het laden van de hele pagina verschijnt ook een laadanimatie zonder status update. Dit probleem doet zich op meerdere pagina's voor.

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

Webbrowsers (useragents) en andere software

Bij dit onderzoek is de volgende software gebruikt:

Firefox, versie 118
Google Chrome Versie 118
Microsoft Edge, versie 116
Acrobat PRO DC
NVDA 2023.1
PAC 2021

Bronnen

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

Bron: toegankelijkheidsrapport.swink.nl/atlas-limburg/audit/
Geprint: 2024-05-20 12:59:18 v2.4-011