Rapport in PDF

Deelonderzoek content sociaaldomein.almere.nl

Inleiding

Openbare voorzieningen moeten bruikbaar en toegankelijk zijn voor alle burgers. Net zoals een gebouw rolstoeltoegankelijk moet zijn, moet een website of mobiele app ook bediend kunnen worden door mensen met een beperking. Dit kunnen bijvoorbeeld visuele, auditieve of motorische beperkingen zijn. Denk aan slechtzienden, doven en slechthorenden en mensen die hun handen niet of in beperkte mate kunnen gebruiken. Ook cognitieve factoren spelen een rol: is de content voor iedereen te begrijpen?

Nederlandse overheidsorganisaties moeten voldoen aan de Web Content Accessibility Guidelines (WCAG) versie 2.1, onder de Europese standaard voor overheidswebsites EN 301 549. Deze criteria variëren van technisch functionele eisen zoals een goede werking met het toetsenbord tot aan meer inhoudelijke eisen zoals duidelijke foutmeldingen en een heldere navigatiestructuur.

Dit onderzoek is handmatig uitgevoerd volgens de WCAG-EM evaluatiemethode met ondersteuning van automatische test tools. De pagina’s uit de sample zijn onderzocht op alle 50 criteria onder WCAG 2.1 A en AA. Wanneer aan een criterium niet wordt voldaan, wordt hiervan minimaal één voorbeeld gegeven. Deze bevindingen kunnen op meer plekken voorkomen en moeten daarom structureel worden aangepakt.

De WCAG criteria zijn ingedeeld volgens vier principes, welke ook de leidraad vormen voor dit rapport: Waarneembaar, Bedienbaar, Begrijpelijk en Robuust. Gedetailleerde informatie over deze criteria is te vinden op de website van het W3C (Nederlandse vertaling).

Over deze evaluatie

Rapport auteur
Janita Top
Evaluatie opdrachtgever
Gemeente Almere
Evaluatiedatum
1 augustus 2024

Managementsamenvatting

Dit rapport bevat het deelonderzoek content. In combinatie met het totaalonderzoek van almere.nl vormt dit een volledig toegankelijkheidsonderzoek van de website.

Uit dit onderzoek blijkt dat wordt voldaan aan 22 van de 29 content-specifieke criteria voor toegankelijkheid. Veel onderdelen van de site zijn dus al goed toegankelijk, maar er zijn nog verbeteringen mogelijk op diverse punten, zoals:

  • Missende alt-teksten bij afbeeldingen
  • Onjuist opgemaakte koppen
  • Onjuist opgemaakte tabellen
  • Teksten met te laag contrast

Ook zijn er nog een paar technische bevindingen beschreven die specifiek zijn voor deze site en niet genoemd zijn in het totaalonderzoek.

Scope van de evaluatie

Website naam
sociaaldomein.almere.nl
Scope van de website
Alle pagina's op https://sociaaldomein.almere.nl/.
WCAG Versie
2.1
Conformiteitsdoel
AA
Basisniveau van toegankelijkheid-ondersteuning
Gangbare webbrowsers en hulpapparatuur.

Uitgebreide toetsresultaten

Samenvatting

Gerapporteerd over 31 van 50 WCAG 2.1 AA Success Criteria.

Alle resultaten

1 Waarneembaar

1.1 Tekstalternatieven
Success Criterium Uitkomst Bevindingen
1.1.1: Niet-tekstuele content
Hele sample

Uitkomst: Onvoldoende

Aanbod jeugd en gezin

Uitkomst: Onvoldoende
Aanbod jeugd en gezin

Op deze pagina staat een afbeelding van een logo met de tekst ‘Sociale kaart Flevoland’. De alt-tekst is leeg. Logo’s geven informatie en hebben daarom altijd een beschrijving nodig. Voeg de zichtbare tekst toe in de alt-tekst.

Dit geldt ook voor vervolgpagina’s met logo’s, zoals wanneer je het resultaat ‘Aanvraag voor meubels of witgoed’ selecteert. Ook hier is de alt-tekst bij het logo leeg.
1.2 Op tijd gebaseerde media
Success Criterium Uitkomst Bevindingen
1.2.1: Louter-geluid en louter-videobeeld (vooraf opgenomen)
Hele sample

