Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website sterkvoornoord.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Audit digitale toegankelijkheid website sterkvoornoord.nl
Datum 6 juni 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op sterkvoornoord.nl.
  • Alle PDF documenten op sterkvoornoord.nl.
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: 40

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: In de footer staat een logo met tekst “Leidschendam Voorburg”. De alternatieve tekst is “Sterk voor Noord”. De alt-tekst van een afbeelding met tekst erop moet de zichtbare tekst herhalen.

Bevinding 2: Op de homepagina staan kaartjes, bijvoorbeeld onder het kopje “Onze projecten”. Een kaartje bestaat uit een decoratieve afbeelding, een kopje en een link naar de pagina met meer informatie. De afbeelding is voorzien van een alt-tekst “Link naar: (..)”. Dit is niet correct omdat de afbeelding geen link is. Daarnaast is deze alt-tekst overbodig. Uit het kopje onder de afbeelding en de linktekst is het duidelijk waar dit kaartje overgaat. Laat de alt-attributen van deze afbeeldingen leeg. Met deze oplossing voldoen deze kaartjes ook aan succescriterium 1.3.2 - Betekenisvolle volgorde. Deze kaartjes komen op vele pagina’s voor.

Bevinding 3: Op pagina https://www.sterkvoornoord.nl/nieuws/vrijwilligersmarkt-13-mei staat een afbeelding met zichtbare tekst “Vrijwilligers markt welkom”. De alternatieve tekst luidt: “LVvoorElkaar”. Deze alternatieve tekst beschrijft de afbeelding niet. Als er tekst op een afbeelding staat, moet deze tekst in het tekstalternatief terugkomen. Daarnaast mag in deze situatie het alternatieve tekst leeggelaten worden, omdat de afbeelding niets toevoegt aan de informatie die als tekst op de pagina staat.

Bevinding 4: Onderaan de pagina https://www.sterkvoornoord.nl/partners/rkavv-voetbalvereniging staan vier foto’s met dezelfde alt-tekst “Medewerker”. De beschrijving van een afbeelding dient uniek te zijn. Deze bevinding wordt nog een keer genoemd onder 2.4.4 - Linkdoel.

Bevinding 5: De afbeeldingen in de pdf-documenten “Flyer Jongeren” en “Bewonersbrief” hebben geen beschrijvingen. Zonder tekstalternatief kan de voorleessoftware niet aan zijn gebruiker voorlezen wat op de afbeelding staat. Decoratieve afbeeldingen dienen als een artefact worden aangemerkt om ze voor hulpsoftware te verbergen. De informatieve afbeeldingen, bijvoorbeeld de logo’s op de eerste pagina, moeten een beschrijving krijgen zodat een blinde bezoeker begrijpt welke organisaties bij dit project betrokken zijn. Een goed voorbeeld van dit probleem is te zien op de eerste pagina van “Bewonersbrief”. Onder het kopje “De partners van (..)” staan vier rijen met logo’s. Een blinde bezoeker hoort alleen het kopje. Niet een de 35 onderstaande logo’s wordt voorgelezen.
Zie https://www.sterkvoornoord.nl/assets/files/Projecten/Jongeren-perspectief-fonds/05-A5-flyer-Jongeren-Perspectief-Fonds_meisje.pdf en https://www.sterkvoornoord.nl/assets/files/Documenten/Bewonersnieuwsbrief-Sterk-voor-Noord_april-2023.pdf.

Bevinding 6: Advies: In de footer staat een afbeelding met beschrijving “Hand met gewicht”. De alternatieve tekst beschrijft de afbeelding goed, maar de afbeelding kan ook als decoratief worden gezien. Door het alt-attribuut leeg te laten van decoratieve afbeeldingen, kan hulpsoftware deze afbeeldingen negeren zodat er geen overbodige informatie wordt voorgelezen. Een vergelijkbaar probleem komt voor op pagina https://www.sterkvoornoord.nl/agenda/open-inloop-bij-buurthuis-dobbelaan-op-donderdag met de afbeelding 'jongens aan het poolen'.

