Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website INDUSA

(Alleen de bevindingen)

Scope van de evaluatie

Naam website INDUSA
Datum 3 oktober 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op indusa-infra.nl
  • Alle PDF's op indusa-infra.nl
Buiten de scope van het onderzoek valt:
  • De techniek van de pagina's op indusa-infra.nl. Dit vereist een apart onderzoek.
  • De pagina's achter een login. 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: 31

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 de homepage https://indusa-infra.nl/default.aspx in het groene blok staat een groen LinkedIn logo, deze afbeelding heeft een leeg alt-attribuut. Deze afbeelding is niet puur decoratief en heeft daarom een alternatieve tekst nodig. Voeg een alternatieve tekst toe om dit probleem op te lossen.
Daarnaast moet een afbeelding, als het ook een link is, een duidelijk linkdoel bevatten. Zie ook succescriterium 2.4.4. Dit probleem komt op meerdere plekken voor, waaronder in de footer van iedere pagina.

Bevinding 2: Op pagina Klimaatmitigatie https://indusa-infra.nl/kennis/duurzaamheidsthemas/klimaatmitigatie+-+co2+reductie/default.aspx staan 2 afbeeldingen/datavisualisaties met een leeg alt-attribuut. Deze afbeeldingen zijn niet decoratief en hebben daarom een alternatieve tekst nodig. Voeg een alternatieve tekst toe om dit probleem op te lossen.

Bevinding 3: Op pagina MKI (Milieukostenindicator) https://indusa-infra.nl/kennis/instrumenten/1964555.aspx staat een afbeelding van een tabel. Dit is een informatieve afbeelding maar heeft geen alternatieve tekst. Voor informatieve afbeeldingen geldt dat ze een beschrijving moeten hebben van de informatie die er in staat. In het geval van afbeeldingen die veel informatie bevatten, kan dat ook in de vorm van een uitgebreide beschrijving als platte tekst op de pagina. Als de afbeelding bij dit artikel als decoratief beschouwd mag worden, geef dat dan aan (het liefst als platte tekst onder de afbeelding).

Bevinding 4: Op pagina Contact opnemen https://indusa-infra.nl/shortcuts/sendcontactmessage.aspx wordt onder het contact formulier een hCaptcha-afbeelding gebruikt. De reeks letters, cijfers en leestekens wordt niet op een alternatieve manier aangeboden, waardoor screenreadergebruikers het formulier niet kunnen verzenden. De toegankelijke versie van hCaptcha is geen voldoende toegankelijk alternatief, omdat bezoekers hiervoor gegevens moeten delen.

Bevinding 5: Op pagina https://indusa-infra.nl/shortcuts/sendcontactmessage.aspx wordt met een asterisk (*) aangegeven dat een veld verplicht is. De asterisk is een speciaal teken, dat niet door alle combinaties van browsers en hulpsoftware wordt voorgelezen. Zorg daarom voor minimaal één alternatief, zoals het aria-required attribuut.

Bevinding 6: Op pagina Ontstaan https://indusa-infra.nl/over+indusa/ontstaan/default.aspx is een video via een iFrame geplaatst. Daar beschrijft de inhoud van het title-attribuut de video niet. Plaats een goede omschrijving van de inhoud van het iFrame, bijvoorbeeld "Conferentie Duurzame Infrastructuur".

Bevinding 7: Op onder andere pagina https://indusa-infra.nl/kennis/instrumenten/1964555.aspx worden met CSS iconen op de pagina geplaatst, zoals het kalender icoon en het oog icoon. CSS iconen verdwijnen zodra een bezoeker een eigen CSS stylesheet inlaadt op de pagina, bijvoorbeeld om de tekstafstand te vergroten. Plaats daarom alleen puur decoratieve content op de pagina CSS, en plaats informatieve iconen op een andere manier op de pagina, bijvoorbeeld als img-element met alt-attribuut of als svg-element met een title-element. Dit probleem doet zich op meerdere pagina's voor, waaronder op pagina https://indusa-infra.nl/kennis/documenten/default.aspx#folder=2169458.

