Rapport in PDF

Deelonderzoek content emco-groep.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
EMCO-groep
Evaluatiedatum
26 februari 2025

Managementsamenvatting

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

Positief is bijvoorbeeld er geen zintuiglijke eigenschappen worden gebruikt om betekenis over te brengen, dat er geen bewegende onderdelen worden gebruikt die niet gepauzeerd kunnen worden en dat er een consistente identificatie aanwezig is.

Verbeteringen zijn echter nog mogelijk op diverse punten, zoals:

  • Onjuiste of missende alt-teksten bij afbeeldingen
  • Links zonder duidelijk doel
  • Geen duidelijke foutmeldingen in het contactformulier

NB: Verscheidene bevindingen in dit rapport zullen (waarschijnlijk) moeten worden opgelost door de webbouwer. Ze worden hier toch genoemd, omdat ze vallen onder een criterium dat standaard wel wordt onderzocht in een content onderzoek, en omdat er tijdens dit onderzoek nog geen technisch rapport van de website beschikbaar was waarin deze bevindingen zijn beschreven.

Scope van de evaluatie

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

Uitgebreide toetsresultaten

Samenvatting

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

Nieuws

Uitkomst: Onvoldoende

Project AMIF

Uitkomst: Onvoldoende

Hele sample

Het logo in de header heeft de zichtbare tekst 'EMCO-groep’, maar de alt-tekst luidt enkel ‘Logo'. Het logo in de footer heeft de zichtbare tekst 'EMCO-groep’, maar de alt-tekst luidt ‘arrow icon'. Zorg dat voor beide logo’s de alternatieve tekst gelijk is aan de zichtbare tekst.

De iconen in de footer van de social media hebben geen goede alternatieve tekst. Beide alt-teksten luiden nu ‘icon’. Geef deze een goede beschrijving. Zie ook 2.4.4.

De knop in de footer met ‘Neem contact op’ heeft een afbeelding met als alt-tekst ‘arrow-icon’. Deze alt-tekst kan beter worden leeg gelaten. Nu wordt de linktekst hierdoor ook ‘Neem contact op arrow icon’. Pijlen met deze alt-tekst komen op veel plekken in de site voor. Laat deze allemaal leeg zodat screenreaders ze negeren.

Nieuws

De meeste foto’s hebben goed beschrijvende alt-teksten, maar bij twee foto’s is de beschrijving meer algemeen en beschrijft niet wat er op de afbeelding staat. Het gaat om de foto’s met de alt-teksten ‘Project Amif van AT7’ en ‘Open Dag EMCO-groep in Emmen’. Zie screenshot 1.

Project AMIF

Binnen de content staat een afbeelding met de alt-tekst “Project AMIF – Taalondersteuning op de werkvloer”. Op de afbeelding staan andere teksten dan in de alt-tekst.

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

Arbeidsmatige dagbesteding

Uitkomst: Niet getoetst

Arbeidsmatige dagbesteding

Opmerking: deze video staat op de Youtube website en niet ingesloten op de webpagina, en daarom is het niet opgenomen als bevinding maar als advies. Deze video heeft een automatisch gegenereerde ondertiteling, maar deze klopt op veel plekken niet. Hierdoor is het voor doven en slechthorenden lastig om deze video te volgen. Het wordt aangeraden om een correcte ondertiteling toe te voegen.

1.2.3: Audiodescriptie of media-alternatief (vooraf opgenomen)
Hele sample

Uitkomst: Onvoldoende

Random pagina 1 - businesspost

Uitkomst: Onvoldoende

Random pagina 1 - businesspost

De video’s onder ‘Werkzaamheden’ bevatten geen gesproken tekst. Hierdoor is het voor visueel beperkten niet duidelijk wat er op deze video’s gebeurt. Voeg een audiodescriptiespoor toe of een beschrijvende tekst bij de video.

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

Homepage

Uitkomst: Onvoldoende

Arbeidsmatige dagbesteding

Uitkomst: Onvoldoende

Contact

Uitkomst: Onvoldoende

PDF privacyverklaring

Uitkomst: Onvoldoende

Homepage

