Toegankelijkheidsonderzoek

Rapport:
Audit digitale toegankelijkheid website Winstuitjewoning.nl


Onderzoeker
Julia, Swink; Renate, Swink
Datum
9 juni 2023
Opdrachtgever
Winst uit je woning

Samenvatting onderzoeksresultaat

De website Winstuitjewoning.nl voldoet nog niet aan WCAG 2.1 niveau AA. Er zijn 22 van de 50 succescriteria waar één of meer fouten zijn gevonden. In dit document is vastgelegd in hoeverre de website voldoet aan de toegankelijkheidseisen die vastgelegd zijn in WCAG, de Web Content Accessibility Guidelines.

De websitewinstuitjewoning.nl is onderzocht tussen 29 mei en 9 juni 2023. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. Doel van dit rapport is om te bepalen welke verbeteringen nodig zijn om dit digitaal kanaal toegankelijker te krijgen.

Uit dit onderzoek blijkt dat er wordt voldaan aan 28 van de 50 criteria voor toegankelijkheid. Veel onderdelen van de site zijn dus al goed toegankelijk, maar er zijn nog verbeteringen mogelijk. Het toegankelijk maken van formulieren is een van de lastigste opdrachten op een website. En toch is het de webbouwer gelukt om de formulieren goed te coderen, op enkele ontoegankelijke labels na. Daarnaast is de website goed te bedienen met het toetsenbord, schaalt netjes op mobiel en reageert goed op tekstvergroting en -herschaling.
Toch zijn er enkele ontoegankelijkheden gevonden. Wat betreft de content gaat het om verkeerde opmaak van koppen op de webpagina’s en veel bevindingen in het pdf-document. Op het gebied van techniek valt op dat het mobiele menu nog wat aanpassingen vergt, samen met andere punten die genoemd zijn in het rapport.

Het onderzoek richt zich specifiek op de toegankelijkheid van de website voor mensen met een functiebeperking, zoals mensen die blind, doof, laaggeletterd zijn of andere functieproblemen hebben. Voor hen is het van belang dat de website technisch en inhoudelijk zo is ingericht dat de site voor hen goed bruikbaar is. Een website optimaliseren voor toegankelijkheid heeft meer voordelen; het maakt de website beter bruikbaar voor iedereen (bijvoorbeeld ook voor mensen die op hun mobieltje kijken in een zonnige omgeving) en het maakt de site beter vindbaar in zoekmachines.

Scope van de evaluatie

Naam website Winstuitjewoning.nl
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA
Basisniveau van toegankelijkheid ondersteund Alle gangbare browsers en hulpapparatuur.

Overzicht toetsresultaat

Principe Voldoende Onvoldoende Onbekend
1 Waarneembaar 11 9 0
2 Bedienbaar 10 7 0
3 Begrijpelijk 6 4 0
4 Robuust 1 2 0
Totaal 28 22 0

Leeswijzer

Dit onderzoek is een momentopname. De website kan inmiddels veranderd zijn. De gevonden problemen zijn slechts voorbeelden. Ga daarom bij elk probleem de gehele website na of dit ook op andere plaatsen voorkomt. Dit onderzoek is slechts een steekproef van een aantal pagina's. Er zijn zo veel mogelijk verschillende type pagina's opgenomen in de sample om zo een goede indruk te krijgen van de toegankelijkheid. Let op! Bij het aanbrengen van verbeteringen of wijzigingen op de website/app kunnen nieuwe problemen ontstaan. Succescriteria gemarkeerd met "Niet aanwezig" worden automatisch goedgekeurd. Succescriteria gemarkeerd met "Onbekend" worden niet goedgekeurd.

Uitgebreide toetsresultaten


1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties.

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Op de homepagina staan op twee plekken zoekbalken: één rechtsboven en één in het midden van de pagina. In deze zoekbalken wordt een afbeelding van een vergrootglas gebruikt. De alternatieve tekst is “search”. Het element waarin deze afbeelding zich bevindt, heeft een toegankelijke naam die ook “search” luidt. Nu hoort een blinde gebruiker twee keer “search”. Verberg de afbeelding bijvoorbeeld met role=”presentation” voor hulpsoftware.

In de footer van iedere pagina staat een logo met de alternatieve tekst “Winst uit je woning is ISO 27001 gecertificeerd”. De zichtbare tekst op het logo verschilt van deze verborgen tekst. Zorg ervoor dat zichtbare tekst van het logo wordt herhaald in de alternatieve tekst van de afbeelding.

Op pagina winstuitjewoning.nl/maatregelen/isolatieglas/ staat een video met een logo van Vimeo. Deze afbeelding is een svg-element met role=”img” zonder alternatieve tekst. Alle elementen met deze rol moeten een tekstalternatief krijgen. De afbeelding kan als decoratief worden gezien omdat het deel uitmaakt van een knop waar de toegankelijke naam “Watch on Vimeo.com” is. In dit geval kan role=”img” worden vervangen door role=”presentation”.

Op pagina winstuitjewoning.nl/contact/ staan onder kopjes “Service” en “Advies” iconen van een envelop en een telefoon. Deze iconen zijn onzichtbaar voor de screenreader. Deze iconen zijn informatief en hebben daarom een alternatieve tekst nodig.

Op pagina winstuitjewoning.nl/amsterdam/inkoopactie/ staat een logo van Gemeente Amsterdam. Deze informatieve afbeelding is verborgen voor hulpsoftware met een leeg alt-attribuut. Geef dit logo alt=”Gemeente Amsterdam”.

