Issues:
Content-audit digitale toegankelijkheid Wij in Vught

(Alleen de bevindingen)

Scope van de evaluatie

Naam website	Wij in Vught
Datum	27 augustus 2024
Scope van de website	Binnen de scope van het onderzoek valt: De content van de pagina’s op wijinvught.nl. Alle PDF's op wijinvught.nl. Buiten de scope valt: De techniek van alle pagina's op wijinvught.nl. Dit vereist een apart onderzoek. 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: 29

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: De tijdslijn op https://wijinvught.nl/hetkwartier/van+plan+tot+besluit/default.aspx biedt een toegankelijke lijstversie. Deze versie bevat niet alle data en informatie die de tijdslijn wel bevat. Dit heeft impact op bezoekers met hulpsoftware die de toegankelijke versie willen gebruiken. Om de lijstversie een toegankelijk alternatief te laten zijn voor de tijdslijn, zorg dat die versie alle data en info uit de tijdslijn bevat.

Bevinding 2: Op https://wijinvught.nl/duurzamervught/energieklimaat/default.aspx zijn er 3 nieuwsartikelen aanwezig. Elk nieuwsartikel heeft een foto, maar deze foto's hebben geen alt-attribuut. Het alt-attribuut is verplicht bij elke afbeelding, ongeacht of het informatief of decoratief is. Enkel bij informatieve afbeeldingen dient het een waarde te krijgen, de zogenaamde alt-tekst. Voeg bij deze afbeeldingen het alt-attribuut toe. Omdat ze decoratief zijn, hoeft er geen alt-tekst meegegeven te worden.

Bevinding 3: Op https://wijinvught.nl/duurzamervught/nieuws+energie+en+klimaat/2719893.aspx?t=PBD-afval-wat-mag-wel-en-wat-niet is er een infographic aanwezig dat uitleg wat je met PBD-afval moet doen. Er is echter geen alt-tekst aanwezig of beschrijvende tekst om de tekst op de infographic op een toegankelijke manier voor bezoekers met hulpsoftware aan te bieden. Voeg een alternatieve tekst toe of zorg ervoor dat er in de buurt van de afbeelding de beschrijving als normale tekst beschikbaar is.

Bevinding 4: Er is geen toegankelijk alternatief beschikbaar voor de kaart op https://wijinvught.nl/duurzamervught/documenten+energie+en+klimaat/handlerdownloadfiles.ashx?idnv=2767773. Deze wordt gelinkt op https://wijinvught.nl/duurzamervught/planning-grootschalige-opwek/veel+gestelde+vragen_grootschalige+opwek/default.aspx#question=2730410,2740042,2740046,2730408,2730404,2740051,2749603,2741470,2749490,2741439,2730402,2741460,2741462,2749616,2749582, maar daar is dus geen alternatief aanwezig voor de kaart. Complexe afbeeldingen bevatten veel informatie, vaak meer dan wat meegegeven kan worden in een korte zin. Onder complexe afbeeldingen vallen: grafieken; diagrammen en illustraties waar de tekst op de pagina er vanuit gaat dat de gebruiker de afbeelding kan zien en begrijpen.; kaarten die locaties tonen of andere informatie tonen zoals weerinformatie. In deze gevallen is een tweedelig tekstalternatief nodig: de korte omschrijving om de afbeelding te identificeren en (indien nodig) de locatie aan te geven van de uitgebreide beschrijving, plus de uitgebreide beschrijving, die alle belangrijke en essentiële informatie uit de afbeelding tekstueel weergeeft. Geef in de alt-tekst mee dat er een uitgebreide beschrijving aanwezig is. Creëer een paragraaf dat alle essentiële en belangrijke informatie uit de afbeelding bevat en link deze paragraaf met het aria-describedby attribuut aan de afbeelding. De paragraaf kan ook een link zijn naar een pagina met uitgebreide uitleg.

Bevinding 5: Op https://wijinvught.nl/duurzamervught/wat+doen+anderen+ke/2576333.aspx?t=Pim-checkt-wekelijks-zijn-zonnestroom-opbrengst- wordt de foto van Pim voor zijn huis verborgen voor hulpsoftware met aria-hidden. Content mag niet zomaar verborgen worden voor hulpsoftware. Verwijder het attribuut om de afbeelding beschikbaar te maken voor hulpsoftware.

