Norm: WCAG 2.2 niveau AA (55 succescriteria) · Methode: WCAG-EM, aanbevolen door DigiToegankelijk
9 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.
Terug-pijl, X-knoppen, +-knoppen op productkaarten. De schermlezer zegt alleen "knop", dus de gebruiker weet niet wat er gebeurt als hij erop tikt.
Tekst en interactieve elementen halen de minimale contrastverhouding niet. Onleesbaar voor slechtzienden of in fel licht.
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.
Voor wie een schermlezer of spraakbediening gebruikt, bestaat een knop pas zodra hij een naam heeft. Zonder naam kondigt de schermlezer alleen "knop" aan, en weet de gebruiker niet wat er gebeurt als hij hem activeert.
In de voettekst van de website staat een logo zonder tekstalternatief. Het alt-attribuut ontbreekt.
Een logo is een informatieve afbeelding en heeft een alt-tekst nodig. Daarin hoort alle tekst te staan die in het logo zichtbaar is. Zo krijgen bezoekers die de afbeelding niet zien dezelfde informatie.
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.
Naast de kop "Alles dichtbij" staat een kaart. Daarop staan witte teksten als "A2", "B10b" en "C1" op een beige achtergrond met kleurcode #C6BB9F. De contrastverhouding is 1,9:1. Een deel van de bezoekers kan die tekst niet lezen.
Voorbeeld in het volledige rapport
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 titel in de bestandseigenschappen. Een PDF hoort een titel te hebben die zegt waar het document over gaat. Die titel hoort ook in de titelbalk te staan, in plaats van de bestandsnaam. Zo ziet een bezoeker meteen of het document gaat over wat hij zoekt. Je stelt de titel in in het bronbestand of in de eigenschappen van de PDF.
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 website hoefkwartier.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 3 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.