Onderaan de pagina staat een paginatielijst met knoppen. Via een andere vormgeving is aangegeven op welke pagina je je bevindt. Dit is voor hulpapparatuur niet af te leiden uit de code. Dit kan worden opgelost door een (met CSS verborgen) tekst of door het attribuut aria-current=“page” toe te voegen aan de actieve knop. Daarnaast wordt aangeraden om deze elementen te groeperen in een lijst en/of binnen een nav-element met aria-label. Nu zijn het namelijk allemaal losse buttons.

Arbeidsmatige dagbesteding

Onderaan de pagina naast het formulier staat een paragraaf dat is opgemaakt als een h2-kop. Het is beter om hier de kopopmaak weg te halen. Het gaat om de tekst ‘Wil je meer weten? Of wil je graag contact? Neem dan contact op met een van onze participatiecoaches of de coördinator! Of laat je gegevens achter in het formulier.’

Contact

Naast het formulier staan meerdere kopjes zoals ‘Postadres’, welke niet als kop zijn opgemaakt, maar via het strong-element. Screenreader gebruikers die navigeren via koppen missen deze nu. Maak hier bijvoorbeeld h3-kopjes van.

PDF privacyverklaring

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.

1.3.2: Betekenisvolle volgorde
Hele sample

Uitkomst: Niet getoetst

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: Voldoende

1.4.2: Geluidsbediening
Hele sample

Uitkomst: Niet getoetst

1.4.3: Contrast (minimum)
Hele sample

Uitkomst: Onvoldoende

Homepage

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.

Links op hover en focus zoals ‘Neem contact op’ (roze/lila, 3.5:1). Zie screenshot 3.

Homepage

Binnen de EM-Tour staan lichtblauwe teksten die uitleg geven over wat er op de video is te zien. Deze teksten hebben een te laag contrast van 2.5:1. Ook de ‘sluiten’ tekst heeft te laag contrast (2.4:1). Zie screenshot 2.

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: Voldoende

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 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 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: Onvoldoende

Zoekresultaten

Uitkomst: Voldoende

PDF privacyverklaring

Uitkomst: Onvoldoende

Zoekresultaten

Opmerking: de paginatitel is in het Engels ‘You searched for buiten’. Beter is het om dit in het Nederlands te zetten, omdat mogelijk niet alle bezoekers Engels begrijpen.

PDF privacyverklaring

Het PDF-bestand heeft geen titel. Voor gebruikers van hulpsoftware is het voor de navigatie tussen documenten 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. Stel daarnaast in de eigenschappen in dat de documenttitel wordt getoond in plaats van de bestandsnaam.

2.4.3: Focus volgorde
Hele sample

Uitkomst: Niet getoetst

2.4.4: Linkdoel (in context)
Hele sample

Uitkomst: Onvoldoende

Homepage

Uitkomst: Onvoldoende

Brug- of sluiswachter

Uitkomst: Onvoldoende

Zoekresultaten

Uitkomst: Onvoldoende

Hele sample

De link naar de homepage achter het logo in de header heeft als linknaam (via het aria-label) ‘Logo’. Dit is geen duidelijk linkdoel. Maak hier bijvoorbeeld ‘Homepage EMCO-groep’ van. Dit geldt ook voor de link naar de homepage achter het logo in de footer. Deze linktekst is nu ‘arrow icon'.

De links naar de social media in de footer hebben als linknaam ‘icon’ (via het aria-label). Dit is geen duidelijk linkdoel. Beter is het om deze iconen een goede alt-tekst te geven (zie 1.1.1) en het aria-label weg te halen. Dan komt het linkdoel van de alt-tekst. (Dit geldt voor meerdere plekken waar de alt-tekst en het aria-label hetzelfde zijn. Een aria-label overschrijft een alt-tekst binnen het link of button element.)

Opmerking: Op veel plekken in de site staan overbodige aria-labels op links, omdat er al een linktekst is. Bijvoorbeeld de link met ‘Neem contact op’ in de footer heeft een overbodige alt-tekst en een overbodig aria-label met ‘Neem contact op arrow icon’, waardoor dit laatste nu de linktekst wordt. Het is beter om geen ARIA-markup te gebruiken als er al goede (zichtbare) teksten zijn.

Homepage