Op pagina aanmelden.winstuitjewoning.nl/ staat het logo van Winstuitjewoning. Deze afbeelding mist een beschrijving. Voeg een alt-attribuut met “Winst uit je woning” toe.

Advies: Midden op pagina winstuitjewoning.nl/witgoed/ staat een logo van Coolblue. Deze afbeelding is verborgen voor hulpsoftware met een leeg alt-attribuut. Op deze pagina staat de afbeelding tegenover een kopje “Coolblue” en mag als decoratief worden beschouwd. Voor alle andere gevallen wanneer een logo op een pagina staat moet een logo alternatieve tekst krijgen waarin de tekst van het logo in terugkomt. Daarom is het belangrijk om aan dit logo en alle andere logo’s in de mediatheek van de website alternatieve teksten toe te voegen.


1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen louter-videobeeld is het volgende waar, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld:

Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Uitkomst: Niet aanwezig


1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Er worden ondertitels voor doven en slechthorenden geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevindingen: In een aantal video’s op deze website ontbreekt de ondertiteling. Dat betekent dat alle gesproken tekst en belangrijke geluiden niet toegankelijk zijn voor mensen die doof zijn of slechthorend.
Zie winstuitjewoning.nl/onafhankelijke-adviseurs-informatie/ en
winstuitjewoning.nl/maatregelen/isolatieglas/.


1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Er wordt een alternatief geleverd voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevindingen: De video op onder andere pagina winstuitjewoning.nl/onafhankelijke-adviseurs-informatie/ bevat onder andere geschreven tekst. Voor al deze visuele informatie moet een alternatief geboden worden voor mensen die blind zijn. Dit kan voor dit succescriterium door een volledig transscript in tekst aan te bieden waar alle (visuele en auditieve) informatie uit de video in zit. Om te voldoen aan niveau AA is echter ook succescriterium 1.2.5 van toepassing die aangeeft dat een transscript geen oplossing meer is. Zie succescriterium 1.2.5.


1.2.4 Ondertitels voor doven en slechthorenden (live) (Niveau AA)

Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live)

Uitkomst: Niet aanwezig


1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevindingen: Op pagina winstuitjewoning.nl/nieuws-extra-middelen-voor-de-opschaling-van-de-aanpak-van-energiearmoede/ staat een video waar tekst in beeld komt als een andere spreker begint te spreken, bijvoorbeeld op 1:16. Deze informatie is belangrijk om te kunnen begrijpen waar de video over gaat en moet daarom toegankelijk worden gemaakt voor mensen die deze teksten niet kunnen zien. De video op onder andere pagina winstuitjewoning.nl/onafhankelijke-adviseurs-informatie/ bevat ook geschreven tekst. Voeg daarom een audiodescriptie toe aan de video's. Dit kan door dit in het bestaande audiospoor op te nemen, of door dit in een apart audiospoor erbij te plaatsen.


1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie, structuur en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevindingen: Op pagina winstuitjewoning.nl/privacy/ zijn alle tussenkopjes tussen “Privacy en actievoorwaarden” en in de blauwe sectie onderaan de pagina niet als kopjes opgemaakt. Ze zijn opvallend gemaakt door middel van een strong-element. Bezoekers die gebruik maken van voorleessoftware kunnen aan de hand van een sneltoets of koppenlijst over een pagina navigeren, maar dat kan alleen als visuele kopjes opgemaakt zijn als koppen. Gebruik daarom het h-element om deze teksten op te maken.

Op pagina winstuitjewoning.nl/witgoed/ heeft een kopje “Veelgestelde vragen” niveau twee (h2). De vragen zijn ook opgemaakt met koppen van niveau twee. Onder een kop moet content, ofwel een kop van een lager niveau staan. Verander daarom de vragen in koppen van niveau drie.

Op pagina winstuitjewoning.nl/onafhankelijke-adviseurs-informatie/ staat een overzicht van adviseurs. De naam van een adviseur is opgemaakt als een kop van niveau 3, en zijn functie is opgemaakt als een kop van niveau 4. Het gebruik van koppen wekt de suggestie dat er content onder zou volgen, maar in dit geval is het niet het geval. De heading-elementen zijn hier gebruikt voor opmaak. Verander de tekst met kopniveau 4 in een span- of een paragraafelement en gebruik CSS om de tekst te stylen.

Op pagina winstuitjewoning.nl/subsidie/ staan vetgedrukte teksten in een tabel die op tussenkopjes lijken. Zie tabel onder het kopje “Hoeveel subsidie ontvang ik voor isolatieglas?”. De vetgedrukte tussenkopjes zijn “HR ++ glas” en “Triple glas”. Deze kopjes zijn met CSS opvallend gemaakt. De screenreader leest ze niet als koppen voor waardoor de structuur van informatie verandert.

Op veel plekken op de website, waaronder op pagina winstuitjewoning.nl/veelgestelde-vragen/, zijn koppen naast het kop-element óók opgemaakt met het strong-element. Gebruik het strong-element nooit puur voor opmaak maar gebruik CSS om kopteksten aan te passen aan de gewenste stijling.

Op pagina winstuitjewoning.nl/onze-inkoopacties/ staat een sectie met veelgestelde vragen. Onder de vraag “Wat zijn de voordelen van aankoop (..)?” staat een opsomming die alleen visueel is te herkennen als een lijst. De lijst is opgemaakt als alinea’s waar bolletjes aan toegevoegd zijn. Zonder correcte opmaak kan hulpsoftware niet aan een blinde gebruiker voorlezen dat hier een lijst staat met zoveel punten. Een vergelijkbaar probleem komt voor op pagina winstuitjewoning.nl/veelgestelde-vragen/.