Uitkomst: Niet van toepassing
1.2.2: Ondertitels voor doven en slechthorenden (vooraf opgenomen)
Hele sample

Uitkomst: Niet van toepassing
1.2.3: Audiodescriptie of media-alternatief (vooraf opgenomen)
Hele sample

Uitkomst: Niet van toepassing
1.2.4: Ondertitels voor doven en slechthorenden (live)
Hele sample

Uitkomst: Niet van toepassing
1.2.5: Audiodescriptie (vooraf opgenomen)
Hele sample

Uitkomst: Niet van toepassing
1.3 Aanpasbaar
Success Criterium Uitkomst Bevindingen
1.3.1: Info en relaties
Hele sample

Uitkomst: Onvoldoende

Aanbieders jeugdhulp

Uitkomst: Onvoldoende

Aanbod jeugd en gezin

Uitkomst: Onvoldoende

Bewindvoerders

Uitkomst: Onvoldoende

PDF beleidsplan cultuur 2019-2024

Uitkomst: Onvoldoende

PDF normenkader aanbieders jeugdhulp

Uitkomst: Onvoldoende
Aanbieders jeugdhulp

Bovenaan de content staat een invoerveld om te zoeken binnen aanbieders. Dit veld heeft geen label. Er staat een placeholdertekst, maar een placeholder is niet altijd beschikbaar en wordt niet altijd voorgelezen door screenreaders. Voeg een label-element of aria-label toe met bijvoorbeeld ‘zoekwoord’. Voor hulpsoftware is een label altijd vereist.

Visueel is er een tabel met Gevonden aanbieders. In de code is dit geen tabel, maar zijn dit losse div-elementen. Hierdoor wordt er geen tabelinformatie voorgelezen door screenreaders en is het niet duidelijk welke data bij elkaar hoort. Maak hier een tabel van met th-cellen en td-cellen.

Aanbod jeugd en gezin

De koppenstructuur is niet helemaal correct. Wanneer je een thema hebt geactiveerd, komen er resultaten te staan onder h3-koppen, welke direct vallen onder de h2-kop ‘Thema’s. Een bezoeker die navigeert via koppen en meteen naar het aanbod wil gaan, kan deze aanbieders nu gemakkelijk missen
(en denken dat er geen resultaten zijn). Voeg een algemene (h2-) kop toe met het aanbod. Zie screenshot 1. NB: Wanneer een aanbieder is geselecteerd (en weer een vervolgpagina opent), begint deze content wel met een h2-kop.

Bewindvoerders

De koppenstructuur is niet helemaal correct. Wanneer je informatie uitklapt, zijn er soms tussenkopjes. Deze moeten op een lager niveau staan dan het onderwerp waar ze onder vallen. Dit is bijvoorbeeld niet het geval bij ‘Toekenningsperiode en aanvraag voor verlenging bewindvoeringskosten’. De kopjes hier binnen staan op h3-niveau, maar dit moet h4 zijn. Dit komt op meerdere plekken voor.
(Er zijn ook veel onderdelen waar de tussenkopjes wel correct op niveau 4 staan.)

PDF beleidsplan cultuur 2019-2024

De PDF heeft geen tags
(codelaag) en daardoor is er voor hulpsoftware zoals screenreaders geen informatie beschikbaar om de PDF te interpreteren. Deze codelaag wordt aangemaakt in het bronbestand (bijvoorbeeld Word of Indesign) en moet van daaruit goed worden geëxporteerd. Wanneer de codelaag aanwezig is en aan de richtlijnen voldoet, kan hulpsoftware de inhoud juist weergeven voor de gebruiker, zoals ook bij goed opgebouwde HTML-pagina's het geval is.

PDF normenkader aanbieders jeugdhulp

De tabellen zijn niet logisch opgemaakt. Er zijn per tabel 3 rijen terwijl er veel meer datarijen zichtbaar zijn. Nu wordt alle data per cel opgelezen, bijvoorbeeld ‘ Minuut Minuut Dagdeel Dagdeel Etmaal Dag Dag’. Het is hierbij niet duidelijk waar deze eenheden bij horen. Zet elk product met bijbehorende data op 1 rij.

