Norm: WCAG 2.2 niveau AA (55 succescriteria) · Methode: WCAG-EM, aanbevolen door DigiToegankelijk
7 van de 55 succescriteria niet behaald. De richtlijn met het laagste percentage is gemarkeerd.
Deze thema's verklaren samen het grootste deel van de bevindingen. Ze komen vaak terug en raken iedereen die afhankelijk is van hulpsoftware.
PDF's missen tags, taalinstelling of een beschrijvende titel — schermlezers kunnen de structuur niet voorlezen en de inhoud is onbereikbaar voor blinde en slechtziende bezoekers.
Informatieve afbeeldingen en iconen hebben geen tekstalternatief. De inhoud is daardoor onbereikbaar voor schermlezer-gebruikers.
Wat visueel duidelijk is, zoals een groep bij elkaar horende velden, een kop of een lijst, staat niet in de HTML. Schermlezers missen die samenhang.
Tekst en interactieve elementen halen de minimale contrastverhouding niet. Onleesbaar voor slechtzienden of in fel licht.
PDF's zijn een eigen werkelijkheid binnen je site — ze hebben hun eigen structuur, hun eigen titel, hun eigen taalinstelling. Een PDF die op het scherm prima leest, kan voor een schermlezer een ondoordringbare wand zijn als de tags ontbreken, de taal verkeerd staat of de titel een tijdelijke aanduiding is. Voor een overheidsorganisatie die formele documenten publiceert is dit kritiek: vaak zijn juist die documenten het belangrijkste wat een bezoeker komt halen. Zet de bron-Word eerst goed neer (kopstijlen, taal, lijsten) en sla op als getagde PDF — daarmee is 80% van het werk klaar.
Dit PDF-document heeft geen codes. Zonder codes krijgt een schermlezer de inhoud niet door. Daardoor is ook een volledige beoordeling niet mogelijk: de succescriteria die over de codelaag gaan, zoals koppen en tekstalternatieven bij afbeeldingen, zijn niet te beoordelen. Zodra de codes er zijn, kunnen er nieuwe punten zichtbaar worden.
Voorbeeld in het volledige rapport
Afbeeldingen die informatie dragen, moeten een tekstalternatief krijgen. Zonder dat alternatief bestaan ze niet voor schermlezer-gebruikers. Puur decoratieve afbeeldingen krijgen juist een leeg alt-attribuut, zodat de schermlezer ze overslaat.
In het logo staat de tekst "CDA KOGGENLAND". Het tekstalternatief is "Logo van CDA". Een tekstalternatief hoort alle zichtbare tekst uit het logo te bevatten, zodat bezoekers die de afbeelding niet zien dezelfde informatie krijgen als bezoekers die hem wel zien.
Voorbeeld in het volledige rapport
Informatie en relaties die je visueel ziet, zoals dat een aantal velden bij elkaar horen, dat iets een kop is of dat iets een lijst is, moeten ook in de HTML staan. Anders is de samenhang alleen toegankelijk voor wie het scherm kan zien.
Op deze pagina staan teksten die een kop zijn, maar er staat geen kopelement omheen. De tekst is met een strong-element vetgedrukt zodat die eruitziet als een kop. Het gaat onder andere om "Rianka te Winkel-Pancras:", "Nico Bijman:" en "Ed Dekker:".
Voorbeeld in het volledige rapport
Niet iedereen heeft perfecte ogen, denk aan slechtzienden of iedereen die de site in fel zonlicht bekijkt. Met genoeg contrast (4,5:1 voor standaard tekst, 3,0:1 voor grote tekst, randen en iconen) blijven knoppen en links voor iedereen leesbaar.
De links naar de profielen op X en Instagram staan op de pagina als logo. Beweeg je de muis over zo'n link, of komt de toetsenbordfocus erop, dan verandert de kleur en verschijnt de naam van het platform. Die tekst heeft te weinig contrast met de achtergrond: 1,9:1 bij X en 4,2:1 bij Instagram. Voor normale tekst is 4,5:1 de ondergrens.
Voorbeeld in het volledige rapport
Een knop in je bladwijzerbalk of een extensie voor Chrome en Firefox, met tabbladen voor redactie, design en development. 28 van de 45 checks zijn gratis en vragen geen account. De Radar rekent alles in je eigen browser uit: hij verstuurt niets en slaat niets op.
Bij elke bevinding in het rapport staat welke optie je aanzet en waar je op let.
Op dit moment voldoet Content audit digitale toegankelijkheid van website raad.koggenland.nl niet aan WCAG 2.2 AA. Het goede nieuws: de meeste problemen zijn structureel, ze komen vele malen voor maar hebben dezelfde oplossing. Er is slechts één aanpassing nodig om deze problemen integraal op te lossen.
De 4 hoofdthema's verklaren het grootste deel van de bevindingen. Eén aanpassing lost veel tegelijk op.
Bij het rapport zit een Plan van Aanpak met concrete oplossingen, gegroepeerd naar wie wat moet doen: designer, ontwikkelaar, redactie.
Na het oplossen kunnen we hertesten zodat een actuele toegankelijkheidsverklaring gepubliceerd kan worden.