Issues:
Deelonderzoek content Expertpanel Gebruiksvriendelijkheid
(Alleen de bevindingen)
Scope van de evaluatie
Naam website | Expertpanel Gebruiksvriendelijkheid |
---|---|
Scope van de website |
|
Conformiteitsdoel | WCAG 2.1 niveau AA |
Uitgebreide toetsresultaten
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: De header op pagina expertpanel.gebruikercentraal.nl/over-expertpanel-… benoemt de fotograaf in de alternatieve tekst. De alternatieve tekst is niet de plek om auteursrecht in te vermelden. Als dat belangrijke informatie is die gedeeld moet worden kan dat tekstueel in de buurt van de afbeelding. Dit komt ook voor op onder andere pagina expertpanel.gebruikercentraal.nl/over-expertpanel-….
Bevinding 2: Op pagina expertpanel.gebruikercentraal.nl/blog-nieuws/vraag-feedback-… staat een link naar een volgende blog, te herkennen aan het '>' icoon. Op de volgende pagina kan onder andere ook worden teruggegaan naar dit blog met het '<' icoon. Dat het om een volgende/vorige blog gaat wordt niet doorgegeven aan screenreaders. Voeg een alternatieve tekst toe aan de < en > iconen onder de blogs om dit probleem op te lossen.
Bevinding 3: Op pagina expertpanel.gebruikercentraal.nl/blog-nieuws/vraag-feedback-… wordt naast de eerste alinea een afbeelding getoond waar uit het tekstalternatief blijkt dat dit het logo van 'Expertpanel gebruiksvriendelijkheid' is. Links boven in de header van deze site wordt de afbeelding ook getoond. Als dit het logo is van dit panel, dan moet in de header deze afbeelding een tekstalternatief 'Logo Expertpanel gebruiksvriendelijkheid' krijgen.
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Voldoende
Bevinding 4: Advies: Meerdere pagina's op de website hebben een onlogische headingstructuur. Koppen van een artikel hebben bijvoorbeeld hetzelfde headingniveau als de koppen in het artikel, zoals op pagina expertpanel.gebruikercentraal.nl/auteurs/elka-helmers/. Kopniveaus zeggen iets over hoe belangrijk de tekst is en geven de structuur van de content aan. Een goede kopniveau zorgt ervoor dat bezoekers met een screenreader makkelijk de structuur kunnen begrijpen. Ook zoekmachines maken gebruik van deze Google. Zorg voor een logische koppenstructuur om dit probleem op te lossen.
Dit komt ook voor op bijvoorbeeld:
1.4 Onderscheidbaar
1.4.3 Contrast (minimum) (Niveau AA)
Informatie over succescriterium 1.4.3 Contrast (minimum)
Uitkomst: Onvoldoende
Bevinding 5: Het contrast van de placeholderteksten in de formuliervelden op pagina expertpanel.gebruikercentraal.nl/over-expertpanel-… is te laag. De contrastratio is hier 3,9:1, waar dat minimaal 4,5:1 moet zijn. Advies is om geen gebruik te maken van placeholderteksten en eventuele hints buiten het invoerveld te plaatsen zodat deze ook tijdens het typen zichtbaar blijft.
1.4.11 Contrast van niet-tekstuele content (Niveau AA)
Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content
Uitkomst: Onvoldoende
Bevinding 6: Het contrast van de rand om het invoerveld op onder andere pagina expertpanel.gebruikercentraal.nl/bestaatniet is niet hoog genoeg. De contrastratio is hier 1,4:1, waar dat minimaal 3:1 moet zijn. Dit komt op meerdere pagina's voor, waaronder op pagina expertpanel.gebruikercentraal.nl/ en op expertpanel.gebruikercentraal.nl/blog-nieuws/vraag-feedback-….
Bevinding 7: Het contrast van de randen om het invoerveld op onder andere pagina expertpanel.gebruikercentraal.nl/bestaatniet is niet hoog genoeg als het invoerveld focus heeft. De contrastratio is hier 2,8:1, waar dat minimaal 3:1 moet zijn. Dit komt op meerdere pagina's voor, waaronder op pagina expertpanel.gebruikercentraal.nl/ en op expertpanel.gebruikercentraal.nl/blog-nieuws/vraag-feedback-….
2. Bedienbaar
2.4 Navigeerbaar
2.4.4 Linkdoel (in context) (Niveau A)
Informatie over succescriterium 2.4.4 Linkdoel (in context)
Uitkomst: Onvoldoende
Bevinding 8: De linkteksten van de links onder 'Blogs & Nieuws' op pagina expertpanel.gebruikercentraal.nl/ bestaan uit de datum, de kop én de hele introductie tekst. Dit is verwarrend voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader, zij krijgen álle tekst opgelezen. Daarnaast maakt het het navigeren voor bezoekers die gebruik maken van een linklijst ook ingewikkelder. Dit komt op meerdere pagina's voor, waaronder op pagina expertpanel.gebruikercentraal.nl/category/blog-nieuws/.
Bevinding 9: Op pagina expertpanel.gebruikercentraal.nl/alle-review-opdrachten/… staat een schermafbeelding. De alternatieve tekst vermeldt niet dat door op de link te klikken, de bezoeker naar een externe website gaat. Vermeldt het linkdoel in ieder geval in de alternatieve tekst en voeg eventueel een beschrijving boven de afbeelding toe om het linkdoel voor álle bezoekers duidelijk te maken.
Bevinding 10: Op pagina expertpanel.gebruikercentraal.nl/blog-nieuws/vraag-feedback-… staat een link naar meer informatie over Mariska Woudenberg. In het title-attribuut is de tekst 'Alle berichten' opgenomen. Het title-attribuut wordt niet door alle browsers en hulpsoftware ondersteund en voorgelezen. Voeg deze tekst toe in het linkdoel, bijvoorbeeld 'Alle berichten van Mariska Woudenberg', om dit probleem op te lossen.
3. Begrijpelijk
3.3 Assistentie bij invoer
3.3.4 Foutpreventie (wettelijk, financieel, gegevens) (Niveau AA)
Informatie over succescriterium 3.3.4 Foutpreventie (wettelijk, financieel, gegevens)
Uitkomst: Niet aanwezig
Bevinding 11: Niet aanwezig
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 12: Boven de checkboxes op pagina expertpanel.gebruikercentraal.nl/over-expertpanel-… staat visueel het label 'Welke contactgegevens van jou mogen wij ook tonen op onze website *' maar dit label heeft geen 'for=' en 'id=' waardoor het niet gekoppeld is. Voor een groep checkboxes is een fieldset en legend combinatie het meest duidelijk voor hulpsoftware. Plaats de zichtbare tekst dan ook een binnen een fieldset en legend combinatie om dit probleem op te lossen.
Onderbouwing van de evaluatie
Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.
Steekproef getoetste webpagina's
- Home:
https://expertpanel.gebruikercentraal.nl/ - 404:
https://expertpanel.gebruikercentraal.nl/bestaatniet - Zoekresultaten:
https://expertpanel.gebruikercentraal.nl/?s=expertpanel - Contact:
https://expertpanel.gebruikercentraal.nl/contact/ - Formulier:
https://expertpanel.gebruikercentraal.nl/over-expertpanel-gebruiksvriendelijkheid/word-lid-van-het-expertpanel-gebruiksvriendelijkheid/ - Opdrachten:
https://expertpanel.gebruikercentraal.nl/alle-review-opdrachten/ - Opdracht:
https://expertpanel.gebruikercentraal.nl/alle-review-opdrachten/reviewopdracht-2021-01-ondersteuning-voor-zelfstandig-ondernemers-in-oss/ - Blogs en nieuws:
https://expertpanel.gebruikercentraal.nl/category/blog-nieuws/ - Blog:
https://expertpanel.gebruikercentraal.nl/blog-nieuws/vraag-feedback-aan-het-expertpanel-gebruiksvriendelijkheid/ - Sitemap:
https://expertpanel.gebruikercentraal.nl/sitemap/ - Leden:
https://expertpanel.gebruikercentraal.nl/over-expertpanel-gebruiksvriendelijkheid/leden-expertpanel-gebruiksvriendelijkheid/ - Auteur:
https://expertpanel.gebruikercentraal.nl/auteurs/elka-helmers/ - Over:
https://expertpanel.gebruikercentraal.nl/over-expertpanel-gebruiksvriendelijkheid/
Ondersteunende technieken
Bronnen
-
Evaluatiedocument WCAG 2.0
www.drempelvrij.nl/over-het-waarmerk -
Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
www.w3.org/Translations/WCAG20-nl -
Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
www.w3.org/WAI/eval/conformance -
Web Content Accessibility Guidelines (WCAG)
www.w3.org/WAI/intro/wcag -
How to Meet WCAG 2.1 Quick Reference
www.w3.org/WAI/WCAG21/quickref/
Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.
Aanvullende opmerkingen
De volgende opmerkingen zijn zaken die wij tegen kwamen en geen onderdeel zijn van het toegankelijkheidsonderzoek.
De link-kop combinaties '2021-01 – Ondersteuning voor zelfstandig ondernemers in Oss' en '2020-11 – Nieuwe subsite voor het Expertpanel Gebruiksvriendelijkheid' op pagina expertpanel.gebruikercentraal.nl/alle-review-opdrachten/ zijn niet herkenbaar als link. Maak de links herkenbaar ze door bijvoorbeeld te onderstrepen of een linkpijltje achter de kop te plaatsen.