Bestaande site

Een bestaande website, die niet aan WCAG voldoet, moet ook worden aangepast. Dit kan een hele klus zijn, afhankelijk van de complexiteit van de site. Ook kan het zijn dat sommige delen opnieuw moeten worden ontworpen en gebouwd.

Plan

Om een site zo snel mogelijk gebruiksvriendelijk te krijgen en aan WCAG te laten voldoen hebben we een plan ontworpen. We checken niet gelijk de hele website op de richtlijnen, maar in plaats daarvan verplaatsen wij onszelf in gebruikers om de grootste struikelblokken als eerste aan te kunnen pakken. Daarna gaan we de richtlijnen afvinken.

1. Use cases definiëren

Bepaal verschillende use cases van de website. Dit kunnen stappen zijn die een gebruiker moet doorlopen om een bepaald doel te bereiken.

2. Use cases testen

We testen de use cases door verschillende persona's. Voer deze test uit met meerdere collega's, inclusief UX-ontwerpers en ontwikkelaars. Als iedereen dezelfde tests uitvoert, krijg je een beter beeld van de problemen die gebruikers ervaren. Ook is de oefening leerzaam voor beginners met inclusief produceren, omdat je tijdens je normale werkzaamheden ook deze tests uit moet voeren.

  1. Een gebruiker die blind is en een schermlezer gebruikt met toetsenbordnavigatie. Hiermee zijn verschillende motorische beperkingen ook gecoverd.
    • Is de focus indicator overal goed zichtbaar?
    • Is de website nog even goed te bedienen en te navigeren? Test ook met het scherm uit.
    • Is de content gelijkwaardig aan de visuele content (is overal kloppende en gelijkwaardige alternatieve tekst/audio)? Denk ook aan beeldomschrijvingen bij video!
  2. Een gebruiker die doof is.
    • Is de content gelijkwaardig aan de audio content (is overal kloppende en gelijkwaardige ondertiteling)?
  3. Een gebruiker die kleurenblind is.
  4. Een gebruiker die neurodivers is.
    • Zijn er duidelijke patronen waardoor de website rustig en voorspelbaar is?
    • Zijn er geen knippereffecten of plotselinge geluiden? Als animatie-effecten uit staan inde systeeminstellingen, passen animaties zich dan aan?
    • Zie meer aandachtspunten bij neurologische variatie.

3. Problemen uit use cases oplossen

Als er problemen zijn gevonden, los deze dan op. Als deze opgelost zijn dan moeten de grootste struikelblokken zijn opgelost.

4. Richtlijnen checken

De website is nu al een stuk toegankelijker geworden, maar voldoet waarschijnlijk nog niet aan de richtlijnen. Het beste is om de richtlijnen tussen collega's te verdelen en door te lopen. Kan een richtlijn niet worden afgevinkt? Fix deze dan gelijk. Bespreek waar nodig aanpassingen met een UX-ontwerper of redacteur.