Onder ‘De kracht van EMCO-groep ‘ staan meerdere links met de tekst ‘Meer informatie’. Gebruikers van hulpsoftware vragen vaak lijsten op van links op de pagina. Wanneer deze teksten geen duidelijke informatie geven kunnen ze niks met deze links. Dit kan hier worden opgelost door de linktekst langer te maken (‘Meer informatie over sociaal ondernemen’) of door de link op te nemen achter bestaande tekst binnen de content, bijvoorbeeld in de laatste zin ‘Ontdek hoe Sociaal ondernemen (...)’.

Opmerking: de links naar de werksoorten hebben erg lange linkteksten, bijvoorbeeld “Electromonteur EMCO-groep aan het werk Industrieel arrow icon’. Het zou duidelijker zijn als de link alleen om de kop zou staan, dan wordt de link ‘Industrieel’. Hier zijn verschillende technische oplossingen voor mogelijk. Deze blokjes komen op meerdere pagina’s voor.

De links naar de nieuwsberichten hebben geen duidelijk doel. Op de link elementen staat een aria-label die hetzelfde is als de alt-tekst van de afbeelding, bijvoorbeeld ‘Twee mannen aan het schoffelen tussen struiken’. Hiermee wordt het linkdoel, namelijk ‘Project Groene Kracht’, overschreven. Beter is het om in het aria-label op de link de h3-kop te zetten, of om het linkblok anders op te maken, zodat de link alleen om de kop komt te staan (zie ook de opmerking over de link naar werksoorten). Deze blokjes komen op meerdere pagina’s voor.

Brug- of sluiswachter

Onderaan de pagina onder ‘Partners bruggen- en sluizen‘ staat een link zonder tekst. Deze link gaat naar coevorden.nl. Voor screenreadergebruikers is het nu niet duidelijk waar deze tekst naar toe gaat. Zorg dat deze link een tekst bevat (via de afbeelding die nu niet wordt geladen) of wordt weggehaald als deze niet meer relevant is.

Zoekresultaten

Er zijn meerdere links op de pagina met de tekst ‘Meer lezen’. Gebruikers van hulpsoftware vragen vaak lijsten op van links op de pagina. Wanneer deze teksten geen duidelijke informatie geven kunnen ze niks met deze links. Voeg teksten toe aan de link die duidelijk maken waar het precies om gaat, zodat de diverse links van elkaar te onderscheiden zijn. Dit kan met een extra tekst in de link, eventueel met CSS verborgen, of via een aria-labelledby verwijzing naar een tekst elders op de pagina, zoals hier naar de h2-kop van elk resultaat. Zie voor meer info https://www.w3.org/TR/WCAG20-TECHS/ARIA7.html.

De links in de paginatie naar vorige en de volgende pagina (achter de pijlen) hebben geen tekst. Zie ook 4.1.2.

2.4.5: Meerdere manieren
Hele sample

Uitkomst: Niet getoetst

2.4.6: Koppen en labels
Hele sample

Uitkomst: Onvoldoende

Hele sample

Sommige labels staan in het Engels. Dat is mogelijk niet voor iedereen goed te begrijpen. Bijvoorbeeld het label om te zoeken in de header voor hulpsoftware is ‘Search for’. Maak hier Nederlands van.

De Play-knop van de EM-tour heeft als naam ‘Screenshot EM-tour virtuele tour EMCO-groep, gebouw at 7’. Beter is om de knop bijvoorbeeld ‘Afspelen EM-Tour’ of ‘Start EM-Tour’ te noemen.

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

De link achter het logo in de header en de footer hebben een andere toegankelijke naam dan wat er zichtbaar is. Hierdoor kan de link niet met stem bediend worden. Zorg ervoor dat de toegankelijke naam (zoals alt-tekst) altijd minstens de zichtbare tekst bevat. Zie ook 1.1.1.

Dit probleem komt ook voor bij de volgende onderdelen: Het zoeken invoerveld in de header met de zichtbare tekst ‘Wat wil je vinden?’, maar het label ‘Search for’. De links naar de nieuwsitems met als zichtbare tekst de kop, maar als toegankelijke naam de alt-tekst.

NB: Best practice is om de zichtbare naam in het begin van de toegankelijke naam te zetten, zodat het met stem meteen herkend wordt. Bijvoorbeeld bij de links naar de werksoorten staat het nu in het midden: ‘Brugwachter die de brug bedient Brug- en sluiswachters arrow icon’. Zichtbaar is alleen ‘Brug- en sluiswachters’. (Het beste is echter om de link echter alleen de tekst ‘Brug- en sluiswachters’ te geven.)

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: Onvoldoende

