Issues:
Audit digitale toegankelijkheid website Waterschap Rijn en IJssel
(Alleen de bevindingen)
Scope van de evaluatie
Naam website | Waterschap Rijn en IJssel |
---|---|
Datum | 28 maart 2023 |
Scope van de website |
Binnen de scope van het onderzoek valt:
|
Conformiteitsdoel | WCAG 2.1 niveau AA |
Uitgebreide toetsresultaten
1. Waarneembaar
1.1 Tekstalternatieven
1.1.1 Niet-tekstuele content (Niveau A)
Informatie over succescriterium 1.1.1 Niet-tekstuele content
Uitkomst: Onvoldoende
Bevinding 1: Op pagina www.wrij.nl/sitemap staat een link naar 'Agenda en vergaderstukken bestuur en commissies' met een icoon dat aan ziende bezoekers aangeeft dat de link een externe website opent. Deze informatie wordt niet doorgegeven aan screenreadergebruikers. Zorg ervoor dat deze bezoekers over dezelfde informatie beschikken als ziende bezoekers.
Bevinding 2: Op pagina www.wrij.nl/direct-regelen/grondwater-onttrekken-gewassen-planten-vee staat een afbeelding van een infographic met een leeg alt-attribuut. Deze afbeelding is niet puur decoratief en heeft daarom een alternatieve tekst nodig. Voeg een alternatieve tekst toe om dit probleem op te lossen.
Bevinding 3: Op pagina www.wrij.nl/werken-bij-waterschap-rijn-ijssel staan afbeeldingen met toegankelijke teksten die de afbeeldingen niet goed beschrijven. Bijvoorbeeld bij de kop 'Kom ook werken bij Waterschap Rijn en IJssel' staat een afbeelding met de toegankelijke tekst 'Werken bij Waterschap Rijn en IJssel – Werken Doetinchem'. Dit beschrijft de afbeelding niet. Zorg voor een alternatieve tekst die beschrijft wat er te zien is of maak de afbeelding eventueel decoratief door een leeg alt-attribuut toe te voegen binnen het img-element.
Bevinding 4: Op pagina www.wrij.nl/jaar-beeld-2022 staat een afbeelding bij 'Sterke dijk'. Deze afbeelding heeft geen tekst alternatief en dit is ook niet nodig omdat het om een decoratieve afbeelding gaat. Maar de afbeelding heeft wel een leeg alt-attribuut (alt="") nodig, zodat hulpsoftware weet dat de afbeelding genegeerd kan worden.
Bevinding 5: Bij de verplichte velden in het formulier op pagina www.wrij.nl/melding-maken-over-water-onderhoud staat een sterretje. Het icoon wordt door middel van het pseudo-element :before/:after en de content property in de CSS op de pagina gezet. Op deze manier kan het zijn dat het icoon wegvalt, bijvoorbeeld voor mensen die een eigen CSS gebruiken, of wanneer de CSS niet geladen wordt. De content property is alleen geschikt voor het toevoegen van puur decoratieve content. Een oplossing kan zijn om het icoon in de HTML te plaatsen, bijvoorbeeld als img- of svg-element met tekst alternatief.
Bevinding 6: In de PDF 'Beleidsregel 1.4 Kabels en leidingen in en nabij waterkeringen' is het logo van het Waterschap Rijn en IJssel onzichtbaar gemaakt voor hulpsoftware. Mensen die afhankelijk zijn van hulpsoftware weten daarom niet dat dit een document is van het Waterschap Rijn en IJssel. Plaats de afbeelding minstens één keer in de codelaag met een <figure> tag en geef het een alternatieve tekst.
1.2 Op tijd gebaseerde media
1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)
Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)
Uitkomst: Onvoldoende
Bevinding 7: Op pagina www.wrij.nl/werken-bij-waterschap-rijn-ijssel staat er in de video aan het begin en einde tekst in beeld, bijvoorbeeld rond 1:42. Er ontbreekt uitgeschreven tekst van de vien er is ook geen voiceover die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van een screenreader niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript. Of maak gebruik van een extra audiospoor om ook te voldoen aan SC 1.2.5.
1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)
Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)
Uitkomst: Onvoldoende
Bevinding 8: Op pagina www.wrij.nl/werken-bij-waterschap-rijn-ijssel staat er in de video aan het begin en einde tekst in beeld, bijvoorbeeld rond 1:42. Er ontbreekt een voiceover die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien niet weten wat er wordt getoond in de video. Maak voor deze en andere informatie gebruik van een voice-over die de teksten in beeld uitspreekt, of maak gebruik van audiodescriptie
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Onvoldoende
Bevinding 9: Op de pagina www.wrij.nl/jaar-beeld-2022 staat in de code twee keer een kop van niveau 2 met dezelfde tekst, bijvoorbeeld de koppen 'Klimaat en droogte'. De eerste kop bevat geen content omdat deze direct wordt opgevolgd door de tweede kop met dezelfde tekst. Bezoekers die gebruikmaken van voorleessoftware kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden. Zorg daarom voor een goede koppen structuur waarbij koppen van hetzelfde niveau elkaar niet direct opvolgen zonder dat hier content tussen staat. Los dit probleem op door content te plaatsten tussen de twee koppen, de tweede kop te verwijderen of de tweede kop op te maken op een lager kopniveau, bijvoorbeeld niveau 3.
Bevinding 10: De PDF 'Beleidsregel 1.4 Kabels en leidingen in en nabij waterkeringen' heeft een codelaag waarin (bijna) alle content in codes is plaatst. Echter, de semantische waarde van deze codes niet niet overal correct. Er zijn bijvoorbeeld koppen die niet in een koptag zijn geplaatst, koppen die onderdeel zijn van een lijst en zijn sub-lijsten niet correct genest in de bovenliggende lijstitemtag. Ook komt de volgorde waarin codes in de codelaag zijn geplaatst niet overal overeen met de visuele weergave. Zorg ervoor dat de PDF een goede codelaag krijgt.
Bevinding 11: Advies: Op de homepagina www.wrij.nl heeft de kop van niveau 1 de tekst 'Ga naar home Waterschap Rijn en IJssel'. De eerste kop op een pagina wordt gewoonlijk gebruikt om de titel van de pagina weer te geven.
Bevinding 12: Advies: Op de zoekresultatenpagina www.wrij.nl/zoeken?search_api_fulltext=Water volgt op de kop van niveau 2 'Nadeelcompensatie' een kop van niveau 4 'Paginering'. Hulpsoftware beschouwt nu paginering als een onderdeel van 'Nadeelcompensatie' terwijl dat niet zo is. Maak paginering een kop van niveau 2.
1.3.2 Betekenisvolle volgorde (Niveau A)
Informatie over succescriterium 1.3.2 Betekenisvolle volgorde
Uitkomst: Onvoldoende
Bevinding 13: In de codelaag van de PDF 'Beleidsregel 1.4 Kabels en leidingen in en nabij waterkeringen' zijn codes niet in de juiste volgorde geplaatst. Op pagina 3 is bijvoorbeeld de tekst 'Aanleg van een kruisende kabel/leiding door het dijkprofiel middels HDD is toegestaan indien aan alle onderstaande criteria wordt voldaan:' in de codelaag na de lijst geplaatst waar deze tekst visueel voorstaat. Hierdoor wordt het document door screenreaders in een andere volgorde voorgelezen dan de visuele volgorde. Zorg ervoor dat de codelaag van het document de visuele volgorde aanhoudt.
1.3.5 Identificeer het doel van de input (Niveau AA)
Informatie over succescriterium 1.3.5 Identificeer het doel van de input
Uitkomst: Onvoldoende
Bevinding 14: Op pagina www.wrij.nl/melding-maken-over-water-onderhoud is een formulier waar de bezoeker onder andere het eigen e-mailadres en achternaam kan invullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email".
Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/tr/wcag21/#input-purposes.
1.4 Onderscheidbaar
1.4.1 Gebruik van kleur (Niveau A)
Informatie over succescriterium 1.4.1 Gebruik van kleur
Uitkomst: Onvoldoende
Bevinding 15: Op pagina www.wrij.nl/verkiezingen staat een staafdiagram waarin door middel van verschil in kleur is te zien of het zetels van 2019 of 2023 betreft. Slechtzienden en kleurenblinden kunnen dit verschil misschien niet zien, zorg er voor dat er nog een andere manier is om het onderscheid te maken, bijvoorbeeld door middel van een patroon.
1.4.3 Contrast (minimum) (Niveau AA)
Informatie over succescriterium 1.4.3 Contrast (minimum)
Uitkomst: Onvoldoende
Bevinding 16: Op pagina www.wrij.nl/melding-maken-over-water-onderhoud staat een formulier. Als een veld niet goed is ingevuld verschijnt er een foutmelding in rode tekst (HEX #CD584D) op witte achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is 4,1:1 waar dit 4,5:1 moet zijn.
1.4.5 Afbeeldingen van tekst (Niveau AA)
Informatie over succescriterium 1.4.5 Afbeeldingen van tekst
Uitkomst: Onvoldoende
Bevinding 17: Op pagina www.wrij.nl/direct-regelen/grondwater-onttrekken-gewassen-planten-vee staat een afbeelding met tekst. De tekst is essentieel om de inhoud van deze pagina te begrijpen. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt verder niet voor op de pagina. Plaats deze tekst daarom als HTML-tekst op de pagina.
1.4.11 Contrast van niet-tekstuele content (Niveau AA)
Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content
Uitkomst: Onvoldoende
Bevinding 18: Wanneer in de cookiemelding een rode cirkel met wit kruis bijvoorbeeld bij 'Ik accepteer social media cookies' focus heeft is dat te zien aan een lichtblauwe rand (HEX #41B6E6). Het contrast tussen deze rand en de witte achtergrond is te laag. De contrastverhouding is hier 2,3:1, waar dit minimaal 3:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Het is belangrijk dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft. Zie 2.4.7. Maak gebruik van een kleurencombinatie met voldoende contrast.
Bevinding 19: Als in een stuk tekst een link voorkomt is dat te zien aan een lichtblauwe lijn onder de teksten en als het een link is naar een externe site is dat te zien aan een lichtblauw icoontje, bijvoorbeeld op pagina www.wrij.nl/digitale-toegankelijkheid de link 'www.DigiToegankelijk.nl'. Het contrast van deze lichtblauwe elementen (HEX #41B6E6) op de witte achtergrond is te laag. De contrastverhouding is hier 2,3:1, waar dit minimaal 3:1 moet zijn.
Bevinding 20: Op pagina www.wrij.nl/direct-regelen/grondwater-onttrekken-gewassen-planten-vee staan opsommingen waarvan de groene opsommingstekens (HEX #A4D65E) op de witte achtergrond een te laag contrast hebben. Opsommingstekens brengen informatie over. De contrastverhouding is hier 1,7:1, waar dit minimaal 3:1 moet zijn.
2. Bedienbaar
2.2 Genoeg tijd
2.2.2 Pauzeren, stoppen, verbergen (Niveau A)
Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen
Uitkomst: Onvoldoende
Bevinding 21: Op pagina www.wrij.nl/jaar-beeld-2022 staat een carrousel die na elke paar seconden een nieuw beeld laat zien. Deze carrousel kan niet gestopt, gepauzeerd of verborgen worden. Bij sommige mensen kan de beweging misselijkheid veroorzaken. Voor mensen met bijvoorbeeld een cognitieve beperking kan het lastig zijn omdat zij zich tijdens het lezen niet kunnen concentreren op de omringende tekst doordat het beeld beweegt. Zorg dat bezoekers de carrousel kunnen stoppen of pauzeren, of verwijder de carrousel in z’n geheel.
2.4 Navigeerbaar
2.4.2 Paginatitel (Niveau A)
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Onvoldoende
Bevinding 22: De titel van de pagina www.wrij.nl/zoeken?search_api_fulltext=Water '| Waterschap Rijn en IJssel' beschrijft de inhoud van de pagina onvoldoende. Voeg toe dat het hier om zoekresultaten gaat.
Bevinding 23: De PDF 'Beleidsregel 1.4 Kabels en leidingen in en nabij waterkeringen' heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond bij openen.
2.4.3 Focus volgorde (Niveau A)
Informatie over succescriterium 2.4.3 Focus volgorde
Uitkomst: Onvoldoende
Bevinding 24: Op elke pagina opent een submenu wanneer een bezoeker in het menu op een grijs driehoekje klikt. Wanneer het venster open staat is de content op de achterliggende pagina nog steeds bereikbaar met het toetsenbord, bijvoorbeeld de knop 'Bekijk het jaar in beeld 2022' op de homepagina. Hierdoor kan je niet altijd meer zien waar je bent als je met het toetsenbord navigeert. Zorg er voor dat het submenu sluit als elementen buiten het submenu focus hebben.
Bevinding 25: Op pagina https://www.wrij.nl/zoeken?search_api_fulltext=Water kunnen toetsenbordgebruikers eerst focus plaatsen op de zoekresultaten en pas daarna op de filters om deze zoekresultaten te kunnen filteren. Dit zit de bediening van de pagina voor toetsenbordgebruikers in de weg. Zorg ervoor dat eerst focus wordt geplaatst op de filters en pas daarna op de zoekresultaten.
Bevinding 26: Wanneer bezoekers bij een schermbreedte van 1280 pixels bij 1024 pixels inzoomen tot 200% op de homepagina verdwijnen het hoofdnavigatiemenu en het zoekveld achter knoppen. De focusvolgorde op deze elementen loopt niet correct. De focusvolgorde moet de leesvolgorde van de pagina aanhouden. De focus moet eerst op de skiplink geplaatst worden, daarna op de menuknop, het logo en daarna op de zoekknop.
2.4.4 Linkdoel (in context) (Niveau A)
Informatie over succescriterium 2.4.4 Linkdoel (in context)
Uitkomst: Onvoldoende
Bevinding 27: De link die de afbeelding vergroot op pagina www.wrij.nl/direct-regelen/grondwater-onttrekken-gewassen-planten-vee heeft geen naam. Omdat de link geen linkdoel heeft, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk wat de link doet. Voeg een duidelijke linktekst toe om dit probleem op te lossen.
2.4.7 Focus zichtbaar (Niveau AA)
Informatie over succescriterium 2.4.7 Focus zichtbaar
Uitkomst: Onvoldoende
Bevinding 28: Als op de zoekpagina www.wrij.nl/zoeken?search_api_fulltext=Water een filter selectievakje focus heeft, is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element focus heeft door een duidelijke focusrand toe te voegen. Hetzelfde komt vaker voor in de website, bijvoorbeeld op pagina www.wrij.nl/melding-maken-over-water-onderhoud bij het selectievakje en de keuzerondjes.
3. Begrijpelijk
3.1 Leesbaar
3.1.2 Taal van onderdelen (Niveau AA)
Informatie over succescriterium 3.1.2 Taal van onderdelen
Uitkomst: Onvoldoende
Bevinding 29: Op pagina www.wrij.nl/melding-maken-over-water-onderhoud staat een iframe met de titel 'reCAPTCHA'. De taal van de pagina is ingesteld als en_gb. Dit is geen geldige taal code, het moet zijn 'en-gb'. Zorg ervoor dat hulpsoftware kan bepalen welke taal elk onderdeel van een pagina heeft.
Bevinding 30: In de carrousel op pagina https://www.wrij.nl/jaar-beeld-2022 staan knoppen waarmee bezoekers de volgende en vorige slide kunnen tonen. Deze knoppen hebben de toegankelijke namen 'Next' en 'Previous'. Op de knoppen is geen taalwissel aangegeven en de taalaanduiding van de pagina is Nederlands. Zorg ervoor dat deze knoppen een Nederlandse toegankelijke naam hebben.
3.2 Voorspelbaar
3.2.2 Bij input (Niveau A)
Informatie over succescriterium 3.2.2 Bij input
Uitkomst: Onvoldoende
Bevinding 31: Wanneer bezoekers op pagina https://www.wrij.nl/zoeken?search_api_fulltext=Water één van de keuzerondjes selecteren, herlaadt de pagina en staat de focus weer bovenaan. Dit kan verwarrend zijn voor verschillende bezoekers, bijvoorbeeld voor screenreadergebruikers. Zorg ervoor dat wanneer bezoekers een selectievakje selecteren er geen contextwijziging plaatsvindt, zoals het herladen van een pagina. Los dit probleem op door bijvoorbeeld een knop toe te voegen waarmee bezoekers de selecteerde selectievakjes kunnen toepassen op de pagina.
3.3 Assistentie bij invoer
3.3.2 Labels of instructies (Niveau A)
Informatie over succescriterium 3.3.2 Labels of instructies
Uitkomst: Onvoldoende
Bevinding 32: Op pagina www.wrij.nl/melding-maken-over-water-onderhoud is een formulier waar bij de verplichte velden een * wordt getoond. Nergens binnen het formulier staat vermeld dat dit betekent dat dit veld verplicht is. Plaats een melding bovenaan, binnen het formulier, bijvoorbeeld: ‘Velden met een sterretje (*) zijn verplicht'.
4. Robuust
4.1 Compatibel
4.1.1 Parsen (Niveau A)
Informatie over succescriterium 4.1.1 Parsen
Uitkomst: Onvoldoende
Bevinding 33: Op pagina www.wrij.nl/jaar-beeld-2022 komen dubbele id's voor, namelijk id="taxonomy-term-474". Dit kan problemen opleveren met hulpsoftware. Zorg dat id's unieke waarden hebben op een pagina.
4.1.2 Naam, rol, waarde (Niveau A)
Informatie over succescriterium 4.1.2 Naam, rol, waarde
Uitkomst: Onvoldoende
Bevinding 34: In het menu bovenaan elke pagina staan knoppen in de vorm van driehoekjes met de toegankelijke naam 'Opensubmenu' of 'Sluitensubmenu'. Het is te zien bij welk menu item de knop hoort, maar voor blinde bezoekers is dat niet duidelijk. Voeg de naam van het bijbehorende menu item toe. Hetzelfde geldt voor de knop in het submenu 'Wat wij doen' waarmee het sub sub menu 'Aanpassen aan een ander klimaat' geopend wordt.
Bevinding 35: De link die de afbeelding vergroot op pagina www.wrij.nl/direct-regelen/grondwater-onttrekken-gewassen-planten-vee heeft geen naam. Omdat de link geen linkdoel heeft, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de link doet. Voeg een duidelijke linktekst toe om dit probleem op te lossen.
Bevinding 36: Op pagina www.wrij.nl/jaar-beeld-2022 staat een carrousel met daaronder een opsomming met knoppen in de vorm van stippen. De opsommingitems zijn onzichtbaar gemaakt voor hulpsoftware. Elementen die onzichtbaar gemaakt zijn voor hulpsoftware door middel van aria-hidden mogen geen interactieve elementen bevatten die focus kunnen krijgen zoals knoppen. Verwijder het aria-hidden attribuut van de opsommingitems.
Bevinding 37: Op pagina www.wrij.nl/jaar-beeld-2022 staat een carrousel met daaronder een opsomming met knoppen in de vorm van stippen. De opsommingitems hebben een role="presentation". Dit kan problemen opleveren met hulpsoftware omdat het de semantische waarde van het HTML-element verwijderd. Gebruik daarom role="presentation" alleen op elementen die decoratief zijn, zoals een decoratieve tabel.
Bevinding 38: Op pagina www.wrij.nl/jaar-beeld-2022 staat een carrousel met de rol listbox. Een listbox mag alleen kind-objecten van het type 'option' hebben terwijl dat hier niet het geval is. Dit kan problemen opleveren met hulpsoftware. Zorg voor correcte wai-aria code, haal bijvoorbeeld de rol listbox weg.
Bevinding 39: Op pagina www.wrij.nl/jaar-beeld-2022 staat een carrousel met de rol listbox zonder toegankelijke naam. Een listbox is een invoerelement en moet daarom een toegankelijke naam hebben. Gebruik aria-label of een vergelijkbare methode om dit probleem op te lossen, of geef het element een andere rol. Omdat deze rol niet correct is gebruikt is het beter om de rol listbox te verwijderen.
Onderbouwing van de evaluatie
Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.
Steekproef getoetste webpagina's
- Home:
https://www.wrij.nl/ - Contact:
https://www.wrij.nl/contact - Zoekresultaten:
https://www.wrij.nl/zoeken?search_api_fulltext=Water - 404:
https://www.wrij.nl/fout - Toegankelijkheid:
https://www.wrij.nl/digitale-toegankelijkheid - Video:
https://www.wrij.nl/werken-bij-waterschap-rijn-ijssel - Pagina met PDF:
https://www.wrij.nl/direct-regelen/kabels-leidingen-leggen-dijk-kade - PDF Beleidsregel 1.4 Kabels en leidingen in en nabij waterkeringen:
https://repository.officiele-overheidspublicaties.nl/externebijlagen/exb-2018-61098/1/bijlage/exb-2018-61098.pdf - Sitemap:
https://www.wrij.nl/sitemap - Tabel en grafiek:
https://www.wrij.nl/verkiezingen - Formulier:
https://www.wrij.nl/melding-maken-over-water-onderhoud - Overzicht:
https://www.wrij.nl/jaar-beeld-2022 - Afbeelding van tekst:
https://www.wrij.nl/direct-regelen/grondwater-onttrekken-gewassen-planten-vee - Duurzaam werken:
https://www.wrij.nl/doen/duurzaam-werken
Ondersteunende technieken
Bronnen
-
Evaluatiedocument WCAG 2.0
www.drempelvrij.nl/over-het-waarmerk -
Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
www.w3.org/Translations/WCAG20-nl -
Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
www.w3.org/WAI/eval/conformance -
Web Content Accessibility Guidelines (WCAG)
www.w3.org/WAI/intro/wcag -
How to Meet WCAG 2.1 Quick Reference
www.w3.org/WAI/WCAG21/quickref/
Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.