Bevinding 8: Op pagina https://www.indusa-infra.nl/brabantse+infra+relatiedag/default.aspx staat een afbeelding, met daarin onder andere de informatie 'Samenwerkingsinitiatief van Provincie Noord Brabant en Indusa'. Deze afbeelding is daarom niet puur decoratief en heeft een algemene tekst nodig. Zie ook succescriterium 1.4.5.

Bevinding 9: Er zijn meerdere logo's van de gemeente Eindhoven in PDF-document "Whitepaper Circulair Asfalt gemeente Eindhoven" https://www.indusa-infra.nl/kennis/documenten/HandlerDownloadFiles.ashx?idnv=2169472. Deze afbeeldingen hebben geen beschrijving en zijn niet als artefact aangemerkt. Indien ze bedoeld zijn als informatieve afbeeldingen, geldt dat ze een beschrijving moeten hebben van de informatie die er in staat. Indien ze bedoeld zijn als decoratieve afbeeldingen, dienen ze als artifact te worden getagd.

Bevinding 10: Ook de afbeelding van de tabel (Circulair Asfalt - Inschrijver A en Inschrijver B) en de bijbehorende blauwe blokken met uitleg in PDF-document "Whitepaper Circulair Asfalt gemeente Eindhoven" https://www.indusa-infra.nl/kennis/documenten/HandlerDownloadFiles.ashx?idnv=2169472 zijn informatieve afbeeldingen. Deze afbeeldingen hebben geen beschrijving. Voor informatieve afbeeldingen geldt dat ze een beschrijving moeten hebben van de informatie die er in staat.

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 11: Advies: Op pagina Ontstaan https://indusa-infra.nl/over+indusa/ontstaan/default.aspx wordt een video getoond. Deze video heeft een automatisch gegenereerde ondertiteling. Op een aantal plekken staan onjuiste woorden. Ook ontbreekt de interpunctie waardoor de zinnen moeilijk te begrijpen zijn. Maak een goede ondertiteling. Deze video is vóór september 2020 gepubliceerd en valt daarmee onder een uitzondering. Zie: https://www.digitoegankelijk.nl/wetgeving/uitzonderingen.

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

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

Uitkomst: Voldoende

Bevinding 12: Advies: Op pagina Ontstaan https://indusa-infra.nl/over+indusa/ontstaan/default.aspx is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld de namen en functies van personen rond 0:25 & 1:15. Ook de logo's van de deelnemende organisaties rond 2:51. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wie of 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 wie aan het woord is or wie de organisatoren van het evenement zijn. Zet deze en andere informatie in een transcript. Of maak gebruik van een extra audiospoor om ook te voldoen aan SC 1.2.5. Deze video is vóór september 2020 gepubliceerd en valt daarmee onder een uitzondering. Zie: https://www.digitoegankelijk.nl/wetgeving/uitzonderingen.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Voldoende

Bevinding 13: Op pagina Ontstaan https://indusa-infra.nl/over+indusa/ontstaan/default.aspx staat een video waar aan het eind rond 2:51 de logo's van INDUSA, Provincie Noord-Brabant, VNO-NCW Brabant Zeeland en Bouwend Nederland - Regio Zuid in beeld staan. Als je dat niet kan zien mis je dat dit een video van deze organisaties is. Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voiceover waardoor de audiodescriptie overbodig wordt. Zie ook SC 1.2.3. Deze video is vóór september 2020 gepubliceerd en valt daarmee onder een uitzondering. Zie: https://www.digitoegankelijk.nl/wetgeving/uitzonderingen.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 14: Op de homepagina https://indusa-infra.nl/default.aspx staat een stuk tekst in vet: "Snellere verduurzaming van de Brabantse infrastructuur etc.". Deze tekst is opgemaakt met het strong-element, het strong-element geeft aan dat tekst relatief aan andere tekst eromheen belangrijker is. Gebruik het daarom nooit puur voor opmaak, maar alleen waar dat relevant is. Gebruik CSS of een vergelijkbaar element zonder semantische waarde, zoals het b-element, om hetzelfde visuele effect te creëren.
Dit probleem doet zich meermalig voor, bijvoorbeeld op pagina https://indusa-infra.nl/nieuws/default.aspx onder het kopje Nieuws. Een voorbeeld waar het goed gaat is bijvoorbeeld de eerste alinea op de pagina "Bijzondere onderwater werkzaamheden bij de Van Veldekekade" https://indusa-infra.nl/nieuws/2487582.aspx?t=Bijzondere-onderwater-werkzaamheden-bij-de-Van-Veldekekade.