De kopjes boven de tabellen zijn als paragraaf opgemaakt. Maak hier bijvoorbeeld captions van
(tabelkoppen).
1.3.2: Betekenisvolle volgorde
Hele sample

Uitkomst: Voldoende
1.3.3: Zintuiglijke eigenschappen
Hele sample

Uitkomst: Voldoende
1.3.4: Weergavestand
Hele sample

Uitkomst: Niet getoetst
1.3.5: Identificeer het doel van de input
Hele sample

Uitkomst: Niet getoetst
1.4 Onderscheidbaar
Success Criterium Uitkomst Bevindingen
1.4.1: Gebruik van kleur
Hele sample

Uitkomst: Onvoldoende

PDF beleidsplan cultuur 2019-2024

Uitkomst: Onvoldoende
PDF beleidsplan cultuur 2019-2024

In meerdere diagrammen worden categorieën alleen onderscheiden door middel van kleur. Voeg een ander visueel middel toe voor mensen die de kleuren niet kunnen zien, zoals een tekst of arcering. Zie bijv. pagina 6 ‘verdeling cultuurbudget’.
1.4.2: Geluidsbediening
Hele sample

Uitkomst: Niet van toepassing
1.4.3: Contrast (minimum)
Hele sample

Uitkomst: Onvoldoende

Aanbieders jeugdhulp

Uitkomst: Onvoldoende

Kaders en afspraken

Uitkomst: Onvoldoende

PDF beleidsplan cultuur 2019-2024

Uitkomst: Onvoldoende

PDF normenkader aanbieders jeugdhulp

Uitkomst: Onvoldoende
Hele sample

Bevindingen:

Tekst moet een contrast hebben van minimaal 4,5:1 voor slechtzienden en kleurenblinden. Dat geldt ook voor actieve elementen zoals op hover en focus. Onderstaande elementen op de website zitten qua contrast onder deze waarden.

Aanbieders jeugdhulp

De teksten van de labels zoals ‘Begeleiding’
(4.2:1).

Kaders en afspraken

Onder ‘ Samenwerken en effectief op- en afschalen’ staat een informatieve afbeelding met witte tekst op blauwe achtergrond
(3.4:1).

PDF beleidsplan cultuur 2019-2024

De blauw/witte kleurcombinaties, zoals in de Inhoudsopgave, blokken zoals ‘Wat bedoelen we met cultuur’ en in de tabellen op pagina 13.

PDF normenkader aanbieders jeugdhulp

De kopteksten in de tabellen
(blauw/wit).
1.4.4: Herschalen van tekst
Hele sample

Uitkomst: Niet getoetst
1.4.5: Afbeeldingen van tekst
Hele sample

Uitkomst: Voldoende
1.4.10: Reflow
Hele sample

Uitkomst: Onvoldoende

Aanbod jeugd en gezin

Uitkomst: Onvoldoende
Hele sample

Bevindingen:

Maak de layout zodanig responsive dat alle content en functionaliteit bij inzoomen tot 400%
(vergelijkbaar met 320 px breed) goed bruikbaar blijft, en er niet in twee richtingen gescrold hoeft te worden. Op onderstaande plekken op de site is dit niet het geval. (Getest op 1280px breed.)

Aanbod jeugd en gezin

Wanneer je een thema hebt gelesecteerd, moet je horizontaal scrollen om de content te kunnen lezen. Zie screenshot 2.
1.4.11: Contrast van niet-tekstuele content
Hele sample

Uitkomst: Onvoldoende

PDF beleidsplan cultuur 2019-2024

Uitkomst: Onvoldoende
Hele sample

Bevindingen:

De knop om te zoeken in de header heeft te laag contrast
(turkoois op lichtblauw, 2.8:1). Zorg dat grafische elementen een minimum contrast hebben van 3:0. NB: Je kunt ook zoeken d.m.v. de enter toets, maar niet alle gebruikers weten dit. Ook dient de knop met de loep als zichtbaar label wanneer de focus in het tekstveld staat en de placeholder niet meer zichtbaar is.

PDF beleidsplan cultuur 2019-2024

De diagrammen bevatten meerdere onderdelen met te laag contrast ten opzichte van de omliggende kleuren. Bijvoorbeeld geel/wit en groen/wit.
1.4.12: Tekstafstand
Hele sample

