Rapport in PDF

Deelonderzoek content sed-organisatie.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
SED
Evaluatiedatum
18 februari 2025

Managementsamenvatting

Dit rapport bevat het deelonderzoek content. In combinatie met het onderzoek van de techniek vormt dit een volledig toegankelijkheidsonderzoek van de website. Uit dit onderzoek blijkt dat wordt voldaan aan 14 van de 23 content-specifieke criteria voor toegankelijkheid. Veel onderdelen van de site zijn dus al goed toegankelijk, maar er zijn nog verbeteringen mogelijk.

Positief is bijvoorbeeld dat er geen bewegende onderdelen worden gebruikt die niet gepauzeerd kunnen worden, dat links een duidelijk doel hebben en dat de pagina's goede titels hebben.

Verbeteringen zijn echter nog mogelijk op diverse punten, zoals:

  • Onjuiste of missende alt-teksten bij afbeeldingen
  • Onjuist opgemaakte koppen
  • Te laag contrast van tekst

Scope van de evaluatie

Website naam
sed-organisatie.nl
Scope van de website
Alle pagina's op https://www.sed-organisatie.nl/.
WCAG Versie
2.1
Conformiteitsdoel
AA
Basisniveau van toegankelijkheid-ondersteuning
Gangbare webbrowsers en hulpapparatuur.
Verdere onderzoeksvereisten
Niet ingevuld

Uitgebreide toetsresultaten

Samenvatting

Gerapporteerd over 23 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

Rolverdeling

Uitkomst: Onvoldoende

Inrichting

Uitkomst: Onvoldoende
Hele sample

Het logo in de header heeft de zichtbare tekst 'SED organisatie werken bij SED' maar de alt-tekst luidt ‘Logo SED organisatie'. Zorg dat bij logo’s de alternatieve tekst gelijk is aan de zichtbare tekst (bij het logo in de footer is dit wel correct gedaan).

Rolverdeling

Op deze pagina staat een afbeelding van een organogram. Deze afbeelding heeft een lege alt-tekst, maar is niet decoratief. Geef de afbeelding een korte alt-tekst die duidelijk maakt dat hier een organogram is weergegeven, en geef een volledige beschrijving onder de afbeelding. Deze beschrijving kan in de caption worden gezet van het figure-element, zodat deze verbonden is met de afbeelding.

Inrichting

Op deze pagina staat een afbeelding van de organisatiestructuur. Er is voor deze afbeelding geen alternatieve tekst. Er kan een PDF worden gedownload, maar deze is niet getagd (heeft geen toegankelijke codelaag). Zorg dat het document toegankelijk wordt opgemaakt of geef een ander tekstalternatief, zoals een beschrijving onder de afbeelding.
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

Vacature afdelingshoofd Wmo & Schuldhulpverlening (proces)

Uitkomst: Onvoldoende
Vacature afdelingshoofd Wmo & Schuldhulpverlening (proces)

De tussenkopjes zoals ‘Wat breng je mee?’ worden in de code opgemaakt met het strong-element in plaats van met kopelementen. Screenreader gebruikers die navigeren via koppen missen deze nu. Maak hier kopelementen van zoals h2.
1.3.2: Betekenisvolle volgorde
Hele sample

Uitkomst: Onvoldoende

Vacatures

Uitkomst: Onvoldoende
Vacatures

Bij de vacatures staat de datum in de broncode voor de kop waar die bij hoort. Hierdoor verandert de betekenis van de volgorde, en valt de zichtbare datum (in de layout) onder de vorige kop. Dit kan verwarrend zijn voor screenreadergebruikers. Zorg dat de datum in de code na de kop staat.
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

Vacature afdelingshoofd Wmo & Schuldhulpverlening (proces)

Uitkomst: Onvoldoende
Vacature afdelingshoofd Wmo & Schuldhulpverlening (proces)

De links in de teksten onder het formulier worden alleen met een verschil in kleur aangegeven. Slechtzienden en kleurenblinden kunnen missen dat hier een link staat. Voeg bijvoorbeeld onderstreping toe om dit duidelijker te maken. Zie screenshot 1.
1.4.2: Geluidsbediening
Hele sample

Uitkomst: Niet getoetst
1.4.3: Contrast (minimum)
Hele sample

Uitkomst: Onvoldoende

Rolverdeling

Uitkomst: Onvoldoende

Inrichting

Uitkomst: Onvoldoende

Vacature afdelingshoofd Wmo & Schuldhulpverlening (proces)

Uitkomst: Onvoldoende
Hele sample

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.

Rolverdeling

Teksten in het organogram: zoals op de lichtblauwe, (licht)groene en oranje achtergrond.

Inrichting

Teksten in het organogram: zoals op de lichtblauwe, rode en oranje achtergrond.

Vacature afdelingshoofd Wmo & Schuldhulpverlening (proces)
  • De links in de footer zoals ‘Beschrijving toegankelijkheid’ (blauw op grijs). Zie screenshot 1.
  • De foutmeldingen (rood op roze achtergrond, 2.49:1). Zie screenshot 2.
  • De asterisken (rode sterretjes) bij de verplichte velden (3.99:1).
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: Niet getoetst
1.4.11: Contrast van niet-tekstuele content
Hele sample

