Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Kennisbank Digitoegankelijk

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Kennisbank Digitoegankelijk
Datum 13 juni 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op de testomgeving dev.logo4life.nl/kennisbank/
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: 14

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: Wanneer op pagina https://dev.logo4life.nl/kennisbank/categorie-pdf/?s=pdf een van de filteropties geselecteerd wordt, verschijnt deze bovenaan de pagina met een kruisje ernaast om hem weer te verwijderen. Sommige hulpsoftware leest het teken voor als 'maal'. Dat is onduidelijk. Verstop de afbeelding voor hulpsoftware.

Bevinding 2: Advies: Op pagina https://dev.logo4life.nl/kennisbank/categorie/communicatie-en-content/ staan thema's met bijbehorende iconen. De alternatieve teksten bij die iconen, bijvoorbeeld 'Draagvlak in je organisatie' beschrijven de afbeelding niet maar herhalen de titel van het thema. De afbeelding is verborgen voor hulpsoftware dus het is niet af te keuren. Maar advies: pas de alternatieve tekst aan of maak de afbeelding eventueel decoratief door een leeg alt-attribuut toe te voegen binnen het img-element.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 3: Als het formulier op pagina dev.logo4life.nl/kennisbank/contact/ wordt verstuurd en er zijn velden niet goed ingevuld verschijnen er een lijst met foutmeldingen die een link zijn naar de betreffende invoer velden. Het gaat om de links naar '#voornaam' '#achternaam' en '#emailadres'. De lijst wordt voorgelezen door voorleessoftware terwijl hij niet zichtbaar is. Dit is verwarrend voor ziende bezoekers die een schermlezer gebruiken. Zorg ervoor dat alleen zichtbare tekst wordt voorgelezen.

Bevinding 4: Advies: Op pagina https://dev.logo4life.nl/kennisbank/test-sander-4/ volgt er na de kop van niveau 1 een kop van niveau 3. Zorg voor een goede koppenstructuur, sla bij voorkeur geen niveaus over.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 5: Op pagina https://dev.logo4life.nl/kennisbank/fout staat de link 'Klik hier'. Wanneer een bezoeker hier met de muis overheen hovert, verandert de linktekst naar een rode kleur (HEX #FF0000). De contrastverhouding is dan 4,0:1 maar moet minimaal 4,5:1 zijn.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Voldoende

Bevinding 6: Advies: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan komen op pagina https://dev.logo4life.nl/kennisbank/contact/ de foutmelding 'Je moet de voorwaarden accepteren voordat je het bericht kunt verzenden.' over andere tekst heen te staan. De tekst is nog leesbaar dus dit is niet af te keuren. Zorg dat tekst niet over elkaar heen komt te staan.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 7: Onderaan pagina https://dev.logo4life.nl/kennisbank/logo-als-link-naar-homepage-test/ staat de vraag 'Heeft u gevonden wat u zocht?'. Wanneer een optie wordt gekozen, verschijnt het veld 'Je reactie'. De randen van dit formulierveld (HEX #CCCCCC) hebben een te lage contrastwaarde van 1,6:1 in combinatie met de witte achtergrond. Dit moet minimaal 3,0;1 zijn.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Onvoldoende

Bevinding 8: Wanneer bezoekers op pagina https://dev.logo4life.nl/kennisbank/categorie/communicatie-en-content/ de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium, verdwijnt bij een schermresolutie van 1280x1024px ingezoomd tot 400% tekst. Het gaat om een deel van de tekst 'communicatie'. Er is ook geen scrollbalken om de tekst te kunnen bekijken. Vermijd overigens de scrollbalk in de leesrichting (horizontaal).

2. Bedienbaar

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 9: Als het formulier op pagina dev.logo4life.nl/kennisbank/contact/ wordt verstuurd en er zijn velden niet goed ingevuld verschijnen er foutmeldingen. Binnen de visueel verborgen foutmelding staan drie links die toetsenbordfocus krijgen terwijl ze niet zichtbaar zijn. Het gaat om de links naar '#voornaam' '#achternaam' en '#emailadres'. Zorg ervoor dat items die niet zichtbaar zijn geen focus krijgen.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onbekend

Bevinding 10: Dit succescriterium kan niet volledig onderzocht worden omdat de content op de website nog niet klaar is.
Bijvoorbeeld op pagina https://dev.logo4life.nl/kennisbank/categorie/inrichten-uitvoeren-toezicht-houden/aan-de-start-inrichten-uitvoeren-toezicht-houden staat een kop van niveau 2 met de tekst 'Duidelijke titel voor resultaten in dit thema'. Onder deze kop staat een lijst links naar een aantal dummy artikelen. De kop kan daarom niet beoordeeld worden.
En op pagina https://dev.logo4life.nl/kennisbank/ik-kan-mijn-vraag-niet-vinden/ staan twee links die naar dezelfde pagina leiden ('Zoek in de kennisbank' en 'Vraag een expert').

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 11: Onderaan pagina https://dev.logo4life.nl/kennisbank/logo-als-link-naar-homepage-test/ staat de vraag 'Heeft u gevonden wat u zocht?'. Wanneer een optie wordt gekozen, verschijnt het veld 'Je reactie'. Wanneer dit veld vervolgens leeg wordt verstuurd, verschijnt de melding 'Het reactie veld mag niet leeg zijn.'. Dit is geen foutmelding maar een instructie. Een goede foutmelding tekst is bijvoorbeeld: "Het veld 'Je reactie' is niet ingevuld".

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: Op de homepagina heeft het zoekveld het attribuut role='combobox'. Een combobox heeft een attribuut 'aria-expanded' nodig om te kunnen functioneren. Dit kan problemen opleveren met hulpsoftware. Laat de rol weg of voeg het attribuut 'aria-expanded' toe.
Hetzelfde komt vaker voor in de website bijvoorbeeld op de pagina https://dev.logo4life.nl/kennisbank/categorie/communicatie-en-content/.

Bevinding 13: Opmerking: Op pagina https://dev.logo4life.nl/kennisbank/categorie/inrichten-uitvoeren-toezicht-houden/aan-de-start-inrichten-uitvoeren-toezicht-houden/ staat de link 'Bekijk meer vragen in deze categorie'. Hiernaast staat een dropdown icoon, waardoor het lijkt alsof het om een uitvouwbare knop gaat. Echter gaat het om een link. Pas de vormgeving aan zodat duidelijk is dat het om een link gaat.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Voldoende

Bevinding 14: Advies: Onderaan pagina https://dev.logo4life.nl/kennisbank/logo-als-link-naar-homepage-test/ staat de vraag 'Heeft u gevonden wat u zocht?'. Wanneer een optie wordt gekozen, verschijnt het veld 'Je reactie'. Hiervoor staat nog een tekst, bijvoorbeeld: 'Fijn dat je het antwoord op je vraag hebt kunnen vinden. Heb je een idee over hoe we onze kennisbank kunnen verbeteren?'. Omdat de tekst direct onder de keuzeoptie verschijnt, is een statusbericht niet noodzakelijk, maar kan het wel prettig zijn, zodat de bezoeker weet dat er nieuwe content is verschenen. Deze tekst kan namelijk gemist worden door bezoekers die in 'formuliermodus' door het formulier heen gaan, aangezien het eerstvolgende focusbare element het veld 'Je reactie' is. Maak bijvoorbeeld gebruik van ARIA live regions.

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: 2024-11-23 09:06:52 v2.4-011