Bevinding 7: Advies: Op pagina https://www.sterkvoornoord.nl/projecten/jongeren-perspectief-fonds staat een logo van “Jongeren perspectief fonds”. Dit logo is verborgen voor hulpsoftware met een leeg alt-attribuut. Informatieve afbeeldingen mogen niet verborgen worden voor hulpsoftware, maar omdat op deze pagina informatie staat over deze organisatie mag dit logo als decoratief worden gezien. Het advies is om alle logo’s te voorzien van alternatieve teksten. Mocht zo’n afbeelding ook als een link worden gebruikt, dan is de correcte alternatieve tekst noodzakelijk. Zie ook https://www.sterkvoornoord.nl/projecten/lv-voor-elkaar.

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 8: Op pagina https://www.sterkvoornoord.nl/nieuws/rattenoverlast-in-uw-wijk staat een video met visuele informatie. Het gaat om de logo’s van twee organisaties die aan het einde van de video in beeld komen, maar ook de animaties bieden informatie. Deze informatie is niet beschikbaar voor bezoekers met een visuele beperking en dus moet hier een alternatief voor komen. Wanneer de video in zijn geheel een alternatief is voor de geschreven informatie op de pagina, moet dit duidelijk worden aangegeven. Dit succescriterium is minder streng dan 1.2.5. Zie daarom 1.2.5 waar deze bevinding verder wordt uitgewerkt.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 9: Op pagina https://www.sterkvoornoord.nl/nieuws/rattenoverlast-in-uw-wijk staat een video met visuele informatie. Het gaat om de logo’s van twee organisaties die aan het einde van de video in beeld komen, maar ook de animaties bieden informatie.. Deze informatie is niet beschikbaar voor bezoekers met een visuele beperking en dus moet hier een alternatief voor komen. Dit kan door deze informatie in het audiospoor op te nemen of een apart audiospoor toe te voegen met deze auditieve informatie (de zogenaamde audiodescriptie). Dit heeft ook voordelen voor bezoekers met een cognitieve beperking waarvoor deze informatie wellicht te kort in beeld blijft om goed waar te kunnen nemen. Voor dit succescriterium is een media-alternatief niet meer toegestaan. Zie ook succescriterium 1.2.3.

Bevinding 10: Advies: op pagina https://www.sterkvoornoord.nl/projecten/kind-naar-gezonder-gewicht staat een video. Op de laatste slide komt een logo in beeld met tekst “Gezonde jeugd, gezonde toekomst”. In de tekst van de pagina, waar de video op staat, wordt gesproken van stiching Jogg die werkt aan dit programma en deze video heeft gemaakt. Het is niet meteen duidelijk dat deze twee namen in feite dezelfde organisatie bedoelen. Het advies is om tekst “Gezonde jeugd, gezonde toekomst” aan de pagina toe te voegen.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 11: Het is belangrijk dat visuele structuur van informatie overeenkomt met de structuur van deze informatie in de HTML-code. Een (tussen)kop wordt dan als koptekst voorgelezen. Een blinde bezoeker kan een lijst met koppen genereren om de inhoud van de pagina te scannen of snellen door de pagina te navigeren. Alle teksten die eruit zien als koppen moeten daarom met kop elementen (h1 - h6) worden opgemaakt. In de volgende situaties is het niet het geval:

- Op pagina https://www.sterkvoornoord.nl/agenda/open-inloop-bij-buurthuis-dobbelaan-op-donderdag staat een kopje “Meer data” dat niet als koptekst is opgemaakt. Het gaat om een zijkolom aan de rechterkant van de pagina

Bevinding 12: Op pagina https://www.sterkvoornoord.nl/nieuws/even-voorstellen-nathalie-batelaan worden em-elementen gebruikt voor styling. Dit element is bedoeld om nadruk te leggen op enkele woorden of zinsdelen, niet voor citaten. Gebruik voor citaten een blockquote element.

Bevinding 13: Op pagina https://www.sterkvoornoord.nl/bewoners/verhalen-uit-noord/familie-jamal is de eerste alinea opvallend gestyled door gebruik te maken van het strong-element. Dit komt in alle verhalen van bewoners voor. Het strong-element heeft een semantische betekenis en mag alleen gebruikt worden voor enkele woorden of zinsdelen, niet voor hele alinea’s.

Bevinding 14: Op pagina https://www.sterkvoornoord.nl/agenda/open-inloop-bij-buurthuis-dobbelaan-op-donderdag staat een datatabel met verborgen koprij. Het is niet duidelijk waarom kolomkoppen “Datum” en “Tijdstip” niet zichtbaar zijn. Ziende bezoekers met cognitieve beperkingen kunnen baat hebben bij deze kolomkoppen.