PDF privacyverklaring

Uitkomst: Onvoldoende

PDF privacyverklaring

Het document heeft geen taal gespecificeerd. Screenreaders lezen de pdf mogelijk niet in de juiste taal voor. Stel de juiste taal in bij de documenteigenschappen in Acrobat.

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: Onvoldoende

Buiten

Uitkomst: Onvoldoende

Buiten

Na het versturen van het formulier na het invullen van de 2 verplichte velden (naam en bericht), komt er geen foutmelding boven aan de pagina. Het lijkt nu of het versturen goed is gegaan. Maar als je helemaal naar beneden scrollt, staan er wel rode teksten onder de velden van het e-mailadres en telefoonnummer. Zie screenshot 4. Deze meldingen zijn niet erg specifiek: ‘Vul minimaal één van de twee velden in.’ Duidelijker zou zijn: ‘vul een e-mailadres en/of telefoonnummer in zodat we u kunnen bereiken’.

3.3.2: Labels of instructies
Hele sample

Uitkomst: Onvoldoende

Buiten

Uitkomst: Onvoldoende

Buiten

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. NB: E-mailadres en telefoonnummer zijn niet verplicht, maar geven wel foutmeldingen. Dit is nogal verwarrend.

3.3.3: Foutsuggestie
Hele sample

Uitkomst: Voldoende

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

Homepage

Uitkomst: Niet getoetst

Buiten

Uitkomst: Niet getoetst

Zoekresultaten

Uitkomst: Niet getoetst

Hele sample

Opmerking: Onderstaande zijn technische bevindingen. Aangezien er nog geen technisch rapport is, worden deze hier genoemd. Het is mogelijk dat er meer bevindingen zijn wanneer er een volledig technisch onderzoek wordt uitgevoerd.

Homepage

De links naar de vorige en volgende organisatie in de slider hebben geen goede rol en naam. Ze zijn hierdoor ook niet te bedienen met het toetsenbord. De EM-tour opent in een popup. Deze is niet met het toetsenbord te bedienen.

Buiten

De knoppen naar de foto’s in de slideshow hebben geen goede rol en naam. Deze zijn ook niet te bedienen met het toetsenbord. Maak hier button elementen van met een goede naam, en geef ook aan in tekst of via ARIA-markup welke actief is.

Zoekresultaten

De links naar de volgende en vorige pagina (achter de pijlen) hebben geen naam. Voeg een tekst toe aan de link of een aria-label.

4.1.3: Statusberichten
Hele sample

Uitkomst: Niet getoetst

Sample

  1. Homepage - https://emco-groep.nl/
  2. Buiten - https://emco-groep.nl/buiten
  3. Brug- of sluiswachter - https://emco-groep.nl/brug-en-sluiswachters
  4. Ruim 1000 boten door sluis Veenvaart - https://emco-groep.nl/news/1000-boten-door-sluis-veenvaart
  5. Arbeidsmatige dagbesteding - https://emco-groep.nl/arbeidsmatige-dagbesteding
  6. Nieuws - https://emco-groep.nl/nieuws
  7. Project AMIF - https://emco-groep.nl/news/projectamif
  8. Zoekresultaten - https://emco-groep.nl/?s=buiten
  9. Contact - https://emco-groep.nl/contact
  10. Jacqueline Weitering - https://emco-groep.nl/story/jacqueline-weitering
  11. PDF privacyverklaring - https://emco-groep.nl/app/uploads/2025/01/Privacy-verklaring-EMCO-groep.pdf
  12. Random pagina 1 - businesspost - https://emco-groep.nl/businesspost
  13. Random pagina 2 - Over EMCO groep - https://emco-groep.nl/over-emco-groep

Technologie

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

Onderbouwing van de evaluatie

Gebruikte systemen tijdens het onderzoek:

Screenshots

  1. al-teksten nieuwsberichten
    Figuur 1: alternatieve teksten bij foto's: deels correct, deels te algemeen en deels overbodig (pijlen)
  2. popup met video en tekst
    Figuur 2: de blauwe tekst heeft te laag contrast
  3. button on hover
    Figuur 3: de actieve knop heeft te laag contrast (roze op lila)
  4. foutmeldingen in formulier
    Figuur 4: de foutmeldingen zijn verwarrend