Uitkomst: Niet getoetst
1.4.13: Content bij hover of focus
Hele sample

Uitkomst: Niet getoetst

2 Bedienbaar

2.1 Toetsenbordtoegankelijk
Success Criterium Uitkomst Bevindingen
2.1.1: Toetsenbord
Hele sample

Uitkomst: Niet getoetst
2.1.2: Geen toetsenbordval
Hele sample

Uitkomst: Voldoende
2.1.4: Enkel teken sneltoetsen
Hele sample

Uitkomst: Niet van toepassing
2.2 Genoeg tijd
Success Criterium Uitkomst Bevindingen
2.2.1: Timing aanpasbaar
Hele sample

Uitkomst: Niet getoetst
2.2.2: Pauzeren, stoppen, verbergen
Hele sample

Uitkomst: Niet van toepassing
2.3 Toevallen en fysieke reacties
Success Criterium Uitkomst Bevindingen
2.3.1: Drie flitsen of beneden drempelwaarde
Hele sample

Uitkomst: Voldoende
2.4 Navigeerbaar
Success Criterium Uitkomst Bevindingen
2.4.1: Blokken omzeilen
Hele sample

Uitkomst: Niet getoetst
2.4.2: Paginatitel
Hele sample

Uitkomst: Onvoldoende

Aanbieder jeugdhulp

Uitkomst: Onvoldoende

PDF beleidsplan cultuur 2019-2024

Uitkomst: Onvoldoende

PDF normenkader aanbieders jeugdhulp

Uitkomst: Onvoldoende
Aanbieder jeugdhulp

De paginatitel luidt ‘Gecontracteerde aanbieders’, maar deze pagina bevat de informatie over een specifieke aanbieder, Triade-Vitree. Zorg dat de paginatitel de content goed weergeeft.

PDF beleidsplan cultuur 2019-2024

Het PDF-bestand heeft geen titel. Voor gebruikers van hulpsoftware is het voor de navigatie tussen documenten/webpagina’s belangrijk dat de titel duidelijk maakt waar ze zijn. Wanneer een pdf geen titel heeft wordt de bestandsnaam getoond, deze is niet altijd even duidelijk. Pas de titel aan in de Documenteigenschappen in Adobe PDF.

PDF normenkader aanbieders jeugdhulp

Het PDF-bestand heeft geen titel.
2.4.3: Focus volgorde
Hele sample

Uitkomst: Niet getoetst
2.4.4: Linkdoel (in context)
Hele sample

Uitkomst: Voldoende
2.4.5: Meerdere manieren
Hele sample

Uitkomst: Niet getoetst
2.4.6: Koppen en labels
Hele sample

Uitkomst: Voldoende
2.4.7: Focus zichtbaar
Hele sample

Uitkomst: Onvoldoende

Aanbieders jeugdhulp

Uitkomst: Onvoldoende
Aanbieders jeugdhulp


(Technische bevinding) Er staan filters om te zoeken op aanbieders. Deze krijgen op mouseover een andere stijl, maar op focus is er geen verandering zichtbaar. Hierdoor is het voor toetsenbordgebruikers niet duidelijk wanneer zij deze kunnen activeren. DIt geldt ook voor de ‘knop’ om alle filters te wissen. Zie ook 4.1.2.
2.5 Input Modaliteiten
Success Criterium Uitkomst Bevindingen
2.5.1: Aanwijzergebaren
Hele sample

Uitkomst: Niet getoetst
2.5.2: Aanwijzerannulering
Hele sample

Uitkomst: Niet getoetst
2.5.3: Label in naam
Hele sample

Uitkomst: Voldoende
2.5.4: Bewegingsactivering
Hele sample

Uitkomst: Niet getoetst

3 Begrijpelijk

3.1 Leesbaar
Success Criterium Uitkomst Bevindingen
3.1.1: Taal van de pagina
Hele sample

Uitkomst: Voldoende
3.1.2: Taal van onderdelen
Hele sample

Uitkomst: Niet van toepassing
3.2 Voorspelbaar
Success Criterium Uitkomst Bevindingen
3.2.1: Bij focus
Hele sample

Uitkomst: Niet getoetst
3.2.2: Bij input
Hele sample