Op pagina winstuitjewoning.nl/maatregelen/isolatieglas/ staan datatabellen. De koprij is met td-elementen opgemaakt. Dit is geen correcte opmaak voor een datatabel. Gebruik th-elementen gebruiken voor de koprij. “De bedragen bij 2 maatregelen” is een tussenkop, maar is met een strong-element opgemaakt. Door deze opmaak wordt het niet uitgesproken als een kop en mist een blinde bezoeker de juiste structuur van informatie.

Op pagina winstuitjewoning.nl/nieuws-extra-middelen-voor-de-opschaling-van-de-aanpak-van-energiearmoede/ staat een alinea die vetgedrukt is door middel van een strong-element. Het strong-element geeft aan dat tekst belangrijker is dan de omliggende informatie. Gebruik dit element daarom niet om alinea’s te stijlen.

Op pagina winstuitjewoning.nl/amsterdam/inkoopactie staan kopjes die niet als koppen zijn opgemaakt. Het gaat om “Meedoen werkt zo:” en “Goed om te weten:”. Verander de strong-elementen in kopteksten van niveau drie.

Op pagina winstuitjewoning.nl/amsterdam/inkoopactie staat een lijst met cijfers een tot en met vijf. Deze lijst is opgemaakt met ul-elementen. De cijfers zijn als tekst toegevoegd. In de HTML is een ol-element beschikbaar voor genummerde lijsten. Alle visuele presentatie moet ook in de code kunnen worden afgelezen. Verander het ul-element in een ol-element. Deze lijst staat onder “Meedoen werkt zo:”.

Op pagina winstuitjewoning.nl/amsterdam/inkoopactie staat een kopje “Kom ook naar de informatieavond”. Dit is een kop van niveau twee. Daaronder staan twee events met elk een datum als een kopje. Deze kopjes zijn opgemaakt als koppen van niveau een. Het lijkt erop dat h1-element is gebruikt voor styling. Verander deze koppen in kopjes van niveau drie.

Op pagina aanmelden.winstuitjewoning.nl/ staat een kop1 die gevolgd is door kop 3 met tekt “Meld je dan nu vrijblijvend aan om van start te gaan!”. Deze tekst is geen kop omdat er geen content onder staat. Verander deze h3 in een alinea-element en gebruik CSS om de tekst te stijlen.

Op pagina winstuitjewoning.nl/amsterdam/inkoopactie onder “Veelgestelde vragen”, vraag 3 “Wat zijn de voordelen (..)?” staat een opsomming die niet als een lijst is opgemaakt. Deze lijst is opgemaakt met alinea-elementen. Verander deze lijst in een correct opgemaakte opsomming. Onder de vraag “Hoe weet ik dat mijn gevel (..)” staat een genummerde lijst die niet als een lijst is opgemaakt. Gebruik hier het ol-element. Ook onder de vraag “Wat zijn de voor- en nadelen van de isolatiechips” staat een lijst die alleen visueel als een lijst te onderscheiden.

Op pagina aanmelden.winstuitjewoning.nl/ staat een groep keuzerondjes met een groepslabel “Ik ben een …”. Dit label is niet gebonden met de groep en wordt daarom niet als een groepslabel voorgelezen. Maak hier gebruik van een fieldset en legend combinatie. Zie ook stap 3 in dit formulier.

Op pagina aanmelden.winstuitjewoning.nl/ staat een formulier. In stap 3 komen tussenkopjes in beeld die niet als koppen zijn opgemaakt. Het gaat om “Hybride warmtepomp” en “All-electric ready warmtepomp”. Zet deze alinea-elementen om in h3-elementen.

Het onderzochte pdf-document heeft geen tags en daardoor is voor hulpsoftware (zoals voorleessoftware) geen informatie beschikbaar om de PDF te interpreteren. Omdat tags ontbreken, kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag, zoals semantische koppen en alternatieve teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan. Zie winstuitjewoning.nl/wp-content/uploads/2023/03/Algemene-voorwaarden-Winst-uit-je-woning-acties-1.pdf.

Advies: De koppenstructuur op de homepagina is goed, maar de koppen in de footer zijn opgemaakt met het h3-element. Hierdoor vallen ze in de structuur onder 'Laatste nieuws'. Maak de kopjes in de footer daarom op met een h2-element. Op pagina winstuitjewoning.nl/duurzame-oplossingen/ worden ook kopniveaus overgeslagen.


1.3.2 Betekenisvolle volgorde (Niveau A)

Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een correcte leesvolgorde door software bepaald worden.

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Voldoende


1.3.3 Zintuiglijke eigenschappen (Niveau A)

Instructies die geleverd worden om content te begrijpen en te bedienen zijn niet alleen afhankelijk van zintuiglijke eigenschappen van componenten zoals vorm, kleur, omvang, visuele locatie, oriëntatie of geluid.

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Voldoende


1.3.4 Weergavestand (Niveau AA)

De content beperkt de weergave en bediening niet tot een enkele presentatie-oriëntatie, zoals staand of liggend, tenzij een specifieke presentatie-oriëntatie essentieel is.

Informatie over succescriterium 1.3.4 Weergavestand

Uitkomst: Voldoende


1.3.5 Identificeer het doel van de input (Niveau AA)

