Rapport:
Audit digitale toegankelijkheid website Klicviewer

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina klicviewer.nl/klic-viewer/ staat (zowel bij met als zonder toegangscode) in het dialoogvenster 'Openen KLIC-levering' de tekst 'KLIC-melding opslaan'. Deze tekst is visueel herkenbaar als kop en de tekst beschrijft bijbehorende content en heeft daarmee de functie van een kop. Voor hulpsoftware is de tekst niet als kop herkenbaar, omdat deze niet als zodanig is opgemaakt. Maak om dit op te lossen de tekst op als een kop op het juiste kopniveau (bijvoorbeeld met het h2- of h3-element).

Na het openen van een KLIC melding kan in het menu 'Weergave' geopend worden. Als hierin het tabblad 'Kabels/leidingen' wordt geselecteerd, is visueel af te leiden dat de keuzevakjes zijn onderverdeeld onder het label 'Netbeheerder(s)' en 'Thema's'. Voor bezoekers die niet kunnen zien is dat niet duidelijk. Hulpsoftware zoals een screenreader kan dit niet voorlezen, doordat deze labels niet programmatisch aan de keuzevakjes zijn gekoppeld. Los dit bijvoorbeeld op door gebruik te maken van een combinatie van fieldset en legend of een vergelijkbare techniek.

Na het openen van een KLIC melding kan in het menu 'Weergave' geopend worden. Als hierin het tabblad 'Kaartlagen' wordt geselecteerd, zijn schakelaar knoppen te zien, bijvoorbeeld bij 'Annotatie'. De schakelaars hebben niet op de juiste manier een naam gekregen, waardoor deze niet wordt voorgelezen door hulpsoftware zoals een screenreader. Voor bezoekers die niet kunnen zien is het niet duidelijk waar de schakelaars bij horen. Er is gebruik gemaakt van het aria-labelledby attribuut, maar deze is niet aan het juiste element gekoppeld. Los dit op door het aria-labelledby attribuut te koppelen aan het visuele label.

Na het openen van een KLIC melding kan in het menu 'Weergave' geopend worden. Als hierin het tabblad 'Kaartlagen' wordt geselecteerd, zijn onder het label 'Weergave graafgebied' drie keuzerondjes zichtbaar. Bezoekers die niet kunnen zien en gebruik maken van hulpsoftware zoals een screenreader, krijgen dit label niet voorgelezen wanneer zij de focus naar de keuzerondjes brengen. Hierdoor is het onduidelijk is waar de keuzerondjes bij horen. De keuzerondjes zijn opgemaakt binnen een element dat 'role="radiogroup"' bevat. Hierin is ook een label-attribuut toegevoegd, maar dit is niet de juiste manier om een radiogroup een naam te geven. Maak gebruik van aria-labelledby en koppel deze aan het visuele label, of voeg een aria-label toe aan de radiogroup.

De PDF 'Leveringsbrief', te vinden via 'Documenten', (klicviewer.nl/klic-viewer/uitlevering/cdbfdf84-7ac8-4d9a-a5a8-6f1433675164) is niet gecodeerd (van tags voorzien). Dit betekent dat 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 alternatieve teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan. Ditzelfde geldt voor de andere documenten die als PDF te exporteren zijn, bijvoorbeeld bij menu item 'Documenten' het eerste document onder 'Huisaansluiting (6)'.

Advies: Op pagina klicviewer.nl/klic-viewer/ wordt op meerdere plekken niet op de juiste manier gebruik gemaakt van een koppenstructuur, een kop op kopniveau h1 ontbreekt bijvoorbeeld als het dialoogscherm 'Open KLIC-levering' in beeld is. Als een KLIC melding is geopend en in het menu 'Weergave' wordt geopend, worden kopniveau's overgeslagen en gaat de kopstructuur van kopniveau h2 naar h5. Voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader is een koppenstructuur belangrijk, omdat een lijst van koppen opgevraagd kan worden en op die manier genavigeerd kan worden. Het wordt niet op toegankelijkheid afgekeurd als de koppenstructuur niet goed is opgebouwd, maar het verbeteren hiervan zorgt dat de structuur van de content beter geïnterpreteerd kan worden. Zorg voor een goede koppenstructuur, die begint bij een kopniveau h1 voor de belangrijkste kop, kopniveau h2 voor de subkoppen, kopniveau h3 voor de tussenkoppen, etcetera. Sla geen koppen over.

