Issues:
Quickscan digitale toegankelijkheid website Winst uit je Woning

(Alleen de bevindingen)

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Bevinding 1: In de footer van elke pagina staat een afbeelding van ISO-certificering. Deze afbeelding heeft geen alternatieve tekst. Boven de afbeelding staat wel de tekst 'Wij zijn ISO gecertificeerd' maar op de afbeelding is ook te zien om welke ISO het gaat en door wie het is gecertificeerd.

Bevinding 2: Op pagina https://winstuitjewoning.nl/waadhoeke/ staat het logo van Gemeente Waadhoeke. De alt-tekst is 'In samenwerking met Waadhoeke'. Een alt-tekst beschrijft zoveel mogelijk wat op de afbeelding zelf te zien is, zonder aanvullende informatie. Een betere alt-tekst is dus 'Logo Gemeente Waadhoeke'.

Bevinding 3: Op pagina https://winstuitjewoning.nl/ staan enkele SVG/ion iconen met een Engelstalige alternatieve tekst in het aria-label.
In sommige gevallen is dit overbodig omdat deze decoratief zijn, zoals de pijltjes naast links ('arrow forward outline' en 'chevron forward outline'). Hier moet het icoon ook verborgen worden voor hulpsoftware met aria-hidden=true.
Dit komt ook voor op andere pagina's.

Bevinding 4: Op pagina https://winstuitjewoning.nl/waadhoeke/ geeft het icoon naast 'Waardeboncode kwijt?' wel informatie. Hier moeten de role=img en het aria-label naar het <svg> element worden verplaatst en moet de tekst ('information circle sharp') naar het Nederlands worden vertaald. Het <title> element van de SVG kan worden verwijderd.

Bevinding 5: Op pagina https://winstuitjewoning.nl/waadhoeke/ missen een aantal afbeeldingen een alt-attribuut. Het gaat om de afbeeldingen in de containers als 'Reken direct LED lampen af'. Een afbeelding heeft altijd een alt-attribuut nodig. Deze mag wel leeg blijven, omdat de afbeelding decoratief is.
Dit komt op meerdere pagina's voor, zoals op pagina https://winstuitjewoning.nl/maatregelen/zonnepanelen/ in de containers als 'Is mijn woning geschikt voor zonnepanelen?'.

Bevinding 6: Op pagina https://winstuitjewoning.nl/waadhoeke/ hebben een aantal afbeeldingen een alt-tekst terwijl dit niet nodig is. Het gaat om de afbeeldingen 'Vloerisolatie', 'Isolatieglas', etc. Doordat dezelfde tekst al tekstueel op de pagina staat, wordt nu 2x hetzelfde voorgelezen. Verberg de afbeelding daarom door het alt-attribuut leeg te laten.
Dit komt ook voor op pagina https://winstuitjewoning.nl/maatregelen/zonnepanelen/.

Bevinding 7: Onderaan pagina https://winstuitjewoning.nl/maatregelen/zonnepanelen/ staan het emailadres en telefoonnummer van Winst uit je woning. Deze worden voorafgegaan door een icoontje. Deze iconen hebben een alternatieve tekst nodig.
Dit komt op meerdere pagina's voor.
Op pagina https://winstuitjewoning.nl/waardebonacties/ komt dit ook voor in het blok 'Liever iemand spreken?'.

Bevinding 8: Op pagina https://winstuitjewoning.nl/waardebonacties/ staat een afbeelding van een waardebon. Deze mist een alt-tekst.

Bevinding 9: Op pagina https://aanmelden.winstuitjewoning.nl/ heeft het logo links bovenaan geen alt-attribuut. Dit is wel nodig, ook moet hierin een alternatieve tekst worden gegeven.

1.2 Op tijd gebaseerde media

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

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

Bevinding 10: Dit criterium is niet (volledig) onderzocht in deze quickscan

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

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