Het doel van elk invoerveld waarmee informatie van de gebruiker wordt verzameld, kan door software bepaald worden wanneer:

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevindingen: Op pagina winstuitjewoning.nl/onafhankelijke-adviseurs-informatie/ staat een formulier om in te schrijven voor een nieuwsbrief. Het invoerveld waarin het e-mailadres moet worden ingevuld mist een autocomplete attribuut. Op de volgende pagina is meer informatie te vinden over de toepassing van dit attribuut en welke waardes verplicht zijn om te gebruiken. Zie: www.w3.org/TR/WCAG21/.

Op pagina aanmelden.winstuitjewoning.nl/ staat een formulier waarin persoonlijke gegevens moeten worden ingevuld, zoals een postcode en een e-mail. Op deze invoervelden ontbreekt een autocomplete attribuut om de bezoeker te helpen om zijn informatie automatisch in te vullen. Dit geldt ook voor velden in stap 3 van dit formulier.
Informatie over de velden waar het autocomplete-attribuut voor gebruikt moet worden en de bijbehorende waarden is te vinden op pagina www.w3.org/TR/WCAG21/.


1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden.

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevindingen: Op pagina winstuitjewoning.nl/privacy/ staan twee links onder 'Contactgegevens'. Het contrast tussen een link en gewone tekst is 2,2:1. Er is geen tweede visuele clue om aan te geven dat dit een link is. Ook op pagina winstuitjewoning.nl/witgoed/ onder “Veel gestelde vragen”, onder de vraag “Met wie kan ik contact opnemen (..)” staat een link. Ook op winstuitjewoning.nl/handen-uit-de-mouwen-aanpak-energiearmoede-in-de-praktijk/ staan links in de tekst van het artikel die alleen in kleur te onderscheiden zijn van de gewone tekst. Deze links komen op meer pagina’s voor.
Zie ook pagina winstuitjewoning.nl/amsterdam/inkoopactie onder “Veelgestelde vragen”, vraag 1 “Hoe kan ik meedoen (..)?”. In de sectie die openklapt, onder “Stap 1” staat een link met tekst “hier” die alleen in kleur te onderscheiden is van de gewone tekst.

Op pagina aanmelden.winstuitjewoning.nl/ staat een formulier. In stap 2 van het proces staat een knop “Terug”. Als deze knop focus krijgt, verandert de achtergrond van kleur en wordt lichtgrijs. De focus wordt alleen in kleur aangegeven.

In stap 3 van het formulier op pagina aanmelden.winstuitjewoning.nl/ staan links die alleen in kleur te onderscheiden zijn van gewone tekst.


1.4.2 Geluidsbediening (Niveau A)

Als een geluidsweergave op een webpagina automatisch meer dan 3 seconden speelt, is er of een mechanisme beschikbaar om de geluidsweergave te pauzeren of te stoppen, of er is een mechanisme beschikbaar om het geluidsvolume onafhankelijk van het overall systeemvolume te regelen.

Informatie over succescriterium 1.4.2 Geluidsbediening

Uitkomst: Niet aanwezig


1.4.3 Contrast (minimum) (Niveau AA)

De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Voldoende


1.4.4 Herschalen van tekst (Niveau AA)

Behalve voor ondertitels voor doven en slechthorenden en afbeeldingen van tekst, kan tekst zonder hulptechnologie tot 200% geschaald worden zonder verlies van content of functionaliteit.

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Voldoende


1.4.5 Afbeeldingen van tekst (Niveau AA)

Als de gebruikte technologieën de visuele weergave tot stand kunnen brengen, wordt tekst gebruikt in plaats van afbeeldingen van tekst om informatie over te brengen, behalve in de volgende gevallen:

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Niet aanwezig


1.4.10 Reflow (Niveau AA)

Content kan zonder verlies van informatie of functionaliteit en zonder te moeten scrollen in twee dimensies, worden weergegeven voor:

Met uitzondering van delen van de content die voor het gebruik of de betekenis een tweedimensionale lay-out vereisen.

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Voldoende


1.4.11 Contrast van niet-tekstuele content (Niveau AA)

