Issues:
Content-audit digitale toegankelijkheid website algoritmes.pleio.nl
(Alleen de bevindingen)
Scope van de evaluatie
Naam website | algoritmes.pleio.nl |
---|---|
Datum | 19 april 2024 |
Scope van de website |
Binnen de scope van het onderzoek valt:
|
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 PowerPoint presentatie op pagina https://algoritmes.pleio.nl/file/download/c1c18aec-c9c2-456c-ad8b-59050c26eac9/klankbord-19-december-2023_def.pptx staan verschillende afbeeldingen, dit zijn informatieve (zoals het logo op de eerste slide) en decoratieve afbeeldingen. Informatieve afbeeldingen hebben een alternatieve tekst nodig, terwijl decoratieve afbeeldingen gemarkeerd moeten zijn als decoratief. Dit kan beide door de afbeelding te selecteren, met de rechtermuisknop het menu te open en naar 'Alternatieve tekst weergeven' te gaan.
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Onvoldoende
Bevinding 2: Op pagina https://algoritmes.pleio.nl/page/view/5129946d-9bf8-4fb9-b15c-e122d1dc02c9/algortimeregister is de kleine, dikgedrukte tekst 'algoritmeregister' opgemaakt als een h2 kop (met het h2-element). Deze tekst is geen kop voor onderstaande content en mag daarom niet zijn opgemaakt als een kop. Verwijder het h2-element van deze tekst.
Op pagina https://algoritmes.pleio.nl/search?q=algoritme staan ook teksten niet niet als kop moeten zijn opgemaakt. De zoekresultaten van bestanden zijn opgemaakt als een kop maar worden direct opgevolgd door een kop op hetzelfde niveau en bevatten daardoor geen content. Zie bijvoorbeeld de kop '2023.10.12 Doelgroepenanalyse Algoritmeregister.pdf'
Bevinding 3: In de PowerPoint presentatie op pagina https://algoritmes.pleio.nl/file/download/c1c18aec-c9c2-456c-ad8b-59050c26eac9/klankbord-19-december-2023_def.pptx staan verschillende slides die geen titel hebben. Zorg ervoor dat elke slide een beschrijvende titel heeft.
Bevinding 4: Op pagina https://algoritmes.pleio.nl/news/view/846c3453-4996-4e5e-9558-03089532633f/100e-organisatie-publiceert-in-algoritmeregister is de tekst '0 reacties' opgemaakt als h2-kop. Op de pagina komen verder een h1-kop voor (de titel van het artikel) en h3-koppen (de kopjes in het artikel). Hierdoor vallen de tussenkopjes in het artikel nu onder '0 reacties'. Dit is niet logisch, pas de koppenstructuur op de pagina daarom aan zodat er een logische aflopende koppenstructuur is. Een koppenstructuur die niet logisch afloopt komt ook voor op pagina https://algoritmes.pleio.nl/groups/view/bf169271-70df-47b3-ae59-b46f6b1b32dc/algoritmekader.
Bevinding 5: De PDF op pagina https://algoritmes.pleio.nl/file/download/30244aea-6d66-40ca-80f7-5da584bc436a/handreiking-bezwaarbehandelaars-algoritmen.pdf 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 ALT-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.
Bevinding 6: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://algoritmes.pleio.nl/page/view/5129946d-9bf8-4fb9-b15c-e122d1dc02c9/algortimeregister staat een submenu die is opgemaakt als een lijst met een ul-element. Binnen dit ul-element is een leeg ul-element geplaatst. Het is niet toegestaan om een ul-element als directe afstammeling te plaatsen in een ander ul-element. Verwijder dit ul-element, of plaats het binnen een li-element als er wel content in geplaatst wordt.
1.4 Onderscheidbaar
1.4.3 Contrast (minimum) (Niveau AA)
Informatie over succescriterium 1.4.3 Contrast (minimum)
Uitkomst: Onvoldoende
Bevinding 7: Op pagina https://algoritmes.pleio.nl/page/view/1246fad6-a5df-433a-aa9e-3111f4b730ca/kennisbank staat het label van comboboxen deels over een blauwe achtergrond (HEX #9CBDE6). Het gaat om grijze labels 'Trefwoorden', 'Thema' en 'Type' (HEX #465567). Deze kleurencombinatie heeft een contrastverhouding van 3,9:1, waar dat minimaal 4,5:1 moet zijn.
Bevinding 8: In de powerpoint presentatie op pagina https://algoritmes.pleio.nl/file/download/c1c18aec-c9c2-456c-ad8b-59050c26eac9/klankbord-19-december-2023_def.pptx komen de volgende contrastbevindingen voor:
- Op slide 1 staat de titel 'ALGORITMEKADER Verantwoorde inzet van algoritmes' (HEX #017BC6) op een lichtblauwe achtergrond (HEX #B1D6ED). Deze kleurencombinatie heeft een contrastverhouding 2,9:1, waar dat minimaal 3:1 moet zijn.
- Op slide 5 staat een afbeelding van tekst. Teksten zoals 'Normen uit wet- en regelgeving' zijn wit op een lichtblauwe achtergrond (HEX #749CBE). De contrastverhouding is hier 2,8:1, waar dat minimaal 4,5:1 moet zijn. Ook de witte tekst 'DEEL 2: ...' op de blauwe achtergrond (HEX #84B2DB) in deze afbeelding heeft onvoldoende contrast. Hier is de contratsverhouding 2,2:1.
- Op slide 6 staat een afbeelding met daarin witte tekst op een grijze achtergrond (HEX #95A9C1). Deze combinatie heeft een contrastverhouding van 2,4:1, waar dat minimaal 4,5:1 moet zijn. Ook de witte tekst op de meeste lichte kleur blauwe (HEX #789CC0) in deze afbeelding heeft onvoldoende contrast. De contrastverhouding is hier 2,8:1.
- Op slide 9 staat een afbeelding van tekst. Witte teksten in deze afbeelding op een lichtblauwe achtergrond (HEX #749CBE) hebben een contrastverhouding 2,8:1, waar dat minimaal 4,5:1 moet zijn.
- Op slide 10 staat een afbeelding van tekst. De witte tekst op de lichtblauwe achtergrond (HEX #84B2DB) heeft een contrastverhouding van 2,2:1. Dit zou minimaal 3:1 moeten zijn.
- Op slide 22 staat de blauwe link 'https://algoritmes.pleio.nl/' (HEX #017BC6) op een lichtblauwe achtergrond (HEX #B1D6ED). De contrastverhouding is hier 2,9:1, waar dat minimaal 3:1 moet zijn.
1.4.5 Afbeeldingen van tekst (Niveau AA)
Informatie over succescriterium 1.4.5 Afbeeldingen van tekst
Uitkomst: Onvoldoende
Bevinding 9: De PowerPoint presentatie op pagina https://algoritmes.pleio.nl/file/download/c1c18aec-c9c2-456c-ad8b-59050c26eac9/klankbord-19-december-2023_def.pptx bevat meerdere afbeeldingen van tekst. Wanneer het begrijpen van tekst niet afhankelijk is van de visuele weergave in de afbeelding, zoals bij infographics, moet de tekst als gewone tekst in het bestand worden geplaatst. Voorbeelden van afbeeldingen van tekst die als gewone tekst in de presentatie geplaatst kunnen worden staan bijvoorbeeld op slide 9 en 10. Wanneer tekst via een afbeelding in een bestand wordt geplaatst is deze tekst niet beschikbaar voor voorleessoftware. Ook kan de tekststijl en grootte niet worden aangepast om de leesbaarheid te verbeteren.
Dit geldt ook voor de afbeeldingen van tabellen in het bestand.
1.4.11 Contrast van niet-tekstuele content (Niveau AA)
Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content
Uitkomst: Onvoldoende
Bevinding 10: Op pagina https://algoritmes.pleio.nl/ staat een formulier met invoervelden die worden aangegeven met grijze randen (HEX #CCCCCC). De contrastratio van de grijze randen met de witte binnenkant van het invoerveld is 1,6:1, waar dat minimaal 3:1 moet zijn.
2. Bedienbaar
2.4 Navigeerbaar
2.4.2 Paginatitel (Niveau A)
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Voldoende
Bevinding 11: Advies: De paginatitel van de homepage https://algoritmes.pleio.nl/ is 'Algoritmes'. Deze paginatitel geeft niet aan dat dit de homepage van de website is. Het zou beter zijn als de paginatitel ook benoemt dat deze pagina de homepage is. Overweeg daarnaast ook duidelijk te maken wie de afzender van de website is, dat is nu erg onduidelijk.
Bevinding 12: Advies: De documenttitel van de PDF op pagina https://algoritmes.pleio.nl/file/download/30244aea-6d66-40ca-80f7-5da584bc436a/handreiking-bezwaarbehandelaars-algoritmen.pdf is 'Microsoft Word - Handreiking bezwaarbehandelaars algoritmen.docx'. Omdat het hier niet gaat om een Word-bestand is het beter om 'Microsoft Word -' en '.docx' uit deze documenttitel te verwijderen.
2.4.6 Koppen en labels (Niveau AA)
Informatie over succescriterium 2.4.6 Koppen en labels
Uitkomst: Voldoende
Bevinding 13: Opmerking: Op de homepage https://algoritmes.pleio.nl/ staat de visueel verborgen kop 'Kopie Home'. Waarschijnlijk hoort het woord 'Kopie' niet thuis in deze kop omdat dit de homepage is en geen kopie van de homepage. Verander deze kop naar 'Home'.
2.4.7 Focus zichtbaar (Niveau AA)
Informatie over succescriterium 2.4.7 Focus zichtbaar
Uitkomst: Niet aanwezig
Bevinding 14: Opmerking: Op pagina https://algoritmes.pleio.nl/ staat een formulier. In dit formulier staat voor de knop 'Aanmelden' een input-element dat visueel niet zichtbaar is maar wel met het toetsenbord focus kan krijgen. Omdat de focus hier niet zichtbaar is weten sommige toetsenbordgebruikers niet welk element focus heeft. Zorg ervoor dat focus altijd wordt aangegeven met een visuele indicator Een mogelijk oplossing is om dit input-element te verwijderen of verbergen voor toetsenbordgebruikers (en hulpsoftware). Omdat dit een technische bevinding is wordt hierop niet afgekeurd tijdens deze content-audit.
3. Begrijpelijk
3.1 Leesbaar
3.1.1 Taal van de pagina (Niveau A)
Informatie over succescriterium 3.1.1 Taal van de pagina
Uitkomst: Onvoldoende
Bevinding 15: In eigenschappen van de PDF op pagina https://algoritmes.pleio.nl/file/download/30244aea-6d66-40ca-80f7-5da584bc436a/handreiking-bezwaarbehandelaars-algoritmen.pdf is geen taal ingesteld. Hierdoor kan voorleessoftware het bestand mogelijk met een andere uitspraak voorlezen. Zorg ervoor dat het document een taalinstelling krijgt die overeenkomt met de meest gebruikte taal in het bestand.
3.3 Assistentie bij invoer
3.3.1 Foutidentificatie (Niveau A)
Informatie over succescriterium 3.3.1 Foutidentificatie
Uitkomst: Onvoldoende
Bevinding 16: Op pagina https://algoritmes.pleio.nl/ staat een formulier waarin alleen HTML5 foutmeldingen staan. Deze foutmeldingen geven niet altijd aan welke fout de bezoeker heeft gemaakt. Ook zijn de meldingen kortaf en in sommige browsers in een andere taal. Een mogelijke oplossing voor dit probleem is om eigen foutmeldingen toe te voegen aan het formulier.
3.3.2 Labels of instructies (Niveau A)
Informatie over succescriterium 3.3.2 Labels of instructies
Uitkomst: Onvoldoende
Bevinding 17: In het formulier op pagina https://algoritmes.pleio.nl/ wordt het verplichte veld aangegeven met een asterisk (*). Nergens bij het formulier wordt aangegeven wat deze asterisk betekent. Hierdoor kan het zo zijn dat sommige bezoekers niet weten wat de asterisk aangeeft. Zorg ervoor dat in tekst bij het formulier wordt uitgelegd dat de asterisk een verplicht veld aangeeft.
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 18: Onder het iframe-element op pagina https://algoritmes.pleio.nl/page/view/5129946d-9bf8-4fb9-b15c-e122d1dc02c9/algortimeregister staat een knop zonder toegankelijke naam. Zonder toegankelijke naam is deze knop moeilijk te bedienen en begrijpen voor gebruikers van hulpsoftware. Zorg ervoor dat deze knop een toegankelijke naam krijgt, bijvoorbeeld met een aria-label. De knop verdwijnt wanneer cookies van derden worden geaccepteerd.
Dit komt ook voor bij het iframe op pagina https://algoritmes.pleio.nl/page/view/67f8e63c-82b4-474e-a003-6ab8923d5184/praktijkverhalen-nieuw.
Bevinding 19: Op pagina https://algoritmes.pleio.nl/page/view/5129946d-9bf8-4fb9-b15c-e122d1dc02c9/algortimeregister staat een iframe-element zonder toegankelijke naam. Een iframe-element heeft altijd ene toegankelijke naam nodig via het title-attribuut. In dit geval mag de toegankelijke naam van het iframe-element overeenkomen met de titel van de video.
Hetzelfde iframe staat ook op pagina https://algoritmes.pleio.nl/page/view/67f8e63c-82b4-474e-a003-6ab8923d5184/praktijkverhalen-nieuw.
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://algoritmes.pleio.nl/ - Algoritmeregister:
https://algoritmes.pleio.nl/page/view/5129946d-9bf8-4fb9-b15c-e122d1dc02c9/algortimeregister - Nieuws:
https://algoritmes.pleio.nl/news - Nieuwsbericht:
https://algoritmes.pleio.nl/news/view/846c3453-4996-4e5e-9558-03089532633f/100e-organisatie-publiceert-in-algoritmeregister - 404:
https://algoritmes.pleio.nl/bestaatniet - Zoekresultaten:
https://algoritmes.pleio.nl/search?q=algoritme - Kennisbank:
https://algoritmes.pleio.nl/page/view/1246fad6-a5df-433a-aa9e-3111f4b730ca/kennisbank - Community algoritmekader (Powerpoint pagina):
https://algoritmes.pleio.nl/groups/view/bf169271-70df-47b3-ae59-b46f6b1b32dc/algoritmekader - Powerpoint presentatie:
https://algoritmes.pleio.nl/file/download/c1c18aec-c9c2-456c-ad8b-59050c26eac9/klankbord-19-december-2023_def.pptx - Handreiking Algoritmeregister (PDF Pagina):
https://algoritmes.pleio.nl/wiki/view/19bb6e9e-7a97-43d5-bef3-b1d66e59f4ff/handreiking-algoritmeregister - PDF Handreiking:
https://algoritmes.pleio.nl/file/download/30244aea-6d66-40ca-80f7-5da584bc436a/handreiking-bezwaarbehandelaars-algoritmen.pdf - Veelgestelde vragen:
https://algoritmes.pleio.nl/wiki/view/665c3b0c-8516-4ff9-9eb7-94e596f9a209/a-algoritmekader-wat-waarom-hoe-en-wanneer - Praktijkverhalen:
https://algoritmes.pleio.nl/page/view/67f8e63c-82b4-474e-a003-6ab8923d5184/praktijkverhalen-nieuw - Bericht:
https://algoritmes.pleio.nl/groups/view/e5dd717e-8817-44e7-893f-cd6bcfa2d24f/publicatiestandaard/discussion/view/2c138757-2185-48d9-9aae-2c416c0c4b33/nieuwe-versie-publicatiestandaard-in-ontwikkeling
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.