Uitkomst: Niet getoetst
3.2.3: Consistente navigatie
Hele sample

Uitkomst: Niet getoetst
3.2.4: Consistente identificatie
Hele sample

Uitkomst: Voldoende
3.3 Assistentie bij invoer
Success Criterium Uitkomst Bevindingen
3.3.1: Foutidentificatie
Hele sample

Uitkomst: Niet van toepassing
3.3.2: Labels of instructies
Hele sample

Uitkomst: Niet van toepassing
3.3.3: Foutsuggestie
Hele sample

Uitkomst: Niet van toepassing
3.3.4: Foutpreventie (wettelijk, financieel, gegevens
Hele sample

Uitkomst: Niet getoetst

4 Robuust

4.1 Compatibel
Success Criterium Uitkomst Bevindingen
4.1.1: Parsen
Hele sample

Uitkomst: Niet getoetst
4.1.2: Naam, rol, waarde
Hele sample

Uitkomst: Onvoldoende

Aanbieders jeugdhulp

Uitkomst: Onvoldoende
Aanbieders jeugdhulp


(Technische bevinding) Er staat visueel een knop om alle filters te wissen. Dit is in de code enkel een label en daardoor niet beschikbaar voor gebruikers van hulpsoftware. Maak hier een button element van.
4.1.3: Statusberichten
Hele sample

Uitkomst: Niet getoetst

Sample met getoetste webpagina's

  1. Startpagina - https://sociaaldomein.almere.nl/
  2. Aanbieders jeugdhulp - https://sociaaldomein.almere.nl/jeugdhulp-inzetten/gecontracteerde-aanbieders
  3. Aanbieder jeugdhulp - https://sociaaldomein.almere.nl/jeugdhulp-inzetten/gecontracteerde-aanbieders?tx_zorgdb_aanbieders%5Baction%5D=show&tx_zorgdb_aanbieders%5Bcontroller%5D=Provider&tx_zorgdb_aanbieders%5Bprovider%5D=175&cHash=55400d66da68149fba4065757cff309d
  4. WMO-tarieven - https://sociaaldomein.almere.nl/praktische-informatie/tarieven
  5. Preventie voor jeugd en gezin - https://sociaaldomein.almere.nl/preventie-voor-jeugd-en-gezin
  6. Aanbod jeugd en gezin - https://sociaaldomein.almere.nl/preventie-voor-jeugd-en-gezin/aanbod-jeugd-en-gezin
  7. Bewindvoerders - https://sociaaldomein.almere.nl/bewindvoerders
  8. Kaders en afspraken - https://sociaaldomein.almere.nl/jeugdhulp-inzetten/kaders-en-afspraken
  9. Veelgestelde vragen jeugdhulp - https://sociaaldomein.almere.nl/jeugdhulp-inzetten/jeugdhulp-zonder-verblijf/veelgestelde-vragen
  10. Zoekresultaten beperking - https://sociaaldomein.almere.nl/zoeken?tx_solr%5Bq%5D=beperking
  11. Behandeling dyslexie - https://sociaaldomein.almere.nl/jeugdhulp-inzetten/
  12. PDF beleidsplan cultuur 2019-2024 - https://sociaaldomein.almere.nl/fileadmin/files/almere/cultuur/CULTUURPLAN_2019-2024.pdf
  13. PDF normenkader aanbieders jeugdhulp - https://sociaaldomein.almere.nl/fileadmin/files/almere/AlmereKracht/Normenkader_aanbieders_jeugdhulp_zonder_verblijf.pdf
  14. Toegankelijkheid - https://sociaaldomein.almere.nl/toegankelijkheid
  15. Documenten - https://sociaaldomein.almere.nl/documenten

Webtechnologie

HTML,CSS,WAI-ARIA,JavaScript,SVG,PDF,DOM

Onderbouwing van de evaluatie

Gebruikte systemen tijdens het onderzoek:

Screenshots

  1. koppenlijst aanbodpagina
    Figuur 1: de kopniveaus zijn niet correct: het aanbod valt onder Thema's
    ↩
  2. tekst loopt buiten beeld
    Figuur 2: bij het inzoomen moet je horizontaal scrollen om de tekst te kunnen lezen
    ↩