Bevinding 15: Op pagina "MKI (Milieukostenindicator)" https://indusa-infra.nl/kennis/instrumenten/1964555.aspx worden koppen gebruikt die niet als koppen maar middels het strong-element zijn opgemaakt, bijvoorbeeld "Scope MKI" en "Gebruik". Bezoekers die gebruik maken van bijvoorbeeld voorleessoftware kunnen met een sneltoets of een koppenlijst door de koppen op een pagina navigeren. Kopteksten die er enkel visueel uitzien als een kop, maar niet als kop zijn opgemaakt (met een h-element) zijn niet op die manier bereikbaar. Gebruik daarom de juiste semantische opmaak om dit probleem op te lossen. Dit probleem komt op meerdere pagina's voor, waaronder op pagina https://indusa-infra.nl/Beheer/Registraties/2209272.aspx?t=Deelnemer-INDUSA.

Bevinding 16: Op pagina https://indusa-infra.nl/kennis/duurzaamheidsthemas/klimaatmitigatie+-+co2+reductie/default.aspx komt een tabel voor. In de tabel zijn de teksten ‘Klimaatakkoord’ opgemaakt als tabelheader, terwijl ze niet dat doel dienen. Verwijder de th-opmaak van deze cellen om dit probleem op te lossen.

Bevinding 17: Op pagina https://indusa-infra.nl/Beheer/Registraties/2209272.aspx?t=Deelnemer-INDUSA komt een groep keuzerondjes voor die niet correct gegroepeerd zijn. De groep heeft nu een label, maar dat wordt niet voorgelezen door hulpsoftware. Gebruik in plaats daarvan een fieldset- en legend combinatie om groepen invoervelden te groeperen.