Bevinding 6: De PDF https://wijinvught.nl/projecten/herinrichtingen+vught/inrichting+baron+van+hovellplein+eo/documenten+inrichting+baron+van+hvellplein/HandlerDownloadFiles.ashx?idnv=2445735 heeft geen toegankelijk alternatief in het document dat volledig beschrijft wat de plannen zijn en wat dit veranderd. De kaart is anders niet toegankelijk voor bijvoorbeeld bezoekers met een screenreader.

Bevinding 7: In de PDF https://wijinvught.nl/tijdelijk_wonen/documenten_tijdelijk+wonen/HandlerDownloadFiles.ashx?idnv=2510113 is het logo niet als een afbeelding aangeduid en heeft deze geen alt-tekst. Voeg een alt-tekst toe.

1.2 Op tijd gebaseerde media

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)

Uitkomst: Onvoldoende

Bevinding 8: Op https://wijinvught.nl/afgeronde+projecten/mobiliteitsvisie/mobiliteitsvisie_nieuws/2165221.aspx is een video aanwezig. De video is niet ondertiteld. Hierdoor is de informatie in het geluidsspoor van de video niet beschikbaar voor doven, slechthorenden en mensen die zich in een situatie bevinden waar geluid niet mogelijk is. [Alle video's gepubliceerd sinds 23 september 2020 die audio-informatie bevatten moeten ook dovenondertiteling hebben.] Bij duidelijk gesproken video’s kan men eventueel de automatische ondertiteling van YouTube als vertrekpunt gebruiken. In deze ondertitels moet men daarna de fouten corrigeren en de synchronisatie van de ondertiteling aanpassen: YouTube laat zijn automatisch gegenereerde ondertitels woord per woord in beeld komen, maar deze moeten per regel in beeld komen, net als ondertitels zoals we die kennen uit de wereld van tv en film.

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 9: Op pagina https://wijinvught.nl/afgeronde+projecten/mobiliteitsvisie/mobiliteitsvisie_nieuws/2165221.aspx is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld de namen van sprekers. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een schermvoorleessoftware niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript. Of maak gebruik van een extra audiospoor om ook te voldoen aan SC 1.2.5.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 10: Op de pagina https://wijinvught.nl/afgeronde+projecten/mobiliteitsvisie/mobiliteitsvisie_nieuws/2165221.aspx is een video aanwezig. De audiodescriptie ontbreekt in deze video. Audiodescriptie is een (extra) audiospoor waarin verteld wordt wat er in beeld te zien is. Zo komen er namen van sprekers in beeld. Iemand die blind is weet nu niet wat er op het scherm te zien is.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 11: Op de pagina https://wijinvught.nl/duurzamervught/nieuws+energie+en+klimaat/2719893.aspx?t=PBD-afval-wat-mag-wel-en-wat-niet is een tabel aanwezig. De koppen in deze tabel zijn opgemaakt met het strong-element, in plaats van met het th-element. Daardoor is de relatie tussen de koppen en datacellen voor screenreadergebruikers niet duidelijk. Zorg ervoor dat tabellen goed zijn opgemaakt en gebruik voor tabelkoppen altijd het th-element.

Bevinding 12: Op pagina https://wijinvught.nl/hetkwartier/kwartier_nieuws/2718149.aspx?t=Komende-werkzaamheden-ivm-tijdelijke-uitbreiding-school zijn koppen met het strong- en/of em-element opgemaakt in de inhoud bij de laatste vraag (over windturbines). Het strong- en em-element zijn bedoeld om nadruk te geven aan één of enkele woorden, niet om koppen op te maken. Als iets eruit als een kop en zich gedraagt als een kop, dient het ook als een kop opgemaakt te worden. Semantiek en structuur correct overbrengen is belangrijk voor hulpsoftware.

Bevinding 13: In https://wijinvught.nl/duurzamervught/wat+doen+anderen+ke/2576333.aspx?t=Pim-checkt-wekelijks-zijn-zonnestroom-opbrengst- zijn quotes niet opgemaakt als quotes, maar als schuingedrukte tekst. Hier is het em-element gebruikt, dat is niet de bedoeling. Het em-element is bedoeld voor het benadrukken van een woord of delen van een zin, niet voor quotes of hele zinnen. Gebruik voor quotes ofwel aanhalingstekens en/of het quote (<q>) of blockquote (<blockquote>) element, in plaats van een andere opmaak.