Bevinding 15: In het pdf-document “Flyer jongeren” ontbreken kopelementen. Visueel zijn er kopjes en tussenkopjes aanwezig om het document een structuur te geven. Deze structuur ontbreekt voor een blinde bezoeker. Bijkomend nadeel is dat een blinde bezoeker de koppen niet kan gebruiken om door het document te navigeren.
Op pagina twee van dit pdf-document staat een opsomming die alleen visueel te onderscheiden is als een lijst. Hier zijn alinea-elementen gebruikt in plaatst van lijst- en lijstitemelementen. De visuele structuur van informatie komt niet overeen met de structuur van de codes.
Zie https://www.sterkvoornoord.nl/assets/files/Projecten/Jongeren-perspectief-fonds/05-A5-flyer-Jongeren-Perspectief-Fonds_meisje.pdf.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 16: Op de homepagina staan onder het kopje “WAT GEBEURT ER IN NOORD?” kaartjes met een afbeelding en een kopje. De afbeeldingen hebben alternatieve teksten, dus worden ze gezien als informatieve afbeeldingen. In de HTML staan de afbeeldingen boven de kopjes. Op deze manier is de relatie tussen de afbeelding en het bericht waar het bij hoort niet meteen duidelijk. Door de alt-teksten van de afbeeldingen leeg te laten, zoals eerder aangegeven onder succescriterium 1.1.1, worden de afbeeldingen verborgen voor hulpsoftware.

Bevinding 17: In het pdf-document “Publiekversie” is de tabvolgorde van content niet logisch. Op pagina twee staan grafieken met datalabels. De tabvolgorde gaat van datalabel in grafiek een naar datalabel in grafiek twee en vervolgens naar grafiek drie.
https://www.sterkvoornoord.nl/assets/files/Documenten/05-Publieksversie-Sterk-voor-Noord_P9_DEF.pdf.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 18: Tekst die niet voldoet aan minimale eis is slecht leesbaar voor kleurenblinde en slechtziende bezoekers. In de cookiebanner staat in grijze tekst (HEX #999999) “Powered by” op een witte achtergrond. Het kleurcontrast is hier 2,7:1. Dit moet minimaal 4,5:1 zijn.

Bevinding 19: Op pagina https://www.sterkvoornoord.nl/sterk-voor-noord staat kop 1 als witte tekst op een afbeelding. Het kleurcontrast, gemeten op de lichtste pixel in de afbeelding, is 2,7:1. Dit moet minimaal 3,0:1 zijn voor deze grote tekst. Een mogelijke oplossing is het toevoegen van een donkere schaduw (rand) aan de letters om het contrast beter te maken.

Bevinding 20: Op pagina https://www.sterkvoornoord.nl/contact staat een contactformulier waarin de labels te lichte tekstkleur (HEX #7A8489) hebben. Het kleurcontrast is nu 3,8:1 waar het 4,5:1 moet zijn.

