Toegankelijkheidsonderzoek

Issues:
Systeemaudit digitale toegankelijkheid Expoints vragenlijsten

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Expoints vragenlijsten
Datum 24 februari 2025
Scope van de website Binnen de scope van het onderzoek valt:
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

Uitgebreide toetsresultaten

Aantal bevindingen: 30

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Bovenaan iedere pagina staat het logo van Expoints. Deze afbeelding is niet herkenbaar voor hulpsoftware, maar is niet decoratief. Zorg ervoor dat er een alternatieve tekst aanwezig is, bijvoorbeeld 'Logo Expoints' en dat het element een rol heeft die communiceert aan hulpsoftware dat er een afbeelding aanwezig is.

Bevinding 2: Op pagina https://techniek.expoints.nl/next/form?id=2CE7EE7281224CA7824DB110318D675C&p=2 komen uitklapbare knoppen voor, met daaronder keuzerondjes. Wanneer een keuzerondje is geselecteerd, verschijnt in de knop een groen vinkje. Hier is geen alternatieve tekst voor aanwezig. Bezoekers die het scherm niet kunnen zien, missen hierdoor deze informatie. Dit doet op meerdere plekken voor, waaronder op pagina https://techniek.expoints.nl/next/form?id=C871F78415DF436DB53DD534961003BA&p=5.

Bevinding 3: Advies: Op onder andere pagina https://techniek.expoints.nl/next/form?id=6E98466823F347E59451CB8AD2898045&p=2 komt een i-icoon voor waarmee bezoekers een zijpaneel openen. Dit icoon is met CSS op de pagina geplaatst, en beschikt over een title-attribuut. Plaats liever het icoon als img-element met een alt-attribuut op de pagina. Dit geldt ook voor het icoon om het zijpaneel weer te sluiten.

1.2 Op tijd gebaseerde media

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

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

Uitkomst: Niet aanwezig

Bevinding 4: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

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

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

Uitkomst: Niet aanwezig

Bevinding 5: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

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

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

Uitkomst: Niet aanwezig

Bevinding 6: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

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

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

Uitkomst: Niet aanwezig

Bevinding 7: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevinding 8: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 9: Aangepaste bevinding naar aanleiding van heronderzoek:
Op onder andere pagina https://techniek.expoints.nl/next/form?id=6E98466823F347E59451CB8AD2898045&p=2 komt een i-icoon voor waarmee bezoekers een zijpaneel openen. Of het zijpaneel geopend of gesloten is, is niet beschikbaar voor hulpsoftware. Maak bijvoorbeeld gebruik van het aria-expanded attribuut, plaats deze op het button-element. Zorg er daarnaast voor dat de focusvolgorde logisch is en in het zijpaneel blijft tot de bezoeker het paneel sluit en er wordt aangekondigd dat er een dialoogvenster geopend is.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Niet aanwezig

Bevinding 10: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Voldoende

Bevinding 11: Advies: Op onder andere pagina https://techniek.expoints.nl/next/form?id=6E98466823F347E59451CB8AD2898045&p=2 komt een i-icoon voor waarmee bezoekers een zijpaneel openen. Hierin komt een linktekst voor in de kleur blauw (HEX #337AB7). Het contrast tussen de tekst en de linktekst is hoog genoeg, maar gebruik bij voorkeur nog minimaal één andere manier om de linktekst herkenbaar te maken, bijvoorbeeld door de linktekst te onderstrepen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 12: Bovenaan iedere pagina staat een percentage in witte tekst op een rode achtergrond (HEX #DE3831). De contrastratio is hier 4,4:1 waar dat minimaal 4,5:1 moet zijn. Dit geldt ook voor de witte tekst 'Volgende' op de rode achtergrond (bij muishover), onderaan iedere pagina. Dit doet zich op meerdere plekken voor, bijvoorbeeld in de geselecteerde keuzerondjes op pagina https://techniek.expoints.nl/next/form?id=6E98466823F347E59451CB8AD2898045&p=3.