Advies: Als een KLIC melding geopend is kan via het menu item 'Meten' via punten op de kaart een afstand gemeten worden. Bij het eindpunt komt de afstand in cijfers te staan. Doordat hier meerdere tekens over elkaar heen lijken te staan, is dit slecht leesbaar. Dit kan niet worden opgelost door in te zoomen. Doordat dit een probleem kan zijn voor alle bezoekers en niet voor bezoekers met een functiebeperking, wordt dit niet op toegankelijkheid afgekeurd. Het advies is om te zorgen dat hier geen tekens over elkaar heen staan zodat het beter leesbaar is.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Nadat een KLIC melding is geopend, is een kaart te zien waarop via gekleurde lijnen informatie wordt overgebracht. Voor bezoekers die de kleuren niet (goed) kunnen onderscheiden, is niet af te leiden welke informatie overgebracht wordt. Zorg ervoor dat de informatie op meerdere manieren dan alleen door kleur te onderscheiden is. Maak bijvoorbeeld gebruik van structuren binnen de lijnen. Of zorg dat de kleuren onderling voldoende contrast hebben (minimaal een contrastverhouding van 3:1), op die manier wordt de informatie niet alleen door kleur maar ook door verschil in helderheid overgebracht.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: In het dialoogscherm 'Openen KLIC-levering' of 'Toegangscode' (zowel bij de methode met als zonder toegangscode) is de oranje (HEX #E17020) knop met de witte tekst 'Openen' te zien. Doordat het contrast tussen de tekst en achtergrond te laag is, is dit voor sommige bezoekers mogelijk niet goed te lezen. De contrastverhouding is 3,2:1 waar deze minimaal 4,5:1 moet zijn.

In het dialoogscherm 'Openen KLIC-levering' is (wanneer de bezoeker al eerder een KLIC-levering heeft geopend, met toegangscode) een lijst open te vouwen bij 'Recent geopend...'. Soms is de tekst die hier te zien is blauw. Ook als hierop gedrukt wordt, wijzigt de tekst naar blauw. De lichtblauwe tekstkleur (HEX #41A2F0) heeft onvoldoende contrast met de grijze (HEX #DBDBDB) achtergrond, waardoor deze voor sommige bezoekers slecht leesbaar is. De contrastverhouding is 1,9:1 waar deze minimaal 4,5:1 moet zijn.

In het dialoogscherm 'Openen KLIC-levering' is (wanneer de bezoeker al eerder een KLIC-levering heeft geopend, met toegangscode) een lijst open te vouwen bij 'Recent geopend...'. Soms is de tekst die hier te zien is grijs (HEX #808080). Het contrast met de lichtgrijze (HEX #F5F5F5) achtergrond is te laag. De contrastverhouding is 3,6:1 waar deze minimaal 4,5:1 moet zijn.

Nadat een KLIC melding is geopend, kan in het menu 'Weergave' geopend worden. Hierin heeft het actieve tabblad ('Kabels/leidingen') een lichtblauwe (HEX #2196F3) tekstkleur die onvoldoende contrast heeft met de witte achtergrond. De contrastverhouding is 3,1:1 waar deze minimaal 4,5:1 moet zijn. Ditzelfde geldt voor het tabblad 'Kaartlagen' als deze actief is. Hetzelfde contrastprobleem komt voor bij de tabbladen die te zien zijn als menu item 'Printen' geopend wordt.

Opmerking: De e-mail "Kabel- en leidinginformatie staat voor u klaar" is onderdeel van de opleveringsprocedure. Hierin heeft de paarse tekst "Bekijk en bewaar de kabel- en leidinginformatie" (HEX #800080) op de oranje knop (HEX #FF9024) een te laag contrast. De contrastverhouding is 4,2:1 waar deze minimaal 4,5:1 moet zijn. Overigens is ook bij voldoende contrast deze kleurencombinatie moeilijk te lezen voor slechtzienden.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Als de klickviewer wordt geopend via de methode met toegangscode, is het dialoogscherm 'Toegangscode' te zien. Als de pagina bij een schermgrootte van 1280 bij 1024 pixels wordt bekeken en wordt ingezoomd vanaf 150%, verdwijnt een deel van het dialoogscherm uit beeld. Bij verder inzoomen verdwijnt er meer, de tekst, het invoerveld en de knoppen en link. Zorg dat alle content en functionaliteit beschikbaar blijft bij inzoomen.

Als de klickviewer wordt geopend via de methode zonder toegangscode, is het dialoogscherm 'Openen KLIC-levering' te zien. Als de pagina bij een schermgrootte van 1280 bij 1024 pixels wordt bekeken en wordt ingezoomd tot 400%, verdwijnt een deel van de content uit beeld. Daardoor is niet alle tekst meer te lezen. Zorg dat alle content in beeld blijft bij het inzoomen.

Als de klickviewer op een schermgrootte van 1280 bij 1024 pixels wordt bekeken en wordt ingezoomd vanaf 175%, vouwt het menu samen onder de menuknop. Als deze wordt uitgevouwen, is het voor bezoekers die navigeren via het toetsenbord lastig om door het menu heen te navigeren. Dit komt doordat de menu items niet via de tab-toets bereikbaar zijn, maar alleen via de pijltjestoetsen. Doordat dit niet voorspelbaar is, kan dit efficiënte navigatie in de weg staan. Zorg dat ook bij inzoomen de focus via de tabtoets naar alle menu items gebracht kan worden.

Als de klickviewer op een schermgrootte van 1280 bij 1024 pixels wordt bekeken en wordt ingezoomd vanaf 175%, vouwt het menu samen onder de menuknop. Als het menu wordt uitgevouwen en een menu item wordt geopend, is niet alle content van het submenu te zien. Bij menu item 'Meer' staat bijvoorbeeld het logo van Kadaster en andere informatie buiten beeld. Bij menu item 'Printen' is niet alle content van tabbladen 'Bladindeling' en 'Formaat en schaal' in beeld. Zorg dat alle content in beeld blijft bij inzoomen.

Uitkomst: Onvoldoende

Bevindingen: Na het openen van een KLIC melding is een kaart te zien, dan verschijnt een dialoogvenster waarop meer informatie te zien is. Hierin staat een navigatiesysteem (< 1 van 5 >). Als via het toetsenbord de focus naar de knop 'Volgende' wordt gebracht, is een focusindicator te zien met een te laag contrast. De lichtblauwe (HEX #92CEE8) focusrand heeft een contrastverhouding van 1,7:1 met de witte achtergrond. Zorg dat de contrastverhouding minimaal 3:1 is.

Op pagina klicviewer.nl/klic-viewer/ staat (zowel bij met als zonder toegangscode) in het dialoogvenster 'Openen KLIC-levering' een selectievakje bij de tekst de tekst 'Ik wil deze KLIC-melding opslaan'. Als dit vakje focus krijgt is dat te zien aan een lichtblauwe cirkel achter het vakje. Het contrast van de cirkel (HEX #) met de witte achtergrond is te laag. De contrastverhouding is 1,2:1 terwijl dat tenminste 3:1 moet zijn.

Na het openen van een KLIC melding kan in het menu 'Weergave' geopend worden. Onder 'Thema's' is een legenda te zien waarin verklaard wordt waar de verschillende kleuren op de kaart voor staan. Hierin worden kleuren gebruikt die onvoldoende contrast hebben met de witte ondergrond. Dezelfde kleuren komen terug op de kaart, hier vallen deze soms op andere kleuren ondergrond waarmee ook onvoldoende contrast is. Hierdoor zijn de kleuren niet voor iedereen goed zichtbaar. Dit kan gelden voor mensen die bijvoorbeeld kleurenblind zijn of slecht zicht hebben. Zorg ervoor dat de contrastverhouding van de kleurencombinaties altijd minimaal 3:1 is. Kleuren waarbij het contrast onvoldoende is:

• 'DAT' (bijvoorbeeld 'Gemeente Apeldoorn'), de contrastverhouding tussen de groene (HEX #00FF00) kleur en witte achtergrond is 1,3:1. Op de kaart valt de groene (HEX #68A267) lijn op roze (HEX #FCA3FC) achtergrond met een contrastverhouding van 1,6:1.
• 'GHD Liander N.V.', de contrastverhouding tussen de oranje (HEX #FFAF3C) kleur en witte achtergrond is 1,8:1. Op de kaart valt de oranje (HEX #FF7280) lijn op roze (HEX #FCA3FC) achtergrond met een contrastverhouding van 1,4:1.
• 'GLD Liander N.V.', de contrastverhouding tussen de gele (HEX #FFD750) kleur en witte achtergrond is 1,3:1. Op de kaart valt de gele (HEX #FF8C8D) lijn op roze (HEX #FCA3FC) achtergrond met een contrastverhouding van 1,2:1.

Na het openen van een KLIC melding kan in het menu 'Weergave' geopend worden. Hierin is een sluitknop (X) te vinden. Als de focus hier via het toetsenbord naartoe wordt gebracht, is de focusrand niet goed zichtbaar omdat deze onvoldoende contrast heeft. De lichtblauwe (HEX #00069A9) focusrand heeft een contrastverhouding van 1,9:1 met de donkerblauwe (HEX 00387D) knop en achtergrond. Zorg dat de contrastverhouding minimaal 3:1 is. Ditzelfde komt voor bij de sluitknop van andere menu-items, zoals bijvoorbeeld 'Documenten' of 'Meten'. En als via 'Documenten' de 'Leveringsbrief' wordt geopend komt dit ook voor bij de knoppen 'Printen' en 'Download'.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: In het dialoogvenster 'Open KLIC-levering' staat als al eerder een KLIC melding is gedaan met toegangscode de uitvouwbare lijst 'Recent geopend'. Bezoekers kunnen deze lijst uitvouwen en een recent geopende melding selecteren. Bij de melding die in deze lijst staat, staat de knop 'verwijderen'. Het is niet mogelijk om deze knop via het toetsenbord te bereiken. Bezoekers die navigeren via het toetsenbord kunnen alleen de focus naar de KLIC melding brengen, maar deze wordt dan meteen geactiveerd. Hierdoor kan de focus niet meer naar de 'verwijder' knop gebracht worden. Zorg ervoor dat het ook voor bezoekers die navigeren via het toetsenbord mogelijk is om een recent geopende KLIC melding te verwijderen, door de 'verwijder' knop bereikbaar en bedienbaar te maken via het toetsenbord. Zie succescriterium 3.2.1.

Op de kaart in de klickviewer zijn punten te zien waarop geklikt kan worden om meer informatie over dat punt te zien te krijgen. Deze punten zijn niet via het toetsenbord bereikbaar en bedienbaar. Los dit bijvoorbeeld op door de punten focusbaar te maken en het mogelijk te maken het scherm met meer informatie te openen door een punt te selecteren via het toetenbord. Ook kan ervoor gekozen worden een alternatief te bieden, bijvoorbeeld in de vorm van een lijst waarop de punten te vinden zijn. Een soortgelijk probleem komt voor bij lijnen en andere onderdelen waarop geklikt kan worden.

Via het toetsenbord is het mogelijk om in te zoomen op de kaart in de klicviewer, maar het is niet mogelijk om de kaart vervolgens te verslepen. Dit kan alleen door de muis te gebruiken. Zorg dat de kaart ook via het toetsenbord kan worden versleept.

Via het menu item 'Documenten' kan de 'Leveringsbrief' geopend worden. De inhoud van deze brief is niet bereikbaar via het toetsenbord. Het is mogelijk om de brief te downloaden als PDF, maar dit levert geen toegankelijk alternatief. De inhoud van de brief is hierdoor niet beschikbaar voor bezoekers die niet kunnen zien en gebruik maken van hulpsoftware zoals een screenreader. Ook voor bezoekers die wel kunnen zien maar die navigeren via het toetsenbord is het grootste deel van de brief niet tevoorschijn te halen, doordat er geen toegankelijk alternatief is voor de scrollbalk en de volgende pagina's hierdoor niet in beeld gebracht kunnen worden. Los dit bijvoorbeeld op door te zorgen dat de inhoud van de brief kan worden bereikt en voorgelezen door hulpsoftware, of dat het PDF document toegankelijk wordt gemaakt. Een soortgelijk probleem komt voor bij de documenten die te vinden zijn onder de uitvouwbare knoppen, bijvoorbeeld 'Profielschets (17)'.

Via het menu item 'Meten' kan een lijn op de kaart getekend worden om een meting uit te voeren. Deze functionaliteit is alleen via de muis beschikbaar, niet via het toetsenbord. Los dit bijvoorbeeld op door een alternatief aan te bieden dat via het toetsenbord toegankelijk is, bijvoorbeeld door de cursor ook via pijltjestoetsen te kunnen laten bewegen en via het toetsenbord een punt te kunnen selecteren, of door coördinaten te kunnen invoeren.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: De PDF 'Leveringsbrief', te vinden via 'Documenten', (klicviewer.nl/klic-viewer/uitlevering/cdbfdf84-7ac8-4d9a-a5a8-6f1433675164) heeft een documenttitel in de eigenschappen, maar deze beschrijft het document onvoldoende. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond. Een soortgelijk probleem komt voor bij de andere documenten die als PDF te exporteren zijn, bijvoorbeeld bij menu item 'Documenten' het eerste document onder 'Huisaansluiting (6)'.

Uitkomst: Onvoldoende

Bevindingen: Als de bezoeker (bij methode met toegangscode) pagina klicviewer.nl/klic-viewer/ opent, staat het dialoogvenster 'Openen KLIC-levering' in beeld. Hier moet een link ingevuld worden voordat de bezoeker verder kan op de pagina. Bezoekers die via het toetsenbord navigeren, moeten eerst langs andere elementen op de pagina heen voordat zij bij dit dialoogscherm aankomen. Dit is geen logische volgorde. Zorg dat de focus eerst naar het dialoogscherm gaat.

Als de bezoeker (bij methode met toegangscode) pagina klicviewer.nl/klic-viewer/ in het dialoogvenster "Openen KLIC-levering" staat kan de tekst "U kunt de KLIC-informatie 20 werkdagen ..." focus krijgen. Dit is geen interactief element. 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.

Na het openen van een KLIC melding, kunnen verschillende menu items geopend worden. Bijvoorbeeld 'Meer'. Een bezoeker die navigeert via het toetsenbord, komt in het submenu eerst de kop 'Meer' tegen, daarna de sluitknop, en daarna een focusbaar element dat wordt voorgelezen als 'leeg' of 'sectie'. Dit komt doordat hier een div-element staat dat met tabindex="0" focusbaar is gemaakt. Dit kan verwarring scheppen, omdat zich hier geen interactief element bevindt. Verwijder tabindex="0" om dit op te lossen. Ditzelfde komt voor in de submenu's van de andere menu items, zoals bijvoorbeeld 'Weergave' of 'Documenten'.

Als na het openen van een KLIC melding een menu item (bijvoorbeeld 'Meer') wordt geopend, is een sluitknop te zien. Als bezoekers die via het toetsenbord navigeren op de sluitknop drukken, springt de focus daarna naar de adresbalk. Hierdoor moet opnieuw door alle focusbare elementen heen genavigeerd worden voordat de bezoeker bij het volgende menu item uitkomt. Dit staat efficiënte navigatie in de weg. Het is logischer en beter voorspelbaar als de focus na het sluiten van het submenu terecht komt op het element waarmee deze geopend werd.

Als na het openen van een KLIC melding een menu item (bijvoorbeeld 'Meer') wordt geopend, kan de bezoeker met de tabtoets uit dit submenu gaan en de focus verplaatsen naar andere elementen op de pagina. In normale weergave van de pagina bedekt het submenu geen content, waardoor dit op dat moment geen problemen oplevert. Als de pagina op een kleiner scherm wordt bekeken of in ingezoomde weergave levert dit wel problemen op. Het submenu bedekt dan de content van de pagina, waardoor de bezoeker niet kan zien waar de focus zich bevindt als deze niet in het submenu is. Los dit op door te zorgen dat de focus het submenu pas kan verlaten nadat deze afgesloten is.

Uitkomst: Onvoldoende

Bevindingen: Nadat een KLIC melding is geopend, kan via het menu item 'Documenten' de link (met role='"document") 'Leveringsbrief' worden gevonden. Voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader, is het onduidelijk welk element zich hier bevindt en waar zij terecht komen als dit geactiveerd wordt. De naam van het element wordt niet voorgelezen als de focus naar het element wordt gebracht. Het is opgemaakt met het a-element met role="document". Ook is hier een title-element te vinden met de tekst 'LI_24G0428400_1', deze beschrijft de leveringsbrief niet. De linktekst 'Leveringsbrief' die hier te vinden is wordt overschreven door een aria-label dat op het div-element staat waarin het element genest is. Echter wordt ook dit aria-label niet voorgelezen. Dat komt doordat het input-element dat ook in dit div-element genest is, via tabindex="0" focusbaar is gemaakt. Als de bezoeker de focus via het toetsenbord naar het element 'Leveringsbrief' brengt, valt deze dus op dit input-element dat geen naam heeft. Los dit bijvoorbeeld op door het aria-label van het div-element te verwijderen, het tabindex-attribuut van het input-element te verwijderen, te zorgen dat de focus naar het a-element kan worden gebracht, en bij dit a-element het title-element te verwijderen. Zie succescriterium 4.1.2. Een soortgelijk probleem komt voor bij de links (met role="document") die te zien zijn als bijvoorbeeld de knop 'Profielschets (17)' of 'Huisaansluiting (6)' worden uitgevouwen.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: De PDF 'Leveringsbrief', te vinden via 'Documenten', (klicviewer.nl/klic-viewer/uitlevering/cdbfdf84-7ac8-4d9a-a5a8-6f1433675164) heeft geen ingestelde taal in de eigenschappen. De content in het document is in het Nederlands. Stel de taal daarom in op Nederlands. Ditzelfde geldt voor de andere documenten die als PDF te exporteren zijn, bijvoorbeeld bij menu item 'Documenten' het eerste document onder 'Huisaansluiting (6)'.

Uitkomst: Voldoende

Bevindingen: Advies: Op de kaart zijn de knoppen 'Zoom in' en 'Zoom out' te vinden. Deze namen beschrijven de functie van de knoppen, maar niet in de juiste taal. Omdat deze Engelstalige termen weinig afwijken van de Nederlandse is niet te verwachten dat hierdoor een toegankelijkheidsprobleem ontstaat, daarom wordt dit niet afgekeurd. Omdat de pagina Nederlandstalig is, is het wel beter om de knoppen Nederlandstalige namen te geven.

Uitkomst: Onvoldoende

Bevindingen: In het dialoogvenster 'Open KLIC-levering' staat als al eerder een KLIC melding is gedaan de uitvouwbare lijst 'Recent geopend'. Bezoekers kunnen deze lijst uitvouwen en een recent geopende melding selecteren. Voor bezoekers die navigeren via het toetsenbord is dit element lastig te bedienen. Op het moment dat de focus via het toetsenbord naar deze recent geopende melding wordt gebracht, wordt deze namelijk meteen geopend zonder dat deze eerst geactiveerd is (via bijvoorbeeld de enter-toets). Voor een bezoeker die navigeert via het toetsenbord kan het desoriënterend werken als de focus op een element een wijziging van de context veroorzaakt. Deze functionaliteit is niet voorspelbaar. Ook kan hierdoor de naam van de melding niet worden voorgelezen, en kan de knop 'verwijderen' via het toetsenbord niet worden bereikt (zie hiervoor succescriterium 2.1.1). Zorg ervoor dat de bezoeker via het toetsenbord de focus door alle elementen van de pagina kan bewegen, zonder dat de context hierdoor verandert. Zorg dat de recent geopende KLIC melding pas geopend wordt nadat hierop eerst de focus wordt geplaatst en daarna op enter wordt geklikt.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina klicviewer.nl/klic-viewer/ komt (bij de methode zonder toegangscode) bij het invoerveld 'Link uit KLIC-levering' de foutmelding 'Voer een geldige URL of ID in' te staan als op de knop 'Openen' wordt gedrukt zonder het veld in te vullen. De tekst van deze foutmelding bevat een foutsuggestie zoals beschreven bij succescriterium 3.3.3, maar geeft onvoldoende informatie over wat er mis is gegaan. Een goede foutmelding vertelt welke fout op welke plek is gemaakt. Vul om dit op te lossen de tekst van de foutmelding aan, bijvoorbeeld met 'Het veld "Link uit KLIC-levering" is niet ingevuld'. Een soortgelijk probleem doet zich voor als het invoerveld niet op correcte wijze is ingevuld, de foutmelding bevat dan de tekst 'Ingevoerde URL of ID is niet geldig'.

Uitkomst: Onvoldoende

Bevindingen: Op pagina klicviewer.nl/klic-viewer/ staat (bij de methode zonder toegangscode) in het dialoogvenster 'Openen KLIC-levering' een invoerveld. Het label bij dit veld is 'Link uit KLIC-levering', maar de tekst die als placeholder in het veld te zien is ('Link (URL) KLIC-levering e-mail) bevat uitgebreidere instructie. De placeholdertekst valt weg als de bezoeker in het veld begint te typen. Op dat moment is het mogelijk lastig te achterhalen waar de link die hier ingevoerd moet worden vandaan moet worden gehaald. Daarom is het beter om alle informatie van de placeholdertekst te plaatsen buiten het invoerveld, in het label dat zichtbaar blijft.

Als de klickviewer wordt geopend om via een toegangscode een KLIC melding te bekijken, is het dialoogvenster 'Toegangscode' te zien. Het invoerveld waarin de toegangscode ingevuld moet worden, bevat de placeholdertekst 'Toegangscode uit pdf'. Op het moment dat de bezoeker in het veld begint te typen, verdwijnt de placeholdertekst. Daarom is de placeholder niet geschikt om informatie voor de invoer in te plaatsen. Ook kan de tekst van de placeholder verwarring scheppen, doordat deze naar een pdf verwijst terwijl de toegangscode in de e-mail te vinden is. Los dit op door een label met tekst die beschrijft welke invoer in het invoerveld verwacht wordt buiten het invoerveld te plaatsen zodat deze zichtbaar blijft.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Nadat een KLIC melding is geopend, kan via het menu item 'Documenten' de link (met role='"document") 'Leveringsbrief' worden gevonden. Voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader, is het onduidelijk welk element zich hier bevindt en waar zij terecht komen als dit geactiveerd wordt. De rol en de naam van het element wordt niet voorgelezen als de focus naar het element wordt gebracht. Het is opgemaakt met het a-element met role="document", maar deze rol wordt niet voorgelezen. De linktekst 'Leveringsbrief' die hier te vinden is wordt overschreven door een aria-label dat op het div-element staat waarin het element genest is. Echter wordt ook dit aria-label niet voorgelezen. Dat komt doordat het input-element dat ook in dit div-element genest is, via tabindex="0" focusbaar is gemaakt. Als de bezoeker de focus via het toetsenbord naar het element 'Leveringsbrief' brengt, valt deze dus op dit input-element dat geen naam heeft. Los dit bijvoorbeeld op door het aria-label van het div-element te verwijderen, het tabindex-attribuut van het input-element te verwijderen, te zorgen dat de focus naar het a-element kan worden gebracht, en bij dit a-element het title-element te verwijderen. Zie succescriterium 4.1.2. Een soortgelijk probleem komt voor bij de links (met role="document") die te zien zijn als bijvoorbeeld de knop 'Profielschets (17)' of 'Huisaansluiting (6)' worden uitgevouwen.

Advies: Het dialoogvenster 'Openen KLIC-levering' heeft geen toegankelijke naam. Hierop wordt niet afgekeurd op toegankelijkheid. Toch kan het handig zijn voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader, als de naam van het dialoogvenster te horen is als de focus naar het eerste focusbare element op het dialoogvenster wordt gebracht. Voeg bijvoorbeeld een aria-label met de tekst 'Openen KLIC-levering' toe. Ditzelfde geldt voor het dialoogvenster 'Toegangscode' dat te zien is als via een toegangscode een KLIC melding wordt geopend.

Uitkomst: Niet aanwezig