Bevinding 21: Onderaan de pagina verschijnt een extra venster om te vragen of de bezoeker de privacygegevens wil aanpassen. De tekst op de blauwe knop (HEX #2775F2) heeft onvoldoende contrast: 4,3:1. Dit moet minimaal 4,5:1 zijn.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 22: Op de homepagina staan twee sliders met ronde knopjes om van slides te wisselen. De rondjes die de niet-actieve slides voorstellen hebben een lichtgrijze kleur (HEX #CCC). Deze kleur heeft onvoldoende contrast, namelijk 1,4:1 en 1,6:1. De actieve knop onder de slider met “Onze projecten” is geel (HEX #FBB900). Hier is het kleurcontrast 1,7:1. Voor al deze gevallen geldt dat het minimaal 3,0:1 moet zijn.

Bevinding 23: Op pagina https://www.sterkvoornoord.nl/contact staat een contactformulier. De randkleur van de invoervelden is licht grijs (HEX #CED4DA). In combinatie met een witte achtergrond van de pagina geeft deze kleur contrastwaarde van 1,5:1. Dit moet minimaal 3,0:1 zijn.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 24: Bezoekers die de website met toetsenbord navigeren moeten alle interactieve elementen kunnen bedienen. In de volgende situaties gebeurt het niet:

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Onvoldoende

Bevinding 25: Op pagina https://www.sterkvoornoord.nl/contact staat een contactformulier. Als een foutieve waarde in dit formulier is ingevuld of een verplicht veld leeg is gelaten, verschijnt een foutmelding. De foutmelding verdwijnt na een paar seconden. Een foutmelding moet blijven staan, zodat te allen tijde duidelijk is wat de fout was, tot deze goed wordt verbeterd.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 26: In de metadata van alle onderzochte pdf-documenten “Flyer Jongeren”, “Publiekversie” en “Bewonersbrief” is de titel niet ingesteld. De titel dient een korte beschrijving van de inhoud van het bestand te zijn. Voor gebruikers van hulpsoftware is het voor de navigatie tussen documenten belangrijk dat de titel duidelijk maakt waar ze zijn. Dit kan worden ingesteld via de bestandseigenschappen. Hier moet ook worden ingesteld dat de titel wordt getoond in de titelbalk en niet de bestandsnaam, zoals nu het geval is.
Zie https://www.sterkvoornoord.nl/assets/files/Projecten/Jongeren-perspectief-fonds/05-A5-flyer-Jongeren-Perspectief-Fonds_meisje.pdf, https://www.sterkvoornoord.nl/assets/files/Documenten/05-Publieksversie-Sterk-voor-Noord_P9_DEF.pdf en https://www.sterkvoornoord.nl/assets/files/Documenten/Bewonersnieuwsbrief-Sterk-voor-Noord_april-2023.pdf.

Bevinding 27: Advies: de webpagina’s zijn voorzien van paginatitels. Echter, de naam van de organisatie ontbreekt. De titels luiden nu “Agenda”, “Nieuws”, “Contact” enzovoort. Als een blinde bezoekers meerdere websites met deze generieke paginatitels open heeft staan, is de navigatie tussen browsertabs lastig. Voeg een organisatienaam toe, bijvoorbeeld “Agenda - Sterk voor noord”.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 28: De cookiebanner bedekt de content van de pagina, maar krijgt niet als eerste focus. De bezoeker moet eerst door de hele pagina tabben om het af te sluiten. Zorg ervoor dat bezoekers direct de cookiemelding kunnen afsluiten door deze als eerste focus te geven.

Bevinding 29: Op pagina https://www.sterkvoornoord.nl/partners/rkavv-voetbalvereniging staan vier foto’s. Door het klikken of drukken op een foto opent een grote weergave. De focus verplaatst zich niet naar de foto die in beeld is, maar loop onder de foto door op interactieve elementen die op dat moment niet in beeld zijn.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 30: Onderaan de pagina https://www.sterkvoornoord.nl/partners/rkavv-voetbalvereniging staan vier foto’s die linken naar een grote afbeelding van elke foto. De afbeelding is de enige content van deze link. Alle vier afbeeldingen zijn voorzien van dezelfde alt-tekst “Medewerker”. Hierdoor is het linkdoel niet duidelijk. Geef deze foto een unieke beschrijving. Deze functionaliteit komt op meerdere pagina’s voor.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 31: Op sommige knoppen en links is de focusindicator verwijderd.
In de cookiebanner staan interactieve elementen die geen focusindicator hebben. Een bezoeker die alleen met het toetsenbord navigeert weet niet waar de focus zich bevindt en kan ongewenst interactieve elementen activeren.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Voldoende

Bevinding 32: Advies: In de footer onder “VOLG ONS OP” staan drie links naar de socialmediakanalen. Deze links bevatten zichtbare tekst met de naam van het kanaal. De toegankelijke naam die afkomstig is van een aria-label luidt: “Ga naar onze Facebook pagina (opent in nieuw venster)”. Wees voorzichtig met aria-labels omdat ze de inhoud van het element overschrijven. Nu komt de naam van het socialmediakanaal in het aria-label voor waardoor deze bevinding niet wordt afgekeurd. Maar het is toch makkelijk om hier een fout te maken. Dit succescriterium zegt dat zichtbare tekst van het element in zijn toegankelijke naam moet voorkomen en het liefst aan het begin van de naam. In deze constructie staat het woord “Facebook” niet aan het begin. Om dit op te lossen gebruik aria-label voor alleen de naam van het social media kanaal en gebruik het title-element van de link voor alle overgie informatie “Ga naar onze Facebook pagina (opent in nieuw venster)”.

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 33: Op pagina https://www.sterkvoornoord.nl/partners/rkavv-voetbalvereniging staan vier foto’s die een galerij openen. In deze galerij hebben alle knoppen Engelstalige namen, bijvoorbeeld “close gallery”, “next slide” en meer. De beste oplossing zou zijn de tekst naar een Nederlandse tekst aan te passen. 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.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 34: Op pagina https://www.sterkvoornoord.nl/contact staan ook een aantal formuliervelden. Als bij de naam of e-mail een fout wordt gemaakt verschijnt geen foutmelding, maar alleen een instructie: “Vul dit veld in”. De instructie is goed, maar alleen als een aanvulling op een foutmelding die aangeeft wat er verkeerd is gegaan. De foutmelding ontbreekt hier nog. De melding die verschijnt, is ook een browser melding en verschilt per browser. Zorg voor eigen foutmeldingen.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 35: Op pagina https://www.sterkvoornoord.nl/agenda/open-inloop-bij-buurthuis-dobbelaan-op-donderdag staat een kopje “Meer data” dat niet als koptekst is opgemaakt. Het gaat om een zijkolom aan de rechterkant van de pagina. Onder dit kopje staat een datatabel met verborgen koprij. Het is niet duidelijk waarom kolomkoppen “Datum” en “Tijdstip” zichtbaar verborgen zijn. Bezoekers met cognitieve beperkingen kunnen baat hebben bij deze kolomkoppen.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Onvoldoende

Bevinding 36: Parsefouten kunnen problemen veroorzaken voor hulpsoftware. Daarom wordt hier onder andere gekeken of alle elementen correct gesloten worden, alle gebruikte id’s uniek zijn en elementen goed genest zijn:
Op pagina https://www.sterkvoornoord.nl/nieuws/rattenoverlast-in-uw-wijk komt het id met waarde “itwzTe1YRe” meer dan eens voor. De waarden van id-attributen moeten uniek zijn.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 37: In de cookiebanner staat een knop om de banner af te sluiten. Bij deze knop ontbreekt de rol en de toegankelijkheidsnaam.
Ook in een extra venster dat onderaan de pagina verschijnt om te vragen of de bezoeker de privacygegevens wil aanpassen, staat een knop om het venster af te sluiten. Deze knop is gemaakt van niet-interactieve elementen en mist de juiste rol en naam.

Bevinding 38: Op pagina https://www.sterkvoornoord.nl/nieuws/rattenoverlast-in-uw-wijk staat een iframe waar een video in zit. Dit iframe heeft geen toegankelijke naam.

Bevinding 39: In het iframe op pagina https://www.sterkvoornoord.nl/nieuws/rattenoverlast-in-uw-wijk staat een knop om de video “Full screen” te bekijken. Deze knop heeft geen toegankelijke naam. De screen reader kan niet aan een blinde bezoeker vertellen wat deze knop doet. Het logo van “Samen voor Noord” is opgenomen in een a-element zonder href attribuut. Zonder dit attribuut verliest het a-element zijn interactieve kenmerken. Aan dit element is een aria-label toegevoegd. Dit label wordt genegeerd door hulpsoftware omdat aria-labels op niet-interactieve elementen niet worden voorgelezen.

Bevinding 40: Advies: Het volgende wordt niet afgekeurd, maar wordt hier genoemd om aan te geven dat het gebruik van aria-labels moeilijker is dan het op het eerste gezicht lijkt. Zo worden op meerdere plaatsen aria technieken gebruikt op een verkeerde manier waardoor de toegankelijkheid slechter wordt in plaats van beter. De eerste regel van ARIA is ‘gebruik geenaria’. Alleen als het echt nodig is en er geen HTML-oplossingen zijn. In veel gevallen waar aria technieken zijn toegepast op deze website is dit helemaal niet nodig. De oproep is hier dus ook om goed te controleren waar en/of aria technieken echt nodig zijn en als het wel nodig is of ze op de juiste manier zijn toegepast. In veel gevallen dus niet. Zie voor goede uitleg hoe aria-technieken goed toe te passen de volgende website: https://www.w3.org/TR/wai-aria-practices-1.2/.
Op de homepagina staat een blok met events. Elk event heeft een adres dat in een div-element zit met een aria-label=”Locatie”. Aria-labels op niet-interactieve elementen worden niet voorgelezen. Het voegt helemaal niets toe aan de toegankelijkheid van deze website om op deze plek een aria-label te gebruiken. Op pagina https://www.sterkvoornoord.nl/nieuws staat een span met aria-current=”page”. Dit label wordt ook niet voorgelezen.

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-05-12 08:14:15 v2.4-011