Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid N279 Veghel-Asten

(Alleen de bevindingen)

Scope van de evaluatie

Naam website N279 Veghel-Asten
Datum 22 november 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle content van alle pagina's op n279veghelasten.nl.
  • Alle PDF's op n279veghelasten.nl.
Buiten de scope van het onderzoek valt:
  • De techniek van alle pagina's op n279veghelasten.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: 27

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 elke pagina staat het logo van de Provincie Noord-Brabant in de header. Deze afbeelding heeft geen (goede) alternatieve tekst. De alternatieve tekst van een logo moet minimaal de naam van de organisatie bevatten. Als de afbeelding als link dient moet er ook een beschrijvend linkdoel aan de alternatieve tekst toegevoegd worden. De alternatieve tekst zou bijvoorbeeld kunnen zijn: "Logo Provincie Noord-Brabant link naar homepagina n279 Veghel Asten"

Bevinding 2: De infographic op https://www.n279veghelasten.nl/verkenning/verkenningenplanstudie/default.aspx heeft een alt-tekst, maar de informatie in de infographic wordt niet op de pagina uitgelegd. De infographic is namelijk een complexe afbeelding (net als kaarten en grafieken, bijv.) en deze hebben een tweedelig toegankelijk alternatief nodig: een alt-tekst en een uitgebreide beschrijving. Creëer een paragraaf dat alle essentiële en belangrijke informatie uit de afbeelding bevat en link deze paragraaf bijvoorbeeld met het aria-describedby attribuut aan de afbeelding. De paragraaf kan ook een link zijn naar een pagina met uitgebreide uitleg. Op deze manier is ook voldaan aan 1.4.5. Dit speelt ook op https://www.n279veghelasten.nl/denkmee/participatieaanpak/default.aspx en met de kaart op https://www.n279veghelasten.nl/actueel/nieuws/2885715.aspx?t=Inbreng-uit-meedenkplatform-N279-verwerkt-.

Bevinding 3: In de PDF https://www.n279veghelasten.nl/bibliotheek/HandlerDownloadFiles.ashx?idnv=2760513 zijn het logo van de Provincie Noord-Brabant en de foto's correct aangeduid als figuur, maar de alt-tekst is niet aangepast en bevat automatisch gegenereerde beschrijving, bijv. Afbeelding met tekst, Lettertype, Graphics, grafische vormgeving Automatisch gegenereerde beschrijving. Verzorg een correcte beschrijving voor het logo en de foto's om dit op te lossen.

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: Voldoende

Bevinding 4: Advies: De video heeft ondertiteling dat deel is van het beeld (d.w.z. open captions, in tegenstelling tot closed captions). Dit type ondertitels zijn noch geschikt als dovenondertiteling, noch als ondertitels voor de doelgroep van de website. Bij open captions kan de tekstgrootte of tekstkleur van de ondertiteling niet aangepast worden door de kijker en kan de kijker niet zijn of haar taal instellen voor 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)

Uitkomst: Onvoldoende

Bevinding 5: Op pagina https://www.n279veghelasten.nl/actueel/nieuws/2902700.aspx is er in de video op verschillende plaatsen het logo van de Provincie in beeld en worden de sprekers met tekst in beeld aangeduid. 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 6: Op pagina https://www.n279veghelasten.nl/actueel/nieuws/2902700.aspx is er in de video op verschillende plaatsen het logo van de Provincie in beeld en worden de sprekers met tekst in beeld aangeduid. Er ontbreekt een voiceover die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien niet weten wat er wordt getoond in de video. Laat de teksten in beeld uitspreken door een voiceover of maak gebruik van een audiodescriptie.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 7: Op https://www.n279veghelasten.nl/denkmee/kaart/default.aspx is er tekst aanwezig die eruit ziet als een kop en zich gedraagt als een kop, maar die niet als een kop is opgemaakt. Het is vette tekst, opgemaakt met het strong-element. Dat element dient niet te worden gebruikt om koppen aan te duiden. Vervang het strong-element door het h-element en gebruik het juiste kopniveau. Dit speelt ook op https://www.n279veghelasten.nl/actueel/nieuws/2759207.aspx?t=Inloopbijeenkomsten-oversteken-Oostappensedijk-en-Vlierdense-Bosdijk.