Bevinding 13: Op pagina https://techniek.expoints.nl/next/form?id=6E98466823F347E59451CB8AD2898045&p=3 komen keuzerondjes voor met daarin een emoticon en een woord, bijvoorbeeld 'Slecht'. Wanneer een bezoeker met de muis over een keuzerondje hovert, kleurt de achtergrond rood. De contrastratio tussen de zwarte tekst en de rode achtergrond (HEX #DE3831) is dan 3,8:1 waar dat minimaal 4,5:1 moet zijn. Dit doet zich op meerdere plekken voor.

Bevinding 14: Aangepaste bevinding naar aanleiding van heronderzoek:
Op pagina https://techniek.expoints.nl/next/form?id=6E98466823F347E59451CB8AD2898045&p=3 komen sliders voor, met in het midden een getal, bijvoorbeeld '5'. De contrastratio tussen het getal (HEX #8F8F8F) en de grijze achtergrond (HEX #F3F3F3) is 2,9:1 waar dat minimaal 3:1 moet zijn.

Bevinding 15:
In de pop-ups die te openen zijn vanaf pagina https://expoints.nl/online-feedback/ komt de tekst 'Powered by' voor. De grijze tekst (HEX #D3D3D3) is hier slechts 1,4:1 waar dat minimaal 4,5:1 moet zijn.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Voldoende

Bevinding 16: Advies: Wanneer bezoekers inzoomen op de pagina en naar beneden scrollen, blijft een stuk header met het Expoints logo vastgepind aan de bovenkant van de pagina, waardoor in sterk ingezoomde weergave (schermgrootte 1280 bij 1024 en zoom op 400%) het zichtbare deel van de pagina erg klein wordt. Overweeg deze balk niet mee te laten scrollen.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 17: Op onder andere pagina https://techniek.expoints.nl/next/form?id=6E98466823F347E59451CB8AD2898045&p=2 kunnen bezoekers opties kiezen. De focusrand (HEX #E0E0E0) om de opties in de uitgeklapte elementen heeft een te laag contrast, deze is slechts 1,3:1 waar dat minimaal 3:1 moet zijn. Dit doet zich op meerdere pagina's voor.

Bevinding 18: Wanneer de selectievakjes op pagina https://techniek.expoints.nl/next/form?id=6E98466823F347E59451CB8AD2898045&p=5 focus hebben, is dat zichtbaar doordat ze grijs worden (HEX #CCCCCC). De contrastratio op de grijze achtergrond (HEX #F3F3F3) is 1,4:1 waar dat minimaal 3:1 moet zijn. Dit doet zich op meerdere pagina's voor.

Bevinding 19: In de pop-in versie op pagina https://expoints.nl/online-feedback/ komen nadat de bezoeker op de eerste vraag ja heeft geantwoord, keuzerondjes voor in de vorm van smiley's. De oranje smiley, gele smiley en lichtgroene smiley hebben een te laag contrast op de witte achtergrond. Daarnaast krijgen de smiley's bij selecteren een inhoudskleur. Deze kleur heeft onvoldoende contrast met de omlijning van de smiley.

Bevinding 20: Advies: Op pagina https://techniek.expoints.nl/next/form?id=6E98466823F347E59451CB8AD2898045&p=2 kunnen bezoekers opties kiezen. Wanneer deze opties focus hebben is dat zichtbaar door een lichtgrijze rand die een te laag contrast heeft met de achtergrond, maar omdat het invoerveld zelf over een knipperende cursor beschikt is dit niet afkeurbaar. Overweeg de focusrand donkerder te maken, zeker omdat dit probleem zich op meerdere plekken voordoet. Dit doet zich op meerdere pagina's voor.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 21: De functies om een pop-up te triggeren op pagina https://expoints.nl/online-feedback/ zijn niet bereikbaar en bedienbaar met het toetsenbord. Zorg ervoor dat bezoekers die met het toetsenbord navigeren ook toegang hebben tot deze functionaliteit. De knop 'Iets te delen?' krijgt wel toetsenbordfocus.