Bevinding 18: Advies: op de homepage https://indusa-infra.nl/home/default.aspx is er een algemene kop Nieuws (niveau 2) en vervolgens koppen van nieuwsberichten (tevens niveau 2). Overweeg hiervoor een hierarchische koppenstructuur te hanteren. Bezoekers die gebruikmaken van schermvoorleessoftware kunnen aan de hand van een sneltoets of een koppenlijst snel een overzicht van de indeling krijgen. Een goede koppenstructuur begint idealiter bij een kopniveau 1 voor de titel van de pagina, kopniveau 2 voor de koppen, kopniveau 3 voor de tussenkoppen, etcetera.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 19: In de header bovenaan iedere pagina staat een knop met de tekst 'Inloggen'.
Het contrast van de witte tekst op de groene ( HEX #74B62C) knop is te laag. De contrastverhouding is hier 2.4:1, waar dit minimaal 4.5:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Hetzelfde probleem komt voor wanneer een bezoeker met de muis over de knop hovert: de kleuren zijn dan groene tekst (HEX #74B62C) op een witte achtergrond. Het contrast is dan 2.4:1 waar dit minimaal 4.5:1 moet zijn.

Bevinding 20: In de footer onderaan iedere pagina staan een aantal links ('Contact', 'Privacyverklaring', 'Gebruikersvoorwaarden', etc.)
Het contrast van de groene link (HEX #0F8456) op de grijze (HEX #F5F5F5) achtergrond is te laag. De contrastverhouding is hier 4.3:1, waar dit minimaal 4.5:1 moet zijn.

Bevinding 21: Op de homepage https://indusa-infra.nl/default.aspx staat een groen (#E9F1D3) blok met tekst. De groene (HEX #0F8456) hyperlinks in deze tekst ('Hier', 'Inloggen' en 'Lees meer over INDUSA') hebben een te laag contrast op de achtergrond. De contrastverhouding is hier 4:1, waar dit minimaal 4.5:1 moet zijn.

Bevinding 22: Op de Contact pagina https://indusa-infra.nl/shortcuts/sendcontactmessage.aspx
staat een versturen knop. Bij muishover is het contrast van de lichtgroene achtergrond (HEX #CCDE99H) met de witte letters te laag, namelijk 1.4:1 waar dit minimaal 4.5:1 moet zijn.
Hetzelfde probleem komt voor in de Evenementenkalender https://indusa-infra.nl/evenementenkalender/default.aspx, bij muishover over de knoppen met de tekst Archief, Lijst en INDUSA@BRABANT.NL.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 23: Op pagina MKI (Milieukostenindicator) https://indusa-infra.nl/kennis/instrumenten/1964555.aspx staat een afbeelding van een tabel. 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 en het liefst de hele tabel daarom in HTML op de pagina. Als de afbeelding bij dit artikel als decoratief beschouwd mag worden, geef dat dan aan (het liefst als platte tekst onder de afbeelding). Zie succescriterium 1.1.1.

Bevinding 24: Op pagina https://www.indusa-infra.nl/brabantse+infra+relatiedag/default.aspx staat een afbeelding, met daarin onder andere de informatie 'Samenwerkingsinitiatief van Provincie Noord Brabant en Indusa'. Deze informatie komt nergens elders op de pagina voor. Het is niet essentieel om deze informatie in een afbeelding aan te bieden. Plaats de tekst daarom ook als platte tekst elders op de pagina.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 25: De PDF "Whitepaper Circulair Asfalt gemeente Eindhoven" https://www.indusa-infra.nl/kennis/documenten/HandlerDownloadFiles.ashx?idnv=2169472 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.

Bevinding 26: Advies: Alle getoetste pagina's zijn voorzien van een omschrijvende paginatitel. De startpagina heet echter INDUSA | INDUSA. Dit is niet afkeurbaar, maar overweeg het "INDUSA - Home" of "Homepagina INDUSA" of iets dergelijks te noemen.

Bevinding 27: Advies: In de PDF op pagina https://www.indusa-infra.nl/kennis/documenten/HandlerDownloadFiles.ashx?idnv=2169472 staat een auteur aangegeven in de metadata. Overweeg vanwege privacyredenen de auteursnaam te verwijderen en alleen een organisatienaam toe te voegen.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 28: Op de homepage https://indusa-infra.nl/default.aspx in het groene blok staat een groen LinkedIn logo, deze afbeelding heeft een leeg alt-attribuut. Hierdoor is er geen duidelijk linkdoel aanwezig, en weten bezoekers die afhankelijk zijn van hulpsoftware niet waar de link naar verwijst. Zorg dat er een beschrijvend linkdoel aanwezig. Zie ook succescriterium 1.1.1. Dit probleem doet zich op meerdere plekken voor, waaronder in de footer van iedere pagina.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Voldoende

Bevinding 29: Advies: Op de homepage https://indusa-infra.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 homepage 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.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 30: Op pagina https://indusa-infra.nl/Beheer/Registraties/2209272.aspx?t=Deelnemer-INDUSA komt een hCaptcha voor. De visuele naam van het selectievakje is 'Ik ben een mens'. De toegankelijke naam is 'hCaptcha aankruisvak. Selecteer om de uitdaging te activeren of om deze te omzeilen als u een toegankelijkheidscookie heeft.' Hierdoor is dit element moeilijker of niet te bedienen voor bezoekers die gebruik maken van spraakgestuurde navigatie. Zorg ervoor dat de visuele naam tenminste voorkomt in de toegankelijke naam, het liefst vooraan.

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 31: Op de homepage https://indusa-infra.nl/default.aspx in het groene blok staat een groen LinkedIn logo, deze afbeelding heeft een leeg alt-attribuut. Hierdoor is er geen toegankelijke naam aanwezig die gecommuniceerd kan worden aan hulpsoftware. Zorg ervoor dat interactieve elementen voorzien zijn van een toegankelijke naam, rol en waar relevant een waarde. Dit probleem komt op meerdere plekken voor, waaronder in de footer van iedere pagina.

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-02-05 11:01:26 v2.4-011