Bevinding 8: Op https://www.n279veghelasten.nl/denkmee/kaart/default.aspx staan de data van de meedenkrondes cursief afgebeeld. Hiervoor is het em element gebruikt. Em heeft de semantische waarde "nadruk" en wordt gebruikt om een woord of enkele woorden in een lopende tekst nadruk te geven. Em mag niet gebruikt worden voor vormgeving, gebruik daar css voor of het i element.

Bevinding 9: Op de homepagina https://www.n279veghelasten.nl staat de kop Nieuws (H2) met daaronder een lijst met artikelen. De titels van de artikelen gebruiken ook H2, waar dat minstens één niveau onder de bovenstaande kop moeten zijn. Voor bezoekers met zicht is te zien dat de nieuwsartikelen onder het kopje Nieuws vallen. Bezoekers die afhankelijk zijn van screenreaders zullen vanwege dezelfde kopniveaus niet meekrijgen dat de nieuwsartikelen onder deze kop vallen. Los dit op door de titels van de artikelen een kopniveau lager te maken.

Bevinding 10: Op de homepagina https://www.n279veghelasten.nl/home/default.aspx staat een afbeelding van omgevingsmanager Marijn Alders met daaronder haar naam en functie. Naam en functie zijn opgemaakt als h4 kop. Deze tekst functioneert niet als kop, het is geen korte beschrijving van de onderliggende inhoud. Voor mensen die een screenreader gebruiken en de header structuur gebruiken voor snelle navigatie naar bepaalde inhoud, werkt dit verwarrend. Maak de tekst daarom bijvoorbeeld op als een onderschrift bij de afbeelding en gebruik css voor de visuele opmaak van de tekst.

Bevinding 11: In de PDF https://www.n279veghelasten.nl/bibliotheek/HandlerDownloadFiles.ashx?idnv=2760513 zijn koppen niet als koppen opgemaakt. Het overbrengen van semantiek en structuur is belangrijk. Duidt de kopteksten als kopteksten aan.

Bevinding 12: De PDF https://www.n279veghelasten.nl/bibliotheek/HandlerDownloadFiles.ashx?idnv=2723374 is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen en 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.

Bevinding 13: Advies: op de homepagina https://www.n279veghelasten.nl/default.aspx ontbreekt de eerste kop (H1). Het is gebruikelijk om de content van een pagina te laten beginnen met een H1; op een homepagina hoeft deze niet in beeld te staan, en volstaat het om deze kop de naam te geven van de website. De afwezigheid van een H1 is een best practice en geen reden tot afkeur.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 14: Op pagina 30 in de PDF https://www.n279veghelasten.nl/bibliotheek/HandlerDownloadFiles.ashx?idnv=2723374 wordt er verwezen naar kleuren om onderscheid te maken tussen de verschillende oplossingen. Dit heeft impact op kleurenblinden en slechtzienden. Vermijd taalgebruik dat er vanuit gaat dat men iets kan zien en de kleur ervan kan zien.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 15: In het hoofdmenu op elke pagina is aan de achtergrondkleur van een menuitem te zien dat dit het huidige menuitem is. Bijvoorbeeld op de homepagina heeft het item "Home" een donkerrode achtergrond, het contrast tussen die achtergrond en de normale achtergrond is 1,7:1. Zorg er voor dat er tenminste nog één onderscheidend kenmerk is, bijvoorbeeld door het huidige menuitem te onderstrepen of zorg dat het contrast tussen de donkere achtergrondkleur en de normale kleur groter is dan 3:1.

Bevinding 16: Op pagina 30 in de PDF https://www.n279veghelasten.nl/bibliotheek/HandlerDownloadFiles.ashx?idnv=2723374 wordt er verwezen naar kleuren om onderscheid te maken tussen de verschillende oplossingen. Dit heeft impact op kleurenblinden en slechtzienden. Zorg dat er op een andere manier onderscheid wordt gemaakt, die niet steunt op het herkennen of zien van een kleur.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 17: Bij het inschakelen van de contrastknop verdwijnen bijvoorbeeld in de footer van elke pagina de koppen omdat de zwarte tekst op zwarte achtergrond niet te lezen is. De contrastverhouding is hier 1:1 terwijl dit tenminste 4,5:1 moet zijn.