Uitkomst: Onvoldoende

Vacature afdelingshoofd Wmo & Schuldhulpverlening (proces)

Uitkomst: Onvoldoende
Hele sample

Grafische elementen moeten een contrast hebben van minimaal 3:1. Dit geldt ook voor de randen of achtergrondkleur van invoervelden. Onderstaande elementen op de website zitten qua contrast onder deze waarden.

Vacature afdelingshoofd Wmo & Schuldhulpverlening (proces)

De randen van de invoervelden van het formulier (1.5:1). Slechtzienden kunnen hierdoor moeite hebben om te bepalen waar ze input kunnen geven.
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: Niet getoetst
2.1.4: Enkel teken sneltoetsen
Hele sample

Uitkomst: Niet getoetst
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 getoetst
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: Voldoende
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: Niet getoetst
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: Onvoldoende
Hele sample

Achter het logo in de header staat een link. De toegankelijke naam van deze link moet de zichtbare tekst bevatten, zodat deze met stem bediend kan worden. De toegankelijke naam bevat nu wel een deel van de zichtbare tekst, maar om aan dit criterium te voldoen moet de gehele tekst in de naam staan. Zie ook 1.1.1.
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: Niet getoetst
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: Voldoende
3.3.2: Labels of instructies
Hele sample

Uitkomst: Onvoldoende

Vacature afdelingshoofd Wmo & Schuldhulpverlening (proces)

Uitkomst: Onvoldoende
Vacature afdelingshoofd Wmo & Schuldhulpverlening (proces)

De betekenis van de asterisk (*) voor verplichte velden wordt niet uitgelegd. Dit is mogelijk niet voor iedereen duidelijk, wat onnodige foutmeldingen oplevert. Zet een uitleg hiervan in het begin van het formulier, of geef het aan in tekst. Ook kan een ‘required’ of ‘aria-required’ attribuut behulpzaam zijn voor gebruikers van hulpsoftware, aangezien de asterisk niet door alle screenreaders goed wordt voorgelezen.
3.3.3: Foutsuggestie
Hele sample

Uitkomst: Onvoldoende

Vacature afdelingshoofd Wmo & Schuldhulpverlening (proces)

Uitkomst: Onvoldoende
Vacature afdelingshoofd Wmo & Schuldhulpverlening (proces)

Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan moeten deze suggesties aan de gebruiker worden geleverd. Bij het e-mailadres en het telefoonnummer wordt een bepaald format geëist, maar deze wordt niet als suggestie gegeven. Voeg een suggestie toe, bijvoorbeeld: ‘het mobiele nummer moet in deze vorm worden ingevoerd: ‘(land) 06-12345678’.
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: Niet getoetst

Vacature afdelingshoofd Wmo & Schuldhulpverlening (proces)

Uitkomst: Niet getoetst
Vacature afdelingshoofd Wmo & Schuldhulpverlening (proces)

Opmerking: in dit proces (vacature en formulier om te solliciteren) zitten meerdere technische bevindingen. Zo zijn er invoervelden zonder label, zoals de radio buttons bovenaan, de velden om een bestand toe te voegen en de optie om een land te kiezen bij het telefoonnummer. Ook zijn er technische bevindingen onder andere criteria dan 4.1.2. Zo is het niet mogelijk met het toetsenbord een bestand toe te voegen, terwijl deze velden wel verplicht zijn. Ook zijn er statusberichten (zoals ‘Ongeldig telefoonnummer’) die niet worden doorgegeven aan hulpsoftware. Mogelijk zijn er nog meer technische issues die nu niet zijn onderzocht. Deze bevindingen zijn niet opgenomen in het technische onderzoek, omdat dit proces alleen voorkomt op de website van sed-organisatie.nl en niet valt onder het onderzoek van enkhuizen.nl. Aangeraden wordt om dit verder te laten onderzoeken en een toegankelijk alternatief aan te bieden.
4.1.3: Statusberichten
Hele sample

Uitkomst: Niet getoetst

Sample

  1. Homepage - https://www.sed-organisatie.nl/
  2. Contact - https://www.sed-organisatie.nl/contact/
  3. Over ons - https://www.sed-organisatie.nl/over-sed/
  4. Rolverdeling - https://www.sed-organisatie.nl/rolverdeling/
  5. Inrichting - https://www.sed-organisatie.nl/inrichting
  6. Vacatures - https://www.sed-organisatie.nl/vacatures/
  7. Vacature afdelingshoofd Wmo & Schuldhulpverlening (proces) - https://sedorganisatie.varbi.com/nl/what:job/jobID:774700/type:job/where:4/apply:1
  8. Algemeen bestuur - https://www.sed-organisatie.nl/algemeen-bestuur/

Technologie

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

Onderbouwing van de evaluatie

Gebruikte systemen tijdens het onderzoek: Chrome 133 en Safari 18.3 met Voiceover op Mac 15.3

Screenshots

  1. verklaringen onder formulier
    Figuur 1: links in de tekst worden alleen aangegeven met een andere kleur
    ↩
  2. foutmelding formulier
    Figuur 2: de foutmeldingen en sterretjes hebben te laag contrast
    ↩