Bevinding 22: Advies: Op pagina https://techniek.expoints.nl/next/form?id=6E98466823F347E59451CB8AD2898045&p=7 komt een datumkiezer voor in het veld 'Datumkiezer'. Deze is niet bereikbaar en bedienbaar met het toetsenbord. Aangezien er een alternatief is (de bezoeker kan zelf een datum intypen) is dit niet afkeurbaar, maar idealiter is een datumkiezer zowel met een muisaanwijzer als met het toetsenbord te bedienen.

Bevinding 23: Advies: Op pagina https://techniek.expoints.nl/next/form?id=6E98466823F347E59451CB8AD2898045&p=2 kunnen bezoekers opties selecteren. Vervolgens kunnen zij deze verwijderen met het x-icoon, maar deze optie is niet bereikbaar en bedienbaar met het toetsenbord. Er is een alternatief aanwezig (met de escape-toets kunnen bezoekers de geselecteerde items weghalen), maar mogelijk is het verwarrend dat er visueel een optie aanwezig is waar zij niet bij kunnen. Dit doet zich op meerdere pagina's voor, waaronder op pagina https://techniek.expoints.nl/next/form?id=6E98466823F347E59451CB8AD2898045&p=5.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 24: Op pagina https://techniek.expoints.nl/next/form?id=6E98466823F347E59451CB8AD2898045&p=3 is het niet altijd duidelijk waar de focus zich bevindt, omdat er geen verschil is tussen een geselecteerde optie en toetsenbordfocus. Hierdoor is het voor bezoekers die gebruik maken van het toetsenbord maar het scherm wél kunnen zien, niet duidelijk waar de focus zich bevindt. Maak onderscheid door bijvoorbeeld een duidelijke focusrand toe te voegen. Wanneer de bezoeker de pagina voor het eerst bekijkt, is het ook niet duidelijk wanneer de slider onder 'Standaard slider' focus heeft.

Bevinding 25: Wanneer een bezoeker via pagina https://expoints.nl/online-feedback/ de pop-up opent via de knop 'Iets te delen?' en verder navigeert met de tabtoets, is het niet zichtbaar wanneer de keuzerondjes focus hebben. Zorg ervoor dat het direct duidelijk is voor de focus zich bevindt.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 26: In de pop-in versie op pagina https://expoints.nl/online-feedback/ komen tekstinvoervelden voor, met daarin de placeholdertekst 'Vul hier je antwoord in...'. Deze tekst verdwijnt zodra een bezoeker begint met typen. Zorg ervoor dat labels en instructies zichtbaar blijven.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 27: Op pagina https://techniek.expoints.nl/next/form?id=6E98466823F347E59451CB8AD2898045&p=2 komen visuele select-elementen voor. Deze bestaat uit meerdere geneste elementen, waarvan sommigen interactief. Omdat interactieve elementen genest zijn, kan dit afhankelijk van de combinatie van hulpsoftware en browser problemen veroorzaken in de bediening en het voorlezen van de toegankelijke naam en rol. Dit element bevat daarnaast meer toegankelijkheidsproblemen:

Bevinding 28: Aangepaste bevinding naar aanleiding van heronderzoek:
Op pagina https://expoints.nl/online-feedback/ is de functie om een pop-up te triggeren niet bereikbaar en bedienbaar met het toetsenbord. Dit komt doordat dit is opgemaakt als a-element, maar het href attribuut mist. Zorg ervoor dat a-elementen over het href-attribuut beschikken. Of maak bijvoorbeeld gebruik van een knop, aangezien dit de functionaliteit beter beschrijft. Zorg er daarnaast voor dat het element een toegankelijke naam heeft.

Bevinding 29: De iframes op pagina https://expoints.nl/online-feedback/ beschikken niet over een beschrijving binnen het title-attribuut.

Bevinding 30: Advies: Op pagina https://techniek.expoints.nl/next/form?id=C871F78415DF436DB53DD534961003BA&p=8 komt een knop voor die een formulier verzend, namelijk 'Afronden'. Deze knop is niet van het type submit. Overweeg dit aan te passen.

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

Bronnen

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

Geprint: 2025-03-09 23:36:23 v2.4-011