Bevinding 18: Bij het inschakelen van de contrastknop is in de footer van elke pagina de donkergrijze tekst (HEX #333F52) op zwarte achtergrond slecht te lezen. De contrastverhouding is hier 2:1 terwijl dat tenminste 4,5:1 moet zijn.

Bevinding 19: Bij ingeschakelde contrastknop staat op pagina bibliotheek https://www.n279veghelasten.nl/bibliotheek/default.aspx witte tekst "Selecteer alle items" gedeeltelijk op witte achtergrond. De contrastverhouding is hier 1:1 terwijl dit tenminste 4,5:1 moet zijn.

Bevinding 20: Bij navigatie met behulp van het toetsenbord kan in het hoofdmenu op elke pagina met behulp van het pijltje naar beneden, bijvoorbeeld naast "Project" een submenu uitgeklapt worden. Als met behulp van de tabtoets naar elementen in dit submenu genavigeerd wordt met ingeschakelde contrastknop
hebben de zwarte teksten op donkerrode achtergrond (#941E42) een te laag contrast. De contrastverhouding is hier 2,5:1 terwijl dat tenminste 4,5:1 moet zijn.

Bevinding 21: De PDF https://www.n279veghelasten.nl/bibliotheek/HandlerDownloadFiles.ashx?idnv=2723374 bevat een aantal contrastproblemen. De lichtbruine (HEX #CDA78A) kleur voor koppen met de witte achtergrond levert een contrastverhouding op van 2,2:1 waar het voor grote tekst minstens 3:1 moet zijn. Op pagina 19 biedt de combinaties van blauw (HEX #8CA9DB) en wit, beige (HEX #ADAAAA) en wit en groen (HEX #A8D08C) en wit onvoldoende contrast. Deze combinatie scoren allen onder 2,5:1 waar het voor normale tekst minstens 4,5:1 moet zijn.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 22: De infographic op https://www.n279veghelasten.nl/verkenning/verkenningenplanstudie/default.aspx devat veel tekst. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt verder niet voor op de pagina. Plaats deze tekst daarom als HTML-tekst op de pagina. Zie 1.1.1 voor een suggestie voor een oplossing van dit probleem. Dit speelt ook op https://www.n279veghelasten.nl/denkmee/participatieaanpak/default.aspx en met de kaart op https://www.n279veghelasten.nl/actueel/nieuws/2885715.aspx?t=Inbreng-uit-meedenkplatform-N279-verwerkt-.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 23: Als de contrastknop is ingeschakeld dan heeft boven de footer van elke pagina de afbeelding van het "X" icoon onder donker grijs (HEX #555555) op zwart "Delen" een te laag contrast. De contrastverhouding is hier 2,8:1 terwijl dit tenminste 3:1 moet zijn voor afbeeldingen.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 24: De PDF https://www.n279veghelasten.nl/bibliotheek/HandlerDownloadFiles.ashx?idnv=2760513 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.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 25: De link om de infographic op https://www.n279veghelasten.nl/denkmee/participatieaanpak/default.aspx te vergroten, heeft als linktekst "Routekaart participatieproces verkenningsfase N279 Veghel - Asten". Hieruit blijkt niet dat de link als doel heeft om de afbeelding vergroot in een nieuw venster te openen. Pas de linktekst aan om dit duidelijker te maken.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 26: Op elke pagina van de site zijn er knoppen aanwezig om het contrast en de tekstgrootte aan te passen. Het label voor de knop om het contrast te bedienen is prima, maar het label voor de knop om de tekstgrootte aan te passen is slechts "Groter". Dit heeft impact op bezoekers die spraakbesturing gebruiken of een screenreader. Een duidelijker label als "Tekst vergroten" maakt de functie van de knop duidelijker.

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 27: In de eigenschappen van PDF https://www.n279veghelasten.nl/bibliotheek/HandlerDownloadFiles.ashx?idnv=2723374 is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

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: 2024-12-27 00:29:50 v2.4-011