Bevinding 11: In de video op https://winstuitjewoning.nl/waadhoeke/ is geen ondertiteling aanwezig. Hierdoor is de video niet toegankelijk voor doven en slechthorenden.

Bevinding 12: Dit geldt ook voor de video op https://winstuitjewoning.nl/maatregelen/zonnepanelen/ . De tekst in beeld is geen vervanging van de ondertiteling.

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

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

Bevinding 13: In de video op https://winstuitjewoning.nl/waadhoeke/ komt een aantal keer visuele informatie voor die niet terugkomt in het audiospoor. Het gaat om de volgende punten:

• Rond 0:42 komt de knop 'direct waardebon verzilveren' in beeld. In het audiospoor wordt alleen gezegd: '...en klik op de knop.'
• Rond 1:05 komt een waardebon in beeld met veel tekst erop. Deze tekst wordt niet voorgelezen en gaat ook voor ziende bezoekers best snel. Een mogelijke oplossing is een deel van de tekst verwijderen. De tekst is niet nodig om de video te begrijpen, maar kan wel voor verwarring zorgen als bezoekers deze niet goed kunnen lezen.
• Rond 1:18 komt de afbeelding 'Oars! Duorsum Waadhoeke'. Dit komt niet terug in het audiospoor.

Zorg voor een media-alternatief (zoals een transcript) of plaats deze informatie in een audiodescriptie om ook te voldoen aan criterium 1.2.5.

Bevinding 14: In de video op https://winstuitjewoning.nl/maatregelen/zonnepanelen/ verschijnt op het eerste frame de teksten '(Logo) Winst uit je woning, Zonnepanelen, Veelgestelde vragen'. Deze komen niet terug in het audiospoor. Zorg voor een media-alternatief (zoals een transcript) of plaats deze informatie in een audiodescriptie om ook te voldoen aan criterium 1.2.5.

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

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

Bevinding 15: Dit criterium is niet (volledig) onderzocht in deze quickscan

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Bevinding 16: In de video op https://winstuitjewoning.nl/waadhoeke/ komt een aantal keer visuele informatie voor die niet terugkomt in het audiospoor. Het gaat om de volgende punten:

• Rond 0:42 komt de knop 'direct waardebon verzilveren' in beeld. In het audiospoor wordt alleen gezegd: '...en klik op de knop.'
• Rond 1:05 komt een waardebon in beeld met veel tekst erop. Deze tekst wordt niet voorgelezen en gaat ook voor ziende bezoekers best snel. Een mogelijke oplossing is een deel van de tekst verwijderen. De tekst is niet nodig om de video te begrijpen, maar kan wel voor verwarring zorgen als bezoekers deze niet goed kunnen lezen.
• Rond 1:18 komt de afbeelding 'Oars! Duorsum Waadhoeke'. Dit komt niet terug in het audiospoor.

Plaats deze informatie in een audiodescriptie.

Bevinding 17: In de video op https://winstuitjewoning.nl/maatregelen/zonnepanelen/ verschijnt op het eerste frame de teksten '(Logo) Winst uit je woning, Zonnepanelen, Veelgestelde vragen'. Deze komen niet terug in het audiospoor. Plaats deze informatie in een audiodescriptie.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 18: Op pagina https://winstuitjewoning.nl/ is onder 'Reacties van klanten' het <cite> element gebruikt voor de naam van de klant. Het <cite> element is bedoeld voor artistieke werken, niet voor namen of quotes. Gebruik in plaats daarvan bijvoorbeeld het <blockquote> element om de quote zelf vorm te geven. De naam kan dan in een <p> element worden geplaatst.

Bevinding 19: Op pagina https://winstuitjewoning.nl/ zijn de kopteksten 'Uitvoerders', 'Gemeenten' en 'Verkooppunten' visueel subkoppen van de koptekst 'Samen bereiken we meer'. In de code zijn deze koppen echter allemaal van hetzelfde niveau, namelijk H2. Hierdoor gaat de hiërarchische structuur verloren, waardoor deze minder begrijpelijk is voor personen die gebruik maken van hulpsoftware. Maak de subkoppen daarom van een lager niveau (H3).
Dit komt ook voor op pagina https://winstuitjewoning.nl/waadhoeke/ bij de kopteksten 'Vloerisolatie', 'Isolatieglas', etc.
En bij de vragen onder 'Veelgestelde vragen' op o.a. pagina https://winstuitjewoning.nl/maatregelen/zonnepanelen/ en https://winstuitjewoning.nl/subsidie/ .

Bevinding 20: Op pagina https://winstuitjewoning.nl/waadhoeke/ staan meerdere H1 koppen. Zorg dat een pagina altijd één H1 bevat. Maak daarom de kopteksten 'Informatieavond', 'Informatieavond terugkijken' en 'Er is nog €237.529,12 budget over!' van een lager niveau.

Bevinding 21: Op pagina https://winstuitjewoning.nl/subsidie/ staat de tekst 'Stappenplan subsidie aanvraag via Winst uit je woning'. Deze is niet als koptekst gecodeerd, maar met het <strong> element. Dit element is bedoeld voor nadruk, niet voor opmaak. Codeer deze tekst als koptekst, verwijder het strong-element en gebruik bijvoorbeeld CSS om de tekst anders vorm te geven.
Dit komt ook voor op pagina https://winstuitjewoning.nl/waardebonacties/ bij de vetgedrukte kopteksten onder 'Zo wissel je de waardebon in'.

Bevinding 22: Op pagina https://winstuitjewoning.nl/maatregelen/zonnepanelen/ staat een zoekveld onder 'Veelgestelde vragen'. Dit veld mist zowel in de code als visueel een label. Placeholdertekst is niet voldoende als visueel label, omdat dit verdwijnt zodra de bezoeker begint te typen.
Dit komt op meerdere pagina's voor.

Bevinding 23: Op pagina https://winstuitjewoning.nl/waardebonacties/ staat een zoekveld onder 'Vind jouw gemeente'. Deze mist in de code een label.