Bevinding 14: De PDF https://wijinvught.nl/projecten/herinrichtingen+vught/inrichting+baron+van+hovellplein+eo/documenten+inrichting+baron+van+hvellplein/HandlerDownloadFiles.ashx?idnv=2445735 is niet gecodeerd (van tags voorzien). Dit betekent dat de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen lezen en zien wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF code laag zoals semantische koppen en ALT-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan. Dit speelt ook bij de PDF https://wijinvught.nl/tijdelijk_wonen/documenten_tijdelijk+wonen/HandlerDownloadFiles.ashx?idnv=2502859.

Bevinding 15: In de PDF https://wijinvught.nl/tijdelijk_wonen/documenten_tijdelijk+wonen/HandlerDownloadFiles.ashx?idnv=2510113 is het logo niet als een afbeelding aangeduid en heeft deze geen alt-tekst. De koppen "Shortlist locaties Tijdelijke woningen Nader te onderzoeken locaties t.b.v. het plaatsen van tijdelijke woningen", "Gronden in eigendom van gemeente Vught" en "Grond in particulier eigendom" zijn niet gemarkeerd als koppen. Het is belangrijk om semantiek en structuur in documenten als PDF's aan te brengen, zodat hulpsoftware hier gebruik van kan maken. Voeg tags toe aan de PDF's.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 16: Op https://wijinvught.nl/hetkwartier/kwartier_nieuws/2718149.aspx?t=Komende-werkzaamheden-ivm-tijdelijke-uitbreiding-school wordt in de tekst met verwijzingen waarvoor je moeten kunnen zien, verwezen naar de laatste afbeelding op de pagina: "Omwonenden zijn via een brief verzocht om in ieder geval het wegvlak vóór de Willem de Rijkelaan 7 t/m 17 (gele vlak in onderstaande afbeelding) vrij te houden. Donderdag 6 juni (vroeg in de ochtend) wordt het eerste deel van het parkeerterrein afgezet (blauwe vlak). Dit terrein zal worden gebruikt om alvast wat units neer te zetten." Dit heeft impact op kleurenblinden en slechtzienden. Verwijder de verwijzingen naar het blauwe en gele vlak.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 17: Op https://wijinvught.nl/hetkwartier/kwartier_nieuws/2718149.aspx?t=Komende-werkzaamheden-ivm-tijdelijke-uitbreiding-school wordt op de afbeelding met een geel en blauw vlak locaties van werkzaamheden aangeduid. Het gebruik van enkel kleur heeft impact op kleurenblinden. Gebruik naast kleur ook een patroon om de locatie aan te duiden. Dit geldt ook voor de kaart voor locaties met windturbines op https://wijinvught.nl/duurzamervught/documenten+energie+en+klimaat/handlerdownloadfiles.ashx?idnv=2767773.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 18: De groene (HEX #1A9768) knop "inloggen" op elke pagina en de groene achtergrond van het actieve/huidige menu-item biedt een contrastverhouding van 3,7:1 met de witte tekst waar het minimaal 4,5:1 moet zijn. Gebruik een donkerdere kleur groen. Dit komt ook voor bij de groene knoppen bij de tijdlijn op https://wijinvught.nl/hetkwartier/van+plan+tot+besluit/default.aspx en de groene knoppen voor de sub navigatie op https://wijinvught.nl/duurzamervught/duurzamer+vught/default.aspx, https://wijinvught.nl/duurzamervught/nieuws+energie+en+klimaat/2719893.aspx?t=PBD-afval-wat-mag-wel-en-wat-niet, https://wijinvught.nl/duurzamervught/wat+doen+anderen+ke/2576333.aspx?t=Pim-checkt-wekelijks-zijn-zonnestroom-opbrengst-, https://wijinvught.nl/duurzamervught/energieklimaat/default.aspx,

