Hulp bij WCAG
Artikelen voor wie een PRO-site bijhoudt. Stap voor stap, in gewone taal, geschreven vanuit wat wij in onderzoeken tegenkomen.
Hulp bij WCAG
Stap voor stap toegankelijker
Wij onderzoeken websites van het Rijk, en wij zien bij elk onderzoek dezelfde vragen terugkomen. Waar vul ik dat in? Wat moet ik als eerste doen? Hier schrijven wij die antwoorden op, in de volgorde waarin je ze nodig hebt.
De artikelen gaan over het werk rond je site: een verklaring maken, een bevinding oplossen, uitleggen waarom iets moet. Zoek je hoe een component in het CMS werkt, kijk dan in de handleiding van PRO. Veranderde er iets aan het platform zelf, dan staat bij Wat verandert er in PRO wat dat voor je werk betekent.
Begin bij je eigen pagina
Weet je niet waar je moet beginnen? Plak het adres van een pagina in de gratis redactiecheck. Wij kijken ernaar en laten alleen zien wat jij als redacteur zelf kunt oplossen, met bij elke bevinding het artikel dat erbij hoort en de instructie van PRO.
Structuur
De volgorde waarin je pagina wordt voorgelezen
Wie je pagina ziet leest hem van boven naar beneden. Wie hem laat voorlezen krijgt de volgorde van de code.
Zegt je kop waar het stuk over gaat?
Een kop is een wegwijzer. "Informatie" of "Meer" wijst nergens heen, en een kop zonder tekst eronder belooft iets wat er niet is.
Een tabel die ook voorgelezen kan worden
Zonder kopcellen hoort je bezoeker losse getallen zonder te weten waar ze bij horen. Drie dingen, en je bent klaar.
Een kop is geen dikgedrukte tekst
Drie van onze tien meest voorkomende fouten zijn hetzelfde misverstand. Los dit op en een flink deel van je bevindingen verdwijnt.
De tien fouten die wij het vaakst vinden
Geteld over 266 opgeleverde onderzoeken, gebundeld naar het misverstand dat eronder zit.
Tekst en taal
Verwijs niet naar de groene knop rechtsboven
Op een telefoon staat die knop onderaan, en wie je pagina laat voorlezen hoort geen kleur. Noem het ding bij naam.
Noem hetzelfde ding overal hetzelfde
Wie je site laat voorlezen gaat af op de woorden. Twee woorden voor hetzelfde betekent twee dingen.
Het eerste wat je bezoeker hoort
Hij klinkt als eerste bij een schermlezer, staat in je tabbladen en is de kop in Google. Op een kwart van de sites zegt hij niets.
Een Engelse zin met Nederlandse klanken
Voorleessoftware kiest haar uitspraak op de taal in de code. Staat die er niet, dan hoort je bezoeker klanken zonder woord.
Een anderstalige pagina in PRO
De paginatitel, de tekstalternatieven en de linkteksten worden het vaakst vergeten. Juist die worden voorgelezen.
Waarom "Lees meer" niets vertelt
Een schermlezer somt alle links van je pagina op als een inhoudsopgave. Tien keer "Lees meer" maakt die lijst waardeloos.
Beeld en media
Zet je boodschap niet in een plaatje
Een campagnebeeld met de boodschap erin gebakken is voor een deel van je bezoekers onbruikbaar.
Wat vanzelf begint, kun je niet wegklikken
Beweging die langer dan vijf seconden duurt moet te stoppen zijn, geluid start niet vanzelf, en niets flitst meer dan drie keer per seconde.
Wat je alleen ziet, en wat je alleen hoort
Ondertiteling lost de helft op. De andere helft is wat er in beeld gebeurt zonder dat iemand het zegt.
Kleur mag nooit het enige zijn
Een op de twaalf mannen ziet kleuren anders, en wie je pagina laat voorlezen hoort helemaal geen kleur.
Automatische ondertiteling is geen ondertiteling
Automatische ondertiteling haalt eigennamen en vaktermen bijna altijd verkeerd. Juist de woorden waar het om gaat.
Een tekstalternatief schrijven dat klopt
Er is geen regel voor wat erin moet staan. Wel een vraag die hem altijd beantwoordt: wat mist iemand die het beeld niet ziet?
Bediening en formulieren
Formulieren: wat jij regelt en wat support doet
Je maakt formulieren niet zelf in PRO. Dat betekent niet dat je er niets aan kunt doen, wel dat je het aanvraagt.
Hulpsoftware moet weten wat iets is
Een schermlezer leest "Menu openen, knop, dichtgeklapt". Ontbreekt de rol, dan hoort je bezoeker alleen tekst.
Foutmeldingen die zeggen wat er mis is
Zeg het formaat vooraf in plaats van de fout achteraf, en noem in de melding het veld bij naam.
Wat er op de knop staat, moet de knop ook heten
Er staat "Aanvraag versturen" op, maar in de code heet hij "Verzenden". Wie met zijn stem bedient, komt dan niet verder.
Documenten
Nooit meer zelf een PDF herstellen
Niet het document repareren, maar de informatie langs een tweede weg bereikbaar maken. Dat mag, en het is vaak beter dan een opgelapte PDF.
Verklaring en onderzoek
Je rapport is binnen, wat nu?
De volgorde in het rapport is die van de succescriteria, niet die van jouw werk. Verdeel ze eerst in vier stapels.
Vijf controles van tien minuten
Opmaakweergave, je links los lezen, je beeld afdekken, grijstinten, en de Tab-toets. Daarmee vind je het meeste.
Zo maak je een toegankelijkheidsverklaring
Wat je vooraf verzamelt, de negen stappen van de invulassistent, en wat er daarna op je eigen site moet komen.
Waarom het moet
Wat het Besluit digitale toegankelijkheid van je vraagt, en waarom het onderzoek van PRO daar niet genoeg voor is.
Welke status heeft mijn website?
De vijf letters in het register, hoe je telkens een trede hoger komt, en wat jouw situatie oplevert.
Waar loop jij op vast? Wij schrijven deze artikelen op grond van wat wij in onderzoeken tegenkomen, maar jouw vraag kennen wij niet. Stel hem, dan maken wij er een artikel van.
Heb je nog vragen?
Loop je ergens op vast en staat het er niet bij? Laat het weten, dan schrijven wij erover.