De visuele weergave van het volgende heeft een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren:

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: De rand van het invoerveld in de zoekbalk is grijs ( HEX #CED4DA). Deze kleur in combinatie met de witte achtergrond geeft contrastwaarde van 1,5:1. Dit moet minimaal 3,0:1 zijn. Dit invoerveld komt op meerdere pagina’s voor: winstuitjewoning.nl/witgoed/ en winstuitjewoning.nl/nieuwe-uitvoerder-inkoop/.

Op de homepagina staan onder het kopje “Recent gestart” links met namen van de steden. Als focus op deze links landt, krijgt de link een lichtblauwe rand (HEX #C6DAFF). Het kleurcontrast is 1,4:1. Dit moet minimaal 3,0:1 zijn.

Op pagina winstuitjewoning.nl/gemeenten/ staat onder het kopje “Alle duurzame oplossingen (...)” een slider. Op een desktop zijn twee methodes geboden om de slider te bedienen. Als men inzoomt, blijven alleen de grijze bolletjes onder de slider over. Deze bolletjes zijn grijs voor een actieve slide (HEX #999) en lichtgrijs voor de slides die niet in beeld zijn (HEX #DDD). Het kleurcontrast is in beide gevallen onvoldoende: 2,8:1 en 1,4:1.

Op pagina winstuitjewoning.nl/amsterdam/inkoopactie staat een widget van Trustpilot. De groene en grijze kleur in de afbeeldingen met sterren hebben onvoldoende kleurcontrast. De groene kleur (#00B57A) heeft contrastwaarde 2,7:1 en de grijze kleur (#DCDBE5) 1,4:1. Dit moet minimaal 3,0:1 zijn.

De randkleur (#d6d6d6) van de invoervelden op pagina aanmelden.winstuitjewoning.nl/ heeft onvoldoende kleurcontrast, namelijk 1,5:1. Dit moet minimaal 3,0:1 zijn.


1.4.12 Tekstafstand (Niveau AA)

Bij content die wordt geïmplementeerd met opmaaktalen die de volgende stijleigenschappen voor tekst ondersteunen, is er geen sprake van verlies van content of functionaliteit door het instellen van alle volgende, en door het niet wijzigen van andere stijleigenschappen:

Uitzondering: Menselijke talen en scripts die geen gebruik maken van een of meer van deze stijleigenschappen voor tekst in schriftelijke tekst, kunnen voldoen aan de eisen door alleen gebruik te maken van de eigenschappen die bestaan voor de betreffende combinatie van taal en script.

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Voldoende


1.4.13 Content bij hover of focus (Niveau AA)

Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, gelden de volgende zaken:

Uitzondering: De visuele weergave van de aanvullende content wordt beheerd door de user agent en wordt niet aangepast door de auteur.

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevindingen: Op pagina aanmelden.winstuitjewoning.nl/ staat een formulier. In stap 2 van het proces staan twee checkboxen. Rechts tegenover deze checkboxen staan iconen met tooltips. Als een bezoeker met een muis boven deze iconen beweegt, verschijnt nieuwe informatie. Deze nieuwe informatie bedekt de checkboxen waardoor extra eisen aan deze nieuwe content wordt gesteld. Er is een mechanisme beschikbaar waarmee de aanvullende content kan worden gesloten zonder de aanwijzer hover of de toetsenbordfocus te verplaatsen. Dak kan bijvoorbeeld met een Esc toets.


2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Alle functionaliteit van de content is bedienbaar via een toetsenbordinterface zonder dat afzonderlijke toetsaanslagen aan tijd gebonden zijn, behalve als de onderliggende functie een invoer vereist die afhangt van het pad dat de gebruiker aflegt en niet alleen van de eindpunten.

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Voldoende


2.1.2 Geen toetsenbordval (Niveau A)

Als de toetsenbordfocus met de toetsenbordinterface verplaatst kan worden naar een component van de pagina, dan kan de focus ook met alleen de toetsenbordinterface weer van dat component weg worden bewogen. En, als er meer nodig is dan de standaard pijl- of tabtoetsen of andere standaard methoden om de focus te verplaatsen, dan wordt de gebruiker geïnformeerd over de manier waarop de focus kan worden verplaatst.

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Uitkomst: Voldoende


2.1.4 Enkel teken sneltoets (Niveau A)

Wanneer een sneltoets in content wordt geïmplementeerd door alleen letters (inclusief hoofdletters en kleine letters), leestekens, cijfers of symbolen te gebruiken, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Voldoende


2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Voor elke tijdslimiet die door de content wordt ingesteld, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Voldoende


2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Voldoende


2.3 Toevallen en fysieke reacties

2.3.1 Drie flitsen of beneden drempelwaarde (Niveau A)

Webpagina's bevatten niets wat meer dan drie keer flitst in enige periode van één seconde of de flits is beneden de algemene flits- en rodeflitsdrempelwaarden.

Informatie over succescriterium 2.3.1 Drie flitsen of beneden drempelwaarde

Uitkomst: Voldoende


2.4.1 Blokken omzeilen (Niveau A)

Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen.

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Voldoende


2.4.2 Paginatitel (Niveau A)

Webpagina's hebben titels die het onderwerp of doel beschrijven.

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevindingen: In het onderzochte pdf-document is de titel aanwezig en beschrijft de inhoud van het document. Echter, moet hier ook worden ingesteld dat de titel wordt getoond in de titelbalk en niet de bestandsnaam, zoals nu het geval is. Zie winstuitjewoning.nl/wp-content/uploads/2023/03/Algemene-voorwaarden-Winst-uit-je-woning-acties-1.pdf.


2.4.3 Focus volgorde (Niveau A)

Als een webpagina sequentieel genavigeerd kan worden en de navigatiesequenties hebben invloed op de betekenis of het gebruik, dan krijgen focusbare componenten de focus in de juiste volgorde waardoor betekenis en bedienbaarheid behouden blijft.

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevindingen: In de header loopt de focus van de zoekbalk naar enkele items in het menu daaronder. De menulinks “Lopende acties”, “Financiering” en “Partners” worden overgeslagen. Dit is geen logische focusvolgorde. Zorg ervoor dat de focusvolgorde voor bezoekers die gebruik maken van het toetsenbord om over de pagina te navigeren, ook logisch is.

Als het mobiele menu is geopend, loopt de focus over de menulinks, verlaat het menu en gaat vervolgens op de onderliggende pagina verder. Dit is geen logische focusvolgorde. Zorg ervoor dat focus binnen dit menu blijft en pas na het klikken op de menuknop dit onderdeel verlaat, of dat het menu automatisch sluit wanneer de bezoeker na het laatste menu-item verder navigeert.


Het linkdoel kan bepaald worden uit enkel de linktekst of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van de link een dubbelzinnige betekenis zou kunnen hebben voor gebruikers in het algemeen.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevindingen: Op pagina winstuitjewoning.nl/gemeenten/ staan onder het kopje “Alle duurzame oplossingen (..)” links met dezelfde linktekst “Lees meer”. Deze tekst zegt niets over het linkdoel van deze links. Een blinde gebruiker kan een overzicht van links genereren om zo de inhoud van de pagina te scannen. Links met teksten als “lees meer” of “klik hier” zijn onvoldoende beschrijvend. Pas de linkteksten aan, bijvoorbeeld door het onderwerp of de titel van de pagina waar naar wordt verwezen te benoemen.
Zie ook pagina winstuitjewoning.nl/amsterdam/inkoopactie onder “Veel gestelde vragen”, vraag 1 “Hoe kan ik meedoen (..)?”. In de sectie die openklapt, onder “Stap 1” staat een link met tekst “hier”.


2.4.5 Meerdere manieren (Niveau AA)

Er is meer dan één manier beschikbaar om een webpagina binnen een verzameling webpagina's te vinden, behalve wanneer de webpagina het resultaat is van, of een stap in, een proces.

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevindingen: Voor elke pagina op de website moet een tweede manier aanwezig zijn om de pagina te vinden. Dit kan via zoeken, een sitemap, links op homepagina of links in de footer. De pagina “Vacatures” is niet via de tweede manier te vinden. Zie footer van de website.


2.4.6 Koppen en labels (Niveau AA)

Koppen en labels beschrijven het onderwerp of doel.

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevindingen: Op pagina winstuitjewoning.nl/maatregelen/isolatieglas/ staat een video van Vimeo. De toegankelijke naam van dit iframe is “Vimeo video”. Deze naam is niet beschrijvend genoeg. Voeg een beschrijvende naam toe, bijvoorbeeld de naam van de video. Op deze manier hoort een blinde gebruiker waar de video overgaat in plaats van een generieke tekst.


2.4.7 Focus zichtbaar (Niveau AA)

Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is.

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevindingen: Op sommige knoppen is de focusrand verwijderd met CSS-code “outline:none”. Zie bijvoorbeeld de knop om het mobiele menu te openen, de zogenaamde hamburger knop (drie horizontale streepjes).
Hierdoor weten bezoekers die met toetsenbord navigeren niet altijd op welke elementen de focus zich bevindt. Ze kunnen ongewenst en per ongeluk links en knoppen activeren. De focus moet altijd zichtbaar zijn.

Op pagina winstuitjewoning.nl/witgoed/ staat een donkerblauwe sectie. In de tweede en derde kolom staan interactieve elementen die focusrand krijgen die uit een blauwe rand bestaat. De focus is hierdoor niet zichtbaar.

Op pagina aanmelden.winstuitjewoning.nl/ staat een formulier. In stap 2 van het proces staan twee checkboxen. Wanneer de bezoeker met een toetsenbord navigeert, is de focus is niet zichtbaar op deze interactieve elementen. Voeg een duidelijke focusrand toe of gebruik de standaard focusindicator.


2.5 Input modaliteiten

2.5.1 Aanwijzergebaren (Niveau A)

Alle functionaliteit waarmee bij de bediening gebruik wordt gemaakt van meerpunts- of padgebaseerde gebaren, kan worden bediend met een enkele aanwijzer zonder een padgebaseerd gebaar, tenzij een meerpunts- of padgebaseerd gebaar essentieel is.

Informatie over succescriterium 2.5.1 Aanwijzergebaren

Uitkomst: Niet aanwezig


2.5.2 Aanwijzerannulering (Niveau A)

Voor functionaliteit die kan worden bediend met een enkele aanwijzer, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.5.2 Aanwijzerannulering

Uitkomst: Voldoende


2.5.3 Label in naam (Niveau A)

Bij componenten van de gebruikersinterface met labels die tekst of afbeeldingen van tekst bevatten, bevat de naam de tekst die visueel wordt weergegeven.

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevindingen: Dit succescriterium is bedoeld om bediening met spraaksoftware mogelijk te maken. Belangrijk hierbij is dat de visueel zichtbare tekst onderdeel is van de toegankelijkheidsnaam van het element. Rechtsboven elke pagina staat een zoekbalk. Deze zoekbalk komt soms ook midden op de pagina voor, bijvoorbeeld de zoekbalk op de homepagina onder het kopje “Vind jouw gemeente”.
De toegankelijke naam van de zoekbalk is “Voer uw zoekterm in” afkomstig van een aria-label. Zichtbare tekst is “Zoeken”. De bezoeker kan dit veld niet bedienen door de zichtbare tekst in te spreken.

Advies: De alternatieve tekst van het logo in de linkerbovenhoek van elke webpagina is ”Ga naar de Winst uit je woning homepage”. De zichtbare tekst komt nu voor in de alternatieve tekst en de alternatieve tekst beschrijft het doel van de link en de afbeelding, maar idealiter staat de zichtbare tekst vooraan in de alternatieve tekst, bijvoorbeeld: ‘Winst uit je woning – ga naar de homepage’


2.5.4 Bewegingsactivering (Niveau A)

Functionaliteit die kan worden bediend door de beweging van een apparaat of beweging van een gebruiker, kan ook worden bediend met componenten van de gebruikersinterface. De reactie op de beweging kan worden uitgeschakeld om onbedoelde activering te voorkomen, behalve wanneer:

Informatie over succescriterium 2.5.4 Bewegingsactivering

Uitkomst: Niet aanwezig


3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

De standaard menselijke taal van elke webpagina kan door software bepaald worden.

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevindingen: In de meta data van het onderzochte pdf-document is de taal niet ingesteld. De taal hoort ingesteld te worden, zodat hulpsoftware de informatie uit het bestand in de correcte taal kan overdragen aan de bezoeker. Dit kan worden ingesteld via de bestandseigenschappen.
Zie winstuitjewoning.nl/wp-content/uploads/2023/03/Algemene-voorwaarden-Winst-uit-je-woning-acties-1.pdf.


3.1.2 Taal van onderdelen (Niveau AA)

De menselijke taal van elke passage of zin in de content kan door software bepaald worden, behalve waar het gaat om eigennamen, technische termen, woorden uit een onbepaalde taal en woorden of zinsdelen die deel zijn gaan uitmaken van het jargon van de onmiddellijk omringende tekst.

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevindingen: Sommige buttons op deze website hebben title-attributen met Engelstalige teksten, bijvoorbeeld “Submit the search query.” en “Clear the search query.”. Zie bijvoorbeeld de zoekbalk rechtsboven de pagina.
Deze teksten dienen Nederlandstalig te zijn, omdat de basistaal van de pagina Nederlands is. Als deze teksten toch Engelstalig blijven is het de bedoeling om door middel van een lang attribuut ook aan te geven dat het Engelse tekst is, anders wordt het niet goed voorgelezen.


3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

Als een component van de gebruikersinterface de focus krijgt, dan veroorzaakt dat geen contextwijziging.

Informatie over succescriterium 3.2.1 Bij focus

Uitkomst: Voldoende


3.2.2 Bij input (Niveau A)

Verandering van de instelling van een component van de gebruikersinterface veroorzaakt niet automatisch een contextwijziging, tenzij de gebruiker geïnformeerd is over het gedrag vóór het gebruik van de component.

Informatie over succescriterium 3.2.2 Bij input

Uitkomst: Voldoende


3.2.3 Consistente navigatie (Niveau AA)

Navigatiemechanismen, die op meerdere webpagina's binnen een verzameling webpagina's herhaald worden, komen elke keer dat ze worden herhaald in dezelfde relatieve volgorde voor, tenzij een verandering wordt geïnitieerd door de gebruiker.

Informatie over succescriterium 3.2.3 Consistente navigatie

Uitkomst: Voldoende


3.2.4 Consistente identificatie (Niveau AA)

Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina's worden consistent geïdentificeerd.

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Voldoende


3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de fout zit geïdentificeerd en wordt de fout tekstueel aan de gebruiker meegedeeld.

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevindingen: Op pagina aanmelden.winstuitjewoning.nl/ staat een formulier. In stap 3 verschijnt een foutmelding “Vul een voorkeursplaats in” als het invoerveld onder “Waar wil je de zonnepanelen geïnstalleerd hebben?” leeg wordt verstuurd. Dit is geen foutmelding, maar een instructie. Een goede foutmelding bevat in de meeste gevallen een ontkenning en zou hier moeten luiden “Voorkeursplaats is niet ingevuld”.
In stap 3 van het formulier moet een telefoonnummer worden ingevuld. Als dat niet het geval is, verschijnt “Voer een geldig telefoonnummer in”. Hier moet een bepaald aantal cijfers worden ingevuld en ook in een bepaald formaat. Uit deze foutmelding is niet af te leiden wat er precies fout gaat met de invoer.


3.3.2 Labels of instructies (Niveau A)

Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevindingen: Op pagina winstuitjewoning.nl/veelgestelde-vragen/ staan zoekvelden om binnen de veelgestelde vragen te zoeken. Deze zoekvelden missen labels. Een placeholder tekst is onvoldoende als een label omdat het verdwijnt zodra een bezoeker begint te typen.

Op pagina winstuitjewoning.nl/nieuwe-uitvoerder-inkoop/ staat een formulier. Het veld “Telefoonnummer” vereist een bepaald formaat. Dit formaat wordt pas zichtbaar als de bezoeker een foutieve gegevens in dit veld heeft ingevoerd. Door het formaat in het label te plaatsen, help je de bezoeker om fouten te voorkomen.
Zie ook stap 3 op aanmelden.winstuitjewoning.nl/.


3.3.3 Foutsuggestie (Niveau AA)

Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan worden de suggesties aan de gebruiker geleverd, tenzij dit de beveiliging of het doel van de content in gevaar zou brengen.

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Voldoende


Voor webpagina's die wettelijke verplichtingen of financiële transacties voor de gebruiker uitvoeren, die, door de gebruiker te beheren gegevens in gegevensopslagplaatsen verwijderen of wijzigen, of die antwoorden van de gebruiker verzenden, geldt minstens één van de volgende zaken:

  1. Omkeerbaar: Verzendingen kunnen ongedaan gemaakt worden.
  2. Gecontroleerd: Door de gebruiker ingevoerde gegevens worden gecontroleerd op invoerfouten en de gebruiker wordt de mogelijkheid gegeven om ze te verbeteren.
  3. Bevestigd: Er is een mechanisme beschikbaar voor het beoordelen, bevestigen en verbeteren van informatie voordat de verzending wordt voltooid.

Informatie over succescriterium 3.3.4 Foutpreventie (wettelijk, financieel, gegevens)

Uitkomst: Voldoende


4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

In content die geïmplementeerd is met opmaaktalen hebben elementen volledige begin- en eindtags, zijn elementen genest volgens hun specificatie, bevatten elementen geen dubbele attributen en zijn alle ID's uniek, behalve waar de specificatie deze eigenschappen toelaat.

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Voldoende


4.1.2 Naam, rol, waarde (Niveau A)

Voor alle componenten van de gebruikersinterface (inclusief, maar niet uitsluitend voor formulierelementen, links en door scripts gegenereerde componenten), kunnen de naam (name) en rol (role) door software bepaald worden; toestanden (states), eigenschappen (properties) en waarden (values) die door de gebruiker ingesteld kunnen worden, kunnen door software ingesteld worden; en kennisgeving van veranderingen in deze items is beschikbaar voor user agents, met inbegrip van hulptechnologieën.

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevindingen: Op pagina winstuitjewoning.nl/witgoed/ is een aria-expanded attribuut gebruikt in combinatie met een aria-haspopup attribuut. Deze combinatie is niet toegestaan. Dit komt ook in het hoofdmenu terug en op alle pagina’s waar een sectie met de uitklapdelen staat.

Op pagina winstuitjewoning.nl/onafhankelijke-adviseurs-informatie/ staat een formulier om in te schrijven voor een nieuwsbrief. De toegankelijke naam van dit invoerveld is gegeven door middel van een placeholder tekst. Deze optie wordt gezien als het minst ondersteunde manier om toegankelijke naam te geven. Gebruik liever het label-element, een aria-label of aria-describedby.

Op pagina winstuitjewoning.nl/veelgestelde-vragen/ staan zoekvelden
om binnen de veelgestelde vragen te zoeken. Deze invoervelden hebben een toegankelijke naam via een placeholder tekst gekregen. Gebruik hiervoor een label-element dat via “for en id” gekoppeld is aan het invoerveld. Het label dan van het scherm verborgen worden, maar moet zichtbaar blijven voor hulpsoftware.

Op pagina winstuitjewoning.nl/gemeenten/ staat een slider. In deze slider is een aria-hidden attribuut gebruikt op een interactief element. Verwijder dit attribuut.

Op pagina winstuitjewoning.nl/amsterdam/inkoopactie staat een link “
Meld je aan voor de inkoopactie”. Deze link is gecodeerd als een a-element waaraan role=”button” is toegevoegd. Dit is overbodig en kan verwarrend zijn voor een voorleessoftware gebruiker die bij het horen van role=”button” andere toetsenbordtoetsen gaat gebruiken dan die bij een link horen. Verwijder role=”button”. Dit komt vaker op deze pagina voor. Dit komt ook voor op de pagina aanmelden.winstuitjewoning.nl/. Het logo is gecodeerd als een afbeelding met role=”button”. Door het klikken op deze afbeelding wordt de bezoeker naar de homepagina gestuurd. Deze afbeelding moet een link zijn in plaats van een knop.

Op pagina winstuitjewoning.nl/amsterdam/inkoopactie staat een Trustpilot widget. De knoppen om door de beoordelingen te bladeren zijn niet als knoppen gecodeerd. Ze missen de toegankelijkheidsnaam en rol. De voorleessoftware kan niet aan een blinde bezoeker vertellen dat het bedieningselementen zijn.

Op pagina aanmelden.winstuitjewoning.nl/ staat een checkbox zonder toegankelijkheidsnaam. Het label “Ik ga akkoord met (..)” is niet gebonden met de checkbox.

Op pagina aanmelden.winstuitjewoning.nl/ staat een logo van Winstuitjewoning. Deze afbeelding maakt deel uit van een knop. Deze knop heeft geen toegankelijkheidsnaam. Geeft deze afbeelding een alternatieve tekst die als toegankelijkheidsnaam gebruikt kan worden.

Op pagina aanmelden.winstuitjewoning.nl/ staat een formulier. In stap 2 van het proces staan twee checkboxen. Rechts tegenover deze checkboxen staan iconen met tooltips. Deze iconen schakelen zichtbaarheid van informatie aan en uit, en toch zijn ze verborgen voor hulpsoftware met role=”presentation”. Verwijder deze rol.

Op pagina aanmelden.winstuitjewoning.nl/ staat een formulier. In stap 3 staat een tekstvak zonder toegankelijkheidsnaam. De tekst “Heb je nog toevoegingen ..?” staat er als losse tekst bij en is niet gebonden met het tekstvak. Dit geldt ook voor de invoervelden in stap 3 (een select en een tekstvak).


4.1.3 Statusberichten (Niveau AA)

In content die is geïmplementeerd met opmaaktalen kunnen statusberichten door software bepaald worden met behulp van rol (role) of eigenschappen (properties), zodat hulptechnologieën de berichten aan de gebruiker kunnen presenteren zonder dat ze de focus krijgen.

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevindingen: Rechtsboven elke pagina staat een zoekbalk. Als een bezoeker een zoekopdracht intypt die niet op de website te vinden is, verschijnt een extra venster met informatie. Dit kan een gevonden item zijn of een mededeling dat niets gevonden is. Dit is een statusbericht, maar wordt niet als dusdanig voorgelezen. Geef dit venster een aria-live="polite" of role="status".

Op pagina aanmelden.winstuitjewoning.nl/ staat een formulier. De foutmelding “Helaas hebben wij geen adresgegevens gevonden (..)” is een statusbericht. Deze melding verschijnt tijdens het invoeren van gegevens en krijgt geen focus. Een bezoeker die naar een schermlezer luistert, hoort deze foutmelding niet. Daarom moet bij deze melding een aria-live="polite" of role=”status” worden toegevoegd, zodat deze melding voorgelezen wordt als de melding verschijnt. Er verschijnt ook een melding bij de laatste vraag.
Als het formulier wordt verzonden, verschijnt een extra venster met een mededeling “Bezig met verzenden”. Dit is ook een statusbericht dat niet wordt voorgelezen. Zorg ervoor dat hulpsoftware dit statusbericht als zodanig kan herkennen.

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

Ondersteunende technieken

Webbrowsers (useragents) en andere software

Bij dit onderzoek is de volgende software gebruikt:

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Bron: toegankelijkheidsrapport.swink.nl/winstuitjewoning/audit/
Geprint: 2024-05-07 21:06:16 v2.4-011