Bevinding 19: Op elke pagina heeft de header een zoekveld. Als men een zoekterm invult, heeft deze tekst een lichtgroene (#AACD62) kleur. Dit zorgt voor een contrastverhouding van 1,8:1 met de witte achtergrond van het zoekveld, waar het minstens 4,5:1 moet zijn. Gebruik een donkerdere kleur groen.

Bevinding 20: Op elke pagina heeft de header een zoekveld met een placeholder. Het contrast van de placeholdertekst is te laag. De contrastverhouding is hier 3,6:1, waar dat minimaal 4,5:1 moet zijn. Gebruik hier een donkerdere kleur voor de placeholdertekst.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 23: Op de pagina https://wijinvught.nl/afgeronde+projecten/mobiliteitsvisie/mobiliteitsvisie_nieuws/2165221.aspx wordt gebruikgemaakt van de videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld f voor fullscreen. Deze functionaliteit is iets wat mensen die afhankelijk zijn van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Los dit op door de embedcode van de YouTube video aan te passen zodat de bediening met tekentoetsen uit staat. Voeg de volgende eigenschap aan de embedcode toe: 'disablekb=1'. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium.

2.4 Navigeerbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 24: De PDF https://wijinvught.nl/projecten/herinrichtingen+vught/inrichting+baron+van+hovellplein+eo/documenten+inrichting+baron+van+hvellplein/HandlerDownloadFiles.ashx?idnv=2445735 heeft een titel (“1436-01-P02-PRE”) die niet de inhoud van het document beschrijft en verwarrend kan zijn voor lezers. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond.

Bevinding 25: De PDF https://wijinvught.nl/tijdelijk_wonen/documenten_tijdelijk+wonen/HandlerDownloadFiles.ashx?idnv=2502859 heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond. Dit speelt ook bij de PDF https://wijinvught.nl/tijdelijk_wonen/documenten_tijdelijk+wonen/HandlerDownloadFiles.ashx?idnv=2510113.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 26: Op https://wijinvught.nl/default.aspx zijn er nieuwsartikelen aanwezig. Elk nieuwsartikel heeft een foto. In ieder artikel is de afbeelding een link, maar deze heeft geen linktekst of toegankelijke naam. Links die enkel uit een afbeelding bestaan hebben een toegankelijke naam nodig, anders kunnen deze niet gebruikt of geactiveerd worden door bezoekers met hulpsoftware. Verwijder de link rond de afbeeldingen, en maak de hele card met Javascript klikbaar.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 27: Op https://wijinvught.nl/afgeronde+projecten/omgevingsvisie/winnende+fotos+fotowedstrijd/default.aspx heeft elke foto een knop dat laat zien hoeveel reacties er op die foto zijn. Het visuele label is duidelijk, maar het programmatische label is enkel het cijfer. Dat is nietszeggend voor bezoekers met hulpsoftware. Voeg het woord "reacties" toe aan het programmatische label.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 28: In de eigenschappen van PDF https://wijinvught.nl/projecten/herinrichtingen+vught/inrichting+baron+van+hovellplein+eo/documenten+inrichting+baron+van+hvellplein/HandlerDownloadFiles.ashx?idnv=2445735 is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF. Dit speelt ook bij https://wijinvught.nl/tijdelijk_wonen/documenten_tijdelijk+wonen/HandlerDownloadFiles.ashx?idnv=2502859 en https://wijinvught.nl/duurzamervught/documenten+energie+en+klimaat/handlerdownloadfiles.ashx?idnv=2767773.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 29: Op https://wijinvught.nl/default.aspx zijn er nieuwsartikelen aanwezig. Elk nieuwsartikel heeft een foto. In ieder artikel is de afbeelding een link, maar deze heeft geen linktekst of toegankelijke naam. Links die enkel uit een afbeelding bestaan hebben een toegankelijke naam nodig, anders kunnen deze niet gebruikt of geactiveerd worden door bezoekers met hulpsoftware. Verwijder de link rond de afbeeldingen, en maak de hele card met Javascript klikbaar. Dit komt ook voor op https://wijinvught.nl/tijdelijk_wonen/nieuws_tijdelijk+wonen/default.aspx, https://wijinvught.nl/duurzamervught/energieklimaat/default.aspx, https://wijinvught.nl/projecten/default.aspx.

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

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.

Issues: Content-audit digitale toegankelijkheid Wij in Vught

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

1.2 Op tijd gebaseerde media

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

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

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

1.3.3 Zintuiglijke eigenschappen (Niveau A)

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

1.4.3 Contrast (minimum) (Niveau AA)

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.4 Enkel teken sneltoets (Niveau A)

2.4 Navigeerbaar

2.4.2 Paginatitel (Niveau A)

2.4.4 Linkdoel (in context) (Niveau A)

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Onderbouwing van de evaluatie

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

Issues:
Content-audit digitale toegankelijkheid Wij in Vught