Bevinding 24: Op pagina https://winstuitjewoning.nl/subsidie/ staat een tabel onder 'Hoeveel subsidie ontvang ik voor isolatieglas?'. De vetgedrukte teksten 'HR ++ glas' en 'Triple glas' zijn vetgedrukt met het <strong> element, wat hier niet gebruikt dient te worden. Deze teksten fungeren als koptekst voor de 2 cellen eronder ('Kozijnpanelen' en 'Isolerende deur', die tevens onterecht met het <em> element zijn opgemaakt), maar dit is nu niet duidelijk in de code van de tabel. Normaliter zou het <th> element incl. een scope-attribuut kunnen worden gebruikt, maar omdat er in dezelfde rij ook waarden zijn gekoppeld aan de vetgedrukte tekst, kan deze relatie niet goed worden aangegeven.
Een mogelijke oplossing is het herstructureren van de tabel, zodat er gebruik wordt gemaakt van multi-level headers (zie bijv. Example 2 op https://www.w3.org/WAI/tutorials/tables/multi-level/ ), of door deze op te splitsen in twee aparte tabellen.
Daarnaast bevatten de rijen 'Kozijnpanelen' en 'Isolerende deur' lege cellen. Zorg dat een tabelcel altijd een waarde bevat.

Bevinding 25: Op pagina https://aanmelden.winstuitjewoning.nl/ is de tekst 'Ik ga akkoord met de voorwaarden voor deelname' bij stap 1 niet gecodeerd als <label> en niet gekoppeld aan de <input> ernaast. Hierdoor mist de checkbox een label.

Bevinding 26: Op pagina https://aanmelden.winstuitjewoning.nl/ bij de stap 'Zonnepanelen' zijn de labels boven de invoervelden in de code niet als <label> gecodeerd en niet niet gekoppeld aan de <input> ernaast. Hierdoor missen deze velden een label.

Bevinding 27: Op pagina https://aanmelden.winstuitjewoning.nl/ worden in meerdere stappen radiobuttons gebruikt. Doordat de keuzeopties niet gekoppeld zijn aan het label erboven, is voor gebruikers van hulpsoftware niet duidelijk welk overkoepelend label bij de keuzeopties hoort. Maak bijvoorbeeld gebruik van een fieldset/legend combinatie om dit op te lossen.

Bevinding 28: Wanneer het proces op https://aanmelden.winstuitjewoning.nl/ wordt voltooid, verschijnt een Bedank-pagina. Hier is de koptekst 'Bedankt voor je aanmelding!' een niveau H2, terwijl dit een H1 moet zijn.
De tekst 'Zo gaat het verder' eronder is niet als koptekst gecodeerd, maar met het <strong> element. Dit element is bedoeld voor nadruk, niet voor opmaak. Codeer deze tekst als koptekst (H2), verwijder het strong-element en gebruik bijvoorbeeld CSS om de tekst anders vorm te geven.

Bevinding 29: Advies:
Op pagina https://winstuitjewoning.nl/subsidie/ lijkt de koppenstructuur niet helemaal overeen te komen met de hiërarchische structuur. De kop 'Hoe verloopt het proces als Winst uit je woning de subsidie voor mij aanvraagt?' lijkt een H2 te moeten zijn (ipv H3).

Bevinding 30: Advies:
Op pagina https://aanmelden.winstuitjewoning.nl/ is de tekst 'Meld je vrijblijvend aan en ontvang advies en op maat gemaakte offertes voor energiebesparingsmaatregelen' gecodeerd als koptekst van niveau H3. Hierdoor wordt gesprongen van een H1 naar een H3. Zorg dat er geen kopniveau's worden overgeslagen. Of overweeg om deze tekst niet als koptekst te coderen.

Bevinding 31: Advies: Wanneer het proces op https://aanmelden.winstuitjewoning.nl/ wordt voltooid, verschijnt een Bedank-pagina. Op deze pagina staan twee links die niet als link te herkennen zijn omdat ze niet afwijkend zijn vormgegeven (het emailadres, en 'Terug naar Winst uit je woning'). Voor alle doelgroepen is het beter om deze links direct te kunnen herkennen als links.

Bevinding 32: Onderstaande is niet afkeurbaar onder WCAG maar viel op:
Op pagina https://winstuitjewoning.nl/waadhoeke/ staat de link 'Stap 1. Meld je vóór 22 juni 2022 gratis en vrijblijvend aan.' Visueel is deze tekst niet als link te herkennen. Er is wel een alternatief, namelijk de link 'Meld je aan voor de inkoopactie' die erboven staat.
Overweeg om deze tekst niet als link te coderen.
Dit komt ook voor op pagina https://winstuitjewoning.nl/subsidie/ bij 'Stap 1. Kies welke duurzame oplossingen je wil laten uitvoeren.' en op pagina https://winstuitjewoning.nl/waardebonacties/ bij 'Stap 1. Check op de gemeentepagina of er nog budget beschikbaar is.'

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Bevinding 33: Op pagina https://aanmelden.winstuitjewoning.nl/ bij de stap 'Zonnepanelen' staat de tekst: "Laat het antwoord op deze vraag leeg indien je jouw verbruik nu niet bij de hand hebt." Deze staat in de code onder het invoerveld. Hierdoor kan het onduidelijk zijn bij welke vraag deze tekst hoort. Plaats deze in de code tussen het label en het invoerveld. Visueel kan de tekst wel zo blijven staan.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Bevinding 34: Dit criterium is niet (volledig) onderzocht in deze quickscan

1.3.4 Weergavestand (Niveau AA)

Informatie over succescriterium 1.3.4 Weergavestand

Bevinding 35: Dit criterium is niet (volledig) onderzocht in deze quickscan

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Bevinding 36: Op pagina https://aanmelden.winstuitjewoning.nl/ hebben bij Stap 1 het veld 'Postcode' en 'Huisnummer' geen autocomplete attribuut.
Het veld 'Emailadres' heeft wel een autocomplete attribuut, maar deze staat op 'on'. De waarde moet ingesteld worden op een specifieke waarde die hoort bij het type invoerveld, zoals 'email' of 'given-name'. Zie https://www.w3.org/TR/WCAG21/#input-purposes voor een overzicht van de waarden.
Dit geldt ook voor de velden in de laatste stap, zoals 'Voornaam' en 'Telefoonnummer'

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Bevinding 37: Advies: Op pagina https://aanmelden.winstuitjewoning.nl/ is de focus op de formuliervelden alleen waarneembaar door een kleurverschil. Omdat de focusranden in niet-gefocuste staat een te lage contrastwaarde hebben (zie succescriterium 1.4.11) wordt het verschil op dit moment ook door middel van zogeheten relatieve helderheid overgebracht (contrast in licht/donker). Dit is daarom nu geen toegankelijkheidsprobleem, maar wanneer het contrast van de niet-gefocuste focusrand wordt verhoogd, kan dit wel een toegankelijkheidsprobleem worden.

1.4.2 Geluidsbediening (Niveau A)

Informatie over succescriterium 1.4.2 Geluidsbediening

Bevinding 38: Dit criterium is niet (volledig) onderzocht in deze quickscan

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 39: Wanneer in de footer met de muis over de link 'Wij zijn ISO gecertificeerd' wordt gehoverd, verandert de linktekst naar de kleur blauw (HEX #0a58ca). Deze heeft dan een contrastwaarde van 1,5:1 maar dit moet minimaal 4,5:1 zijn.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Bevinding 40: Wanneer de pagina's https://winstuitjewoning.nl/ en https://aanmelden.winstuitjewoning.nl/ in een ingezoomde weergave wordt bekeken (1280x1024px), bedekt de cookiemelding het hele scherm, en verdwijnt een deel van de cookiemelding buiten beeld. Omdat deze vanaf 250% niet kan worden weggeklikt met het toetsenbord (zie criterium 2.1.1), kan de pagina niet worden bekeken/bediend met het toetsenbord.

Bevinding 41: Wanneer de pagina's https://winstuitjewoning.nl/ en https://aanmelden.winstuitjewoning.nl/ in een ingezoomde weergave wordt bekeken, bedekt de chat pop-up vrijwel het hele scherm. Omdat deze niet of niet goed kan worden weggeklikt met het toetsenbord (zie criterium 2.1.1 en 1.4.3), kan de pagina niet worden bekeken/bediend met het toetsenbord.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Bevinding 42: Dit criterium is niet (volledig) onderzocht in deze quickscan

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Bevinding 43: Dit criterium is niet (volledig) onderzocht in deze quickscan

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 44: Het contrast van enkele focusranden is te laag i.c.m. de achtergrond. Het gaat om de lichtblauwe focusrand rondom 'Zoeken' rechts bovenaan de pagina (1,4:1) en om de gemeenten onder 'Recent gestart' (1,2:1), maar ook de blauwe focusrand in de footer op de donkerblauwe achtergrond (1,7:1). De focusrand moet minimaal een contrastwaarde hebben van 3:1.
Ook op pagina https://winstuitjewoning.nl/waadhoeke/ is het contrast van enkele focusranden te laag, zoals om de knoppen 'Inkoopactie', 'Meer over Winst uit je woning' en 'Naar de FAQ'.
Deze focusranden komen op meerdere pagina's voor.

Bevinding 45: Op pagina https://aanmelden.winstuitjewoning.nl/ hebben de randen van de formuliervelden (incl. radiobuttons/checkboxes) een te lage contrastwaarde met de achtergrond. Het contrast is 1,5:1 waar dit minimaal 3:1 moet zijn.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Bevinding 46: Dit criterium is niet (volledig) onderzocht in deze quickscan

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Bevinding 47: Dit criterium is niet (volledig) onderzocht in deze quickscan

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 48: Op pagina https://aanmelden.winstuitjewoning.nl/ is de cookiemelding niet bedienbaar met het toetsenbord, doordat de focus er niet in terecht komt.

Bevinding 49: Wanneer de pagina's https://winstuitjewoning.nl/ en https://aanmelden.winstuitjewoning.nl/ in een ingezoomde weergave wordt bekeken (1280x1024px), kan vanaf 250% de cookiemelding niet meer worden bediend met het toetsenbord. Alleen de links 'Details tonen' en 'Powered by' zijn nog te bereiken met het toetsenbord. Hierdoor kan een bezoeker de pagina niet bedienen.

Bevinding 50: Op pagina https://aanmelden.winstuitjewoning.nl/ is de chat niet bereikbaar met het toetsenbord.
Wanneer de pagina in een ingezoomde weergave wordt bekeken, kan daarom de hele pagina niet bekeken/bediend worden.
Dit komt ook voor op pagina https://winstuitjewoning.nl/ , hier kan de chat wel met het toetsenbord bediend worden, maar doordat de chat pas als laatste de focus ontvangt, moet de gebruiker eerst de hele pagina door om bij de chat te komen, die eerst opent, voordat de gebruiker deze kan sluiten.

Bevinding 51: Op pagina https://aanmelden.winstuitjewoning.nl/ is stap 2: 'Kies de maatregelen waarin je interesse hebt'. Hier staat naast elk onderwerp een tooltip. Deze tooltips zijn niet bereikbaar met het toetsenbord, waardoor de informatie niet beschikbaar is voor toetsenbordgebruikers.

2.1.2 Geen toetsenbordval (Niveau A)

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Bevinding 52: Dit criterium is niet (volledig) onderzocht in deze quickscan

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Bevinding 53: Dit criterium is niet (volledig) onderzocht in deze quickscan

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Bevinding 54: Dit criterium is niet (volledig) onderzocht in deze quickscan

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Bevinding 55: Dit criterium is niet (volledig) onderzocht in deze quickscan

2.3 Toevallen en fysieke reacties

2.3.1 Drie flitsen of beneden drempelwaarde (Niveau A)

Informatie over succescriterium 2.3.1 Drie flitsen of beneden drempelwaarde

Bevinding 56: Dit criterium is niet (volledig) onderzocht in deze quickscan

2.4 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Bevinding 57: Op de pagina's op https://winstuitjewoning.nl is geen skiplink aanwezig waarmee de herhalende content (logo, zoekveld, menu) kan worden overgeslagen.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Bevinding 58: Wanneer het proces op https://aanmelden.winstuitjewoning.nl/ wordt voltooid, verschijnt een Bedank-pagina. De paginatitel luidt 'Winst uit je woning - Verzenden'. Dit is gelijk aan de paginatitel van de stap ervoor. Een betere paginatitel zou zijn 'Winst uit je woning - Bedankt!', of iets soortgelijks.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 59: Op pagina https://winstuitjewoning.nl/ krijgt de cookiemelding pas de focus aan het einde van de pagina. De cookiemelding zou het eerste element moeten zijn dat de focus ontvangt.

Bevinding 60: Wanneer de pagina's op https://winstuitjewoning.nl/ in een ingezoomde weergave worden bekeken, bedekt de chat de gehele pagina. Doordat de chat pas als laatste de focus ontvangt, moet de gebruiker eerst de hele pagina door om bij de chat te komen, die eerst opent, voordat de gebruiker deze kan sluiten.

Bevinding 61: Wanneer op pagina https://aanmelden.winstuitjewoning.nl/ een postcode + huisnummer wordt ingevuld, verschijnt een knop 'Klopt dit? Klik hier om je gegevens te wijzigen.' Wanneer op de knop wordt geklikt, verschijnen invoervelden. De focus blijft in een loop tussen het invoerveld 'Gemeente' en de velden Postcode + Huisnummer erboven, totdat de gebruiker handmatig een gemeente heeft ingevoerd, of op Escape drukt.

Bevinding 62: Op pagina https://aanmelden.winstuitjewoning.nl/ krijgt de tekst "Ik ga akkoord met de voorwaarden voor deelname" de toetsenbordfocus terwijl dit element niet interactief is. Dit komt door tabindex=0. Verwijder de tabindex.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 63: Op pagina https://winstuitjewoning.nl/ staan meerdere 'Bekijk meer' links. Uit deze linktekst kan nu niet worden opgemaakt waar de link naar verwijst. Dit is vooral nodig voor bezoekers die met behulp van hulpsoftware navigeren. Vul de link bijvoorbeeld onder water aan met het betreffende onderwerp, zodat de linktekst iets wordt als: 'Bekijk meer over Uitvoerders'.
Dit geldt ook voor de 'Lees verder' links op pagina https://winstuitjewoning.nl/waadhoeke/ .

Bevinding 64: Op pagina https://winstuitjewoning.nl/subsidie/ staan twee links met dezelfde linktekst maar een verschillend linkdoel. Het gaat om de linktekst 'Bekik de voorwaarden van de RVO' (hierin staat ook de typo "Bekik"). De ene link verwijst naar https://www.rvo.nl/subsidies-financiering/isde/woningeigenaren/isolatiemaatregelen en de andere link naar https://www.rvo.nl/subsidies-financiering/isde/woningeigenaren/warmtepomp. Zorg dat

Bevinding 65: Advies: Onderaan pagina https://brandcompliance.com/diensten/iso-27001-certificering/ staan een aantal links onder 'Laatste nieuws'. Alle tekst in deze container geldt nu als linktekst (titel, datum en leestijd). Hierdoor wordt de linktekst erg lang. Zorg dat alleen de titel als linktekst geldt, en vergroot eventueel het klikbare gebied met Javascript.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Bevinding 66: Dit criterium is niet (volledig) onderzocht in deze quickscan

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Bevinding 67: Dit criterium is niet (volledig) onderzocht in deze quickscan

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Bevinding 68: Dit criterium is niet (volledig) onderzocht in deze quickscan

2.5 Input modaliteiten

2.5.1 Aanwijzergebaren (Niveau A)

Informatie over succescriterium 2.5.1 Aanwijzergebaren

Bevinding 69: Dit criterium is niet (volledig) onderzocht in deze quickscan

2.5.2 Aanwijzerannulering (Niveau A)

Informatie over succescriterium 2.5.2 Aanwijzerannulering

Bevinding 70: Dit criterium is niet (volledig) onderzocht in deze quickscan

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Bevinding 71: Dit criterium is niet (volledig) onderzocht in deze quickscan

2.5.4 Bewegingsactivering (Niveau A)

Informatie over succescriterium 2.5.4 Bewegingsactivering

Bevinding 72: Dit criterium is niet (volledig) onderzocht in deze quickscan

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Bevinding 73: De taal van de pagina https://aanmelden.winstuitjewoning.nl/ is ingesteld op 'en-US' maar dit moet 'nl' szijn.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Bevinding 74: Op meerdere plekken worden Engelstalige teksten gebruikt voor alternatieve teksten van iconen. Vertaal deze naar het Nederlands. Zie hiervoor criterium 1.1.1 en 4.1.2.

3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

Informatie over succescriterium 3.2.1 Bij focus

Bevinding 75: Dit criterium is niet (volledig) onderzocht in deze quickscan

3.2.2 Bij input (Niveau A)

Informatie over succescriterium 3.2.2 Bij input

Bevinding 76: Dit criterium is niet (volledig) onderzocht in deze quickscan

3.2.3 Consistente navigatie (Niveau AA)

Informatie over succescriterium 3.2.3 Consistente navigatie

Bevinding 77: Dit criterium is niet (volledig) onderzocht in deze quickscan

3.2.4 Consistente identificatie (Niveau AA)

Informatie over succescriterium 3.2.4 Consistente identificatie

Bevinding 78: Dit criterium is niet (volledig) onderzocht in deze quickscan

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Bevinding 79: Wanneer de velden op https://aanmelden.winstuitjewoning.nl/ niet wordt ingevuld, verschijnen o.a. de teksten 'Dit veld is verplicht', 'Selecteer of u eigenaar of huurder bent' en 'Maak svp een keuze'. Deze 3 teksten beschrijven niet de fout, maar zijn een instructie. Een goede foutmelding is bijvoorbeeld: 'Het veld [naam veld] is niet (goed) ingevuld'.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Bevinding 80: Een aantal invoervelden missen een visueel label, deze zijn genoemd onder succescriterium 1.3.1.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Bevinding 81: Dit criterium is niet (volledig) onderzocht in deze quickscan

3.3.4 Foutpreventie (wettelijk, financieel, gegevens) (Niveau AA)

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

Bevinding 82: Dit criterium is niet (volledig) onderzocht in deze quickscan

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Bevinding 83: Op pagina https://winstuitjewoning.nl/ is 2x het id 'Laag_1' aanwezig. Dit kan problemen opleveren met hulpsoftware. Zorg dat id's unieke waarden hebben op een pagina.
Dit komt ook voor op pagina's https://winstuitjewoning.nl/waadhoeke/ en https://winstuitjewoning.nl/maatregelen/zonnepanelen/ voor id 'headingOne'.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 84: Op pagina https://aanmelden.winstuitjewoning.nl/ heeft het logo links bovenaan een role=button gekregen. Echter is dit functioneel gezien een link. Pas de rol door de afbeelding binnen een anchor tag (<a>) te plaatsen.
Zorg in dat geval ook dat duidelijk waar deze link naartoe gaat (namelijk de homepage van winst uit je woning).

Bevinding 85: Bovenaan elke pagina staat een zoekveld met een vergrootglas als knop. Deze knop heeft een onnodig title-attribuut ("Submit the search query"), dit attribuut wordt namelijk niet goed ondersteund door alle hulpsoftware en browser combinaties. Verwijder daarom het titel-attirbuut.
Daarnaast heeft het ion-icon element een aria-label gekregen ("search"), en de svg een alternatieve tekst via <title> element ("Search"). Het aria-label wordt niet herkend op het ion-icon element, dus wordt de tekst van het <title> element voorgelezen als toegankelijke tekst.
De best practice is om de role=img plus het aria-label op het ion-icon te verplaatsen naar het <svg> element en vervolgens het <title> element te verwijderen. De tekst in het aria-label moet naar het Nederlands worden vertaald.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Bevinding 86: Dit criterium is niet (volledig) onderzocht in deze quickscan

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

• Homepagina:
  https://winstuitjewoning.nl/
• Waadhoeke:
  https://winstuitjewoning.nl/waadhoeke/
• Zonnepanelen:
  https://winstuitjewoning.nl/maatregelen/zonnepanelen/
• Aanmelden:
  https://aanmelden.winstuitjewoning.nl/
• Subsidie:
  https://winstuitjewoning.nl/subsidie/
• Waardebonacties:
  https://winstuitjewoning.nl/waardebonacties/

Ondersteunende technieken

• HTML5
• CSS
• WAI-ARIA
• ECMAScript 5
• DOM
• SVG

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.