Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Winstuitjewoning.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Winstuitjewoning.nl
Datum 1 september 2023
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

Uitgebreide toetsresultaten

Aantal bevindingen: 12

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 https://winstuitjewoning.nl/zaanstad/energiehulp/ staat een logo van de gemeente Zaanstad. Dit logo heeft de alternatieve tekst 'Logo van Energiehulp', wat niet omschrijft wat er op de afbeelding staat. Zorg ervoor dat dit logo de alternatieve tekst 'logo gemeente Zaanstad' krijgt.

1.2 Op tijd gebaseerde media

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 2: Op pagina https://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. Voeg daarom een audiodescriptie toe aan de video. 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 over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 3: Op veel plekken op de website, waaronder op pagina https://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.

Bevinding 4: Op pagina https://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.

Bevinding 5: Dit is een nieuwe bevinding naar aanleiding van het oplossen van een bevinding uit het vorige rapport:
Op pagina https://winstuitjewoning.nl/maatregelen/isolatieglas/ staat onder de kop 'Hoeveel geld bespaar ik per jaar na het plaatsen van isolatieglas?' een datatabel met daarin een lege th-element. Een th-element moet altijd content bevatten en mag nooit leeg zijn. Vervang daarom het lege th-element voor een td-element.

1.4 Onderscheidbaar

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 6: 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: https://winstuitjewoning.nl/witgoed/ en https://winstuitjewoning.nl/nieuwe-uitvoerder-inkoop/.

Bevinding 7: Op pagina https://winstuitjewoning.nl/zaanstad/energiehulp/ 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.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://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.

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 9: 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.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 10: Op pagina https://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.

4. Robuust

4.1 Compatibel

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 11: 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".

Bevinding 12: Op pagina https://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

Bronnen

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

Geprint: 2025-04-04 11:35:51 v2.4-011