Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Zuiderwaterlinie en het Partner portaal

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Zuiderwaterlinie
Datum 15 april 2024
Scope van de website Binnen de scope van onderzoek valt:
  • Alle pagina’s op zuiderwaterlinie.nl
  • Alle pagina’s op partner.zuiderwaterlinie.nl
  • Alle pagina’s op ambitiedocument.zuiderwaterlinie.nl
  • Alle PDF's op zuiderwaterlinie.nl
Buiten de scope van het onderzoek valt:
  • De kaarten op de pagina's en PDF's hiervoor geldt een uitzondering en valt buiten de scope.
  • 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: 69

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://www.zuiderwaterlinie.nl/ staat linksboven het logo Zuiderwaterlinie. Dat logo is nu opgemaakt als achtergrondafbeelding en heeft daardoor geen tekstalternatief. In de code staat wel een img-element, maar die is met display:none voor hulpsoftware verborgen. In de code staat wel de tekst “Zuiderwaterlinie”, maar die tekst alleen is niet voldoende om duidelijk te maken dat hier een afbeelding met een logo staat. Een logo bovenaan de homepage bevat meer informatie dan alleen de naam van de organisatie. Dit logo maakt bijvoorbeeld ook visueel duidelijk dat dit een officiële webpagina van de Zuiderwaterlinie is. Een mogelijke oplossing is om de visueel verborgen tekst aan te passen naar "Logo Zuiderwaterlinie".

Bevinding 2: Op pagina https://partner.zuiderwaterlinie.nl/inloggen staat bovenaan het logo van het partnerportaal Zuiderwaterlinie. Dat logo is nu opgemaakt als achtergrondafbeelding en heeft daardoor geen tekstalternatief. Het advies is om hier een img-element met een tekstalternatief als “partnerportaal Zuiderwaterlinie” te gebruiken. Dit type probleem komt ook voor op andere pagina’s zoals https://partner.zuiderwaterlinie.nl/.

Bevinding 3: Op pagina https://www.zuiderwaterlinie.nl/1linie/partners staat onder de kop “Onze partners” een serie van 32 logo’s die nu allemaal geen tekstalternatief hebben. Al deze logo’s hebben een goed tekstalternatief nodig om te voldoen aan de eisen van dit succescriterium. Zie succescriterium 4.1.2 voor meer informatie.

Bevinding 4: Op pagina https://partner.zuiderwaterlinie.nl/nieuws staat bovenaan het logo van het partnerportaal Zuiderwaterlinie. Het img-element is met display:none verborgen voor hulpsoftware. De beschikbare tekst “Ga naar de homepage van Zuiderwaterlinie” maakt niet duidelijk dat hier om het logo van het partnerprogramma gaat én de tekst maakt niet duidelijk dat deze link verwijst naar de homepage van de website van het partnerprogramma. Het tekstalternatief moet worden aangepast, let erop dat het doel van de link ook duidelijk moet zijn om een probleem voor succescriterium 2.4.4 ook op te lossen. Dit probleem komt ook voor op pagina https://partner.zuiderwaterlinie.nl/nl/user/profile/edit. Een mogelijke oplossing is om de visueel verborgen tekst aan te passen naar 'Logo Zuiderwaterlinie partner programma'.

Bevinding 5: Op pagina https://www.zuiderwaterlinie.nl/uploads/media/64954800ed5a5/jaarverslag-beheerstichting-zuiderwaterlinie-2022.pdf staat een PDF-bestand. Op elke pagina staat bovenaan het logo van de Zuiderwaterlinie. Dat logo maakt duidelijk dat het hier om een officieel document gaat, die visuele informatie is nu niet beschikbaar voor gebruikers van hulpsoftware. Het is voldoende als alleen het logo op de eerst pagina een tekstalternatief als “Logo Zuiderwaterlinie” krijgt.

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 6: Op pagina https://www.zuiderwaterlinie.nl/ heeft de impressievideo over de zuiderwaterlinie wel geluid, maar geen ondertiteling. Bezoekers die het geluid niet kunnen horen weten niet dat het geluid alleen muziek bevat. Een ondertiteling met de tekst “MUZIEK” zou hiervoor al een oplossing zijn, op die manier weten alle bezoekers wat er te horen is in deze video.
Dit geld ook voor de video over Heusden op pagina https://www.zuiderwaterlinie.nl/vestingsteden/heusden.

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 7: Op pagina https://www.zuiderwaterlinie.nl/ staat een impressievideo over de Zuiderwaterlinie. De teksten die tijdens het afspelen van deze video in beeld komen moeten beschikbaar komen voor bezoekers die deze teksten niet (goed) kunnen lezen. Het gaat niet alleen om de teksten aan het begin en einde van de video, maar ook om de namen van de locaties die rechtsonder in beeld staan. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen bezoekers die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals voorleessoftware 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. Dit geld ook voor de video op pagina https://www.zuiderwaterlinie.nl/vestingsteden/heusden.

Bevinding 8: Op pagina https://www.zuiderwaterlinie.nl/1linie/nu-in-de-linie/dit-was-mennos-reis-2023 staat een video over Menno’s Reis. De teksten en logo’s die aan het begin en einde van deze video in beeld staan komen niet terug in het geluid. Dit geldt ook voor de naam en functie van de verschillende sprekers als deze in beeld komen en voor de tekst die rond 1:15 in beeld komt. Voor deze teksten ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen bezoekers die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals voorleessoftware 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 9: Op pagina https://www.zuiderwaterlinie.nl/ staat een impressievideo over de Zuiderwaterlinie. De teksten die tijdens het afspelen van deze video in beeld komen moeten beschikbaar komen voor bezoekers die deze teksten niet (goed) kunnen lezen. Het gaat niet alleen om de teksten aan het begin en einde van de video, maar ook om de namen van de locaties die rechtsonder in beeld staan. Er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen bezoekers die de video niet kunnen zien niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een extra audiospoor. Het gebruik van een audiodescriptie is verplicht. Dit geldt ook voor de video op pagina https://www.zuiderwaterlinie.nl/vestingsteden/heusden.

Bevinding 10: Op pagina https://www.zuiderwaterlinie.nl/1linie/nu-in-de-linie/dit-was-mennos-reis-2023 staat een video over Menno’s Reis. De teksten en logo’s die aan het begin en einde van deze video in beeld staan komen niet terug in het geluid. Dit geldt ook voor de naam en functie van de verschillende sprekers als deze in beeld komen en voor de tekst die rond 1:15 in beeld komt. Voor deze teksten ontbreekt een audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen bezoekers die de video niet kunnen zien niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een extra audiospoor. Het gebruik van een audiodescriptie is verplicht.

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 pagina https://www.zuiderwaterlinie.nl/cookies staan de vetgedrukte teksten “Afmelden en wijzigen” tot en met “Twitter website tag”. De teksten zijn bedoeld als koppen, maar in de code niet als kop opgemaakt. Het is nodig om de strong-element op deze teksten te vervangen zodat hulpsoftware kan bepalen dat dit koppen zijn. Het advies is om h2-elementen te gebruiken en die elementen dan met CSS vorm te geven.

Bevinding 12: Op pagina https://www.zuiderwaterlinie.nl/toegankelijkheid is de hele eerste alinea opgemaakt met strong. Dat is niet toegestaan. Het strong-element is bedoeld om een deel van een tekst nadruk te geven ten opzichte van de rest van die tekst. Het is wel toegestaan om de eerste alinea visueel anders vorm te geven. Het advies is dan ook om CSS te gebruiken om de tekst in de eerste alinea anders op te maken.

Bevinding 13: Op pagina https://www.zuiderwaterlinie.nl/1linie is de eerste alinea opgemaakt met strong. Het is niet toegestaan om alle tekst in één p-element met strong nadruk te geven. Gebruik bij voorkeur CSS om alle tekst in één alinea visueel anders op te maken. Dit type probleem komt ook voor op andere pagina’s zoals https://www.zuiderwaterlinie.nl/1linie/nieuws/nieuws-willemstad/fietsend-door-de-linie, https://www.zuiderwaterlinie.nl/vestingsteden/heusden en meer.

Bevinding 14: Op pagina https://www.zuiderwaterlinie.nl/1001-ontdekkingen/anwb-fietsroutes zijn de drie alinea’s boven de tabel onterecht opgemaakt met het strong-element. Het is niet toegestaan om alle tekst in één alinea met strong nadruk te geven. Gebruik bij voorkeur CSS om alle tekst in één alinea visueel anders op te maken. In de tabel moeten de namen van de verkooppunten opgemaakt worden als rijkoppen. Dit kan door de cellen in de eerste kolom op te maken als een th-element met het attribuut scope=”row” om duidelijk te maken dat deze een horizontale relatie hebben. Het is ook een optie om de kolommen “Straat en nummer” en “Postcode en plaats” samen te voegen tot een kolom “Adres”.

Bevinding 15: Op pagina https://www.zuiderwaterlinie.nl/inschrijven-nieuwsbrief staat een fieldset met de legend “Marketingtoestemmingen”. De teksten en de beide selectievakjes staan nu goed binnen die fieldset. Het probleem is dat de knop “Aanmelden” ook in die fieldset staat. Hierdoor heeft die knop nu geen goede relatie met het hele formulier. Een mogelijke oplossing is om die knop buiten deze fieldset, maar binnen het form-element te plaatsen.

Bevinding 16: Op pagina https://ambitiedocument.zuiderwaterlinie.nl/ klopt de structuur van de koppen niet. De tekst “De ambities van de Zuiderwaterlinie” is nu opgemaakt als h2-element en wordt direct gevolgd door de h1-kop “Samen voor een zichtbare en beleefbare linie”. Het probleem is dat een kop niet direct gevolgd mag worden door een andere kop van gelijk of hoger niveau. Op dat moment klopt de relatie tussen de koppen niet meer. Een oplossing is om deze tweede tekst niet als kop op te maken in de code en de eerste tekst op te maken als een h1-kop. Aan de visuele presentatie van deze teksten hoeft geen enkele aanpassing gedaan te worden om te voldoen.

Bevinding 17: Op pagina https://www.zuiderwaterlinie.nl/ staat en groepering met de naam “1 van 1”. De beschrijving van de rol van dat onderdeel is met aria-roledescription="slide" aangepast naar die tekst. Ondanks het gebruik van role=”group” wordt nu niet aangegeven dat het een groepering is. In die slide staat de kop “De oudste, langste en meest gebruikte waterlinie van Nederland”, gevolgd door de link “Plan je dagje uit!” en de tekst “© Lieske Meima”. Er zijn hier meerdere problemen ontstaan door het gebruik van WAI-ARIA. De tekst “© Lieske Meima” heeft een relatie met de achtergrondafbeelding. Die relatie wordt nu niet gegeven, omdat de afbeelding waarop het copyright rust genegeerd wordt door hulpsoftware.
Het gaat hier om een foto van de zuiderwaterlinie met copyright van Lieske Meima. De teksten “De oudste, langste en meest gebruikte waterlinie van Nederland” en “Plan je dagje uit!” waarvan alleen de tweede tekst als link naar een andere pagina zou moeten werken. Zie succescriterium 2.4.4 voor meer informatie over het goed formuleren van linkdoelen.
Een mogelijke oplossing is om de code voor een slider met meerdere afbeeldingen te verwijderen. Door in plaats daarvan een afbeelding in een figure-element te plaatsen en door dan aan dat figure-element een figcaption met een tekst als “© Lieske Meima” toe te voegen is het mogelijk om duidelijk te maken dat de copyright tekst alleen over dat deel van de pagina gaat. Deze oplossing werkt beter als de afbeelding ook een kort tekstalternatief krijgt.

Bevinding 18: Op pagina https://www.zuiderwaterlinie.nl/contact staat onder de kop “Contact” een groepering met de naam “1 van 1”. Die groep wordt gepresenteerd als “slide” door het onjuist gebruik van aria-roledescription. De groep zelf is leeg een mogelijke oplossing is dan ook om er voor te zorgen dat deze content niet beschikbaar is voor hulpsoftware. Dit kan op verschillende manieren gedaan worden. Een daarvan is het gebruik van aria-hidden="true". Dit type probleem komt ook voor op andere pagina’s zoals https://www.zuiderwaterlinie.nl/1linie, https://www.zuiderwaterlinie.nl/1linie/nieuws en https://www.zuiderwaterlinie.nl/1linie/nu-in-de-linie/dit-was-mennos-reis-2023.

Bevinding 19: Op pagina https://www.zuiderwaterlinie.nl/1linie/nu-in-de-linie/dit-was-mennos-reis-2023 staat bij de kop “Interviews” een afbeelding met copyright. Op dit moment presenteert hulpsoftware de kop gevolgd door de zichtbare teksten gevolgd door de tekst “© Marc Bolsius”. De betreffende afbeelding wordt op dit moment volledig genegeerd door hulpsoftware. Daardoor is niet duidelijk die tekst alleen over de afbeelding copyright gaat. Het is mogelijk om een figure-element met een figcaption-element te gebruiken, op die manier kan duidelijk gemaakt worden dat het copyright alleen voor de afbeelding geldt. Dit geldt ook voor de afbeelding met de tekst “© Wikipedia” bij de kop “Menno’s inspectiereis”. Dit type probleem komt ook voor op pagina https://www.zuiderwaterlinie.nl/1001-ontdekkingen/fietsarrangement.

Bevinding 20: Op pagina https://www.zuiderwaterlinie.nl/1001-ontdekkingen/fietsarrangement is de eerste alinea én de tekst “Hoe boekt u dit arrangement?” onterecht opgemaakt met strong. Het advies is om de eerste alinea alleen visueel anders op te maken met CSS. De tekst boven de genummerde lijst is visueel een kop die iets zegt over de onderstaande lijst en tekst, “Hoe boekt u dit arrangement?” kan als oplossing opgemaakt worden als h2-element.

Bevinding 21: Op pagina https://ambitiedocument.zuiderwaterlinie.nl/voorwoord/ staat een quote van Jos Verhoef. Deze quote moet aangepast worden om ervoor te zorgen dat hulpsoftware aan bezoekers kan doorgeven dat dit een quote is. Een van de oplossingen is om aan het begin van de tekst dubbele aanhalingstekens toe te voegen. Aan het eind van de tekst staat nu al wel zo’n leesteken. Het zichtbare grote dubbele aanhalingsteken is nu een afbeelding zonder tekstalternatief. Het is ook een optie om de tekst “Ik heb al … De Roovere aanraden.” in een blockquote-element te plaatsen.

Bevinding 22: Op pagina https://partner.zuiderwaterlinie.nl/nieuws is de tekst “Wil jij altijd op de hoogte blijven van het laatste nieuws? Meld je dan aan voor de maandelijkse partnerupdate.” Onterecht opgemaakt met strong. Het is niet toegestaan om alle tekst in één alinea op deze manier nadruk te geven. Gebruik bij voorkeur CSS om alle tekst in één alinea visueel anders vorm te geven.

Bevinding 23: Op pagina https://partner.zuiderwaterlinie.nl/nl/user/profile/edit is het visueel duidelijk dat de tekst “Geboortedatum” over de onderstaande drie invoervelden. Deze visuele informatie is nu niet beschikbaar voor bezoekers die afhankelijk zijn van hulpsoftware zoals voorleessoftware. Er zijn meerdere oplossingen mogelijk. Een daarvan is om de visueel verborgen labels “Dag”, “Maand” en “Jaar” om te zetten in “Geboortedag”, “Geboortemaand” en “Geboortejaar”. Het is ook een optie om de drie keuzelijsten in een fieldset met de legend “Geboortedatum” te plaatsen.

Bevinding 24: Op pagina https://ambitiedocument.zuiderwaterlinie.nl/voorwoord/ is inconsistent omgegaan met het gebruik van vetgedrukte tekst. Op dit moment zijn een deel van de vetgedrukte teksten opgemaakt met CSS en een deel met b-elementen. Visueel hebben de vetgedrukte teksten nadruk, die informatie is nu niet beschikbaar voor gebruikers van hulpsoftware. Hiernaast zien bezoekers die Firefox gebruiken nu een verschil tussen beide manieren om tekst vetgedrukt te maken. Het strong-element is bedoeld om een deel van tekst nadruk te geven ten opzichte van de rest van de tekst. Een oplossing is dan ook om dat element te gebruiken in het voorwoord van Anne-Wil Maris. Dit geld ook voor de vetgedrukte teksten onder de kop “Over de zuiderwaterlinie”.

Bevinding 25: De PDF op pagina https://www.zuiderwaterlinie.nl/uploads/media/5f2ab31fe0381/zuiderwaterlinie-wandelroute-s-hertogenbosch-en-het-bossche-broek.pdf?token=/uploads/media/5f2ab31fe0381/zuiderwaterlinie-wandelroute-s-hertogenbosch-en-het-bossche-broek.pdf 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 26: De PDF op pagina https://www.zuiderwaterlinie.nl/uploads/media/64954800ed5a5/jaarverslag-beheerstichting-zuiderwaterlinie-2022.pdf begint met de tekst “Jaarverslag Activiteiten Alliantie Zuiderwaterlinie 2022”. Die tekst is visueel opgemaakt als titel van het document. Het probleem is dat die tekst niet als kop van het document gecodeerd is. Een tekst die in Word is ingesteld als “titel” wordt door Word bij het exporteren opgemaakt als gewone tekst en niet als kop. Boven de kop “Bijlagen” (op pagina 8) staat in de code een lege kop van niveau 2. Die kop zonder tekst moet verwijderd worden om te voldoen. In de rest van het bestand staan in de code meer dan 20 andere lege tags, maar doordat het in al die gevallen gaat om een lege p-tag wordt deze PDF daarop niet afgekeurd. Het advies is om alle tags te repareren, dit kan door de titel op te maken met een h1-tag en alle tags zonder tekst te verwijderen.

Bevinding 27: Advies: Op pagina https://www.zuiderwaterlinie.nl/1linie/nieuws staan er in de code twee links per nieuwsbericht. Het probleem is dat de eerste van die twee links nog steeds beschikbaar is voor bezoekers die voorleessoftware gebruiken, zij kunnen deze link nu niet bedienen. Het advies is dan ook om de links met tabindex=”-1” ook voor hulpsoftware te verbergen, zodat die alleen gebruikt wordt om het klikbare gebied te vergroten. Het is mogelijk om een link voor hulpsoftware te verbergen door naast de tabindex=”-1” het attribuut aria-hidden=”true” toe te voegen.

Bevinding 28: Advies: Op pagina https://ambitiedocument.zuiderwaterlinie.nl/voorwoord/ viel het op dat aan het einde van deze pagina de tekst “desktop” door hulpsoftware aan bezoekers wordt gepresenteerd. Het doel van deze tekst is niet duidelijk en het advies is dan ook om er voor te zorgen dat deze tekst niet beschikbaar is voor hulpsoftware. Het is een optie om die content te verbergen met display:none.

Bevinding 29: Advies: Op pagina https://www.zuiderwaterlinie.nl/toegankelijkheid staat onder de kop “Meer informatie?” een niet werkend iframe. Het toegankelijkheidslabel is niet helemaal op de juiste manier opgemaakt in de code. Hierdoor werkt deze nu niet. De link “register van toegankelijkheidsverklaringen” direct boven het defecte iframe werkt wel en geldt op dit moment als toegankelijk alternatief, daarom is deze pagina op dit punt ook niet afgekeurd.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 30: Op pagina https://ambitiedocument.zuiderwaterlinie.nl/voorwoord/ staat een voorwoord. Onder dat voorwoord staat een ronde afbeelding met tekst die duidelijk maakt dat dit voorwoord geschreven is door Anne-Wil Maris. Het probleem is dat het bedieningspaneel dat met de bezoeker mee scrolt in de code tussen haar tekst en haar naam staat. Deze volgorde van content in de code heeft een nadelig effect op betekenisvolle leesvolgorde. Het advies is om de tekst en de naam van de schrijfster in hetzelfde section-element te plaatsen.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 31: Op pagina https://partner.zuiderwaterlinie.nl/nl/user/profile/edit is op het invoerveld “Tussenvoegsel” het attribuut autocomplete="additional-name" gebruikt. Dat is onjuist, die autocomplete waarde is bedoeld voor doopnamen en niet voor tussenvoegsels. Het attribuut autocomplete="family-name" is bedoeld voor de volledige achternaam inclusief tussenvoegsels. Het gebruik van dit attribuut op het invoerveld “Achternaam” wordt niet afgekeurd, maar kan in dit geval wel invoerfouten veroorzaken. Het advies is dan ook om de invoervelden “Tussenvoegsel” en “Achternaam” samen te voegen tot één invoerveld.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 32: Op pagina https://ambitiedocument.zuiderwaterlinie.nl/voorwoord/ is de tekst "Voorwoord" in het hoofdmenu een andere kleur. Daarmee wordt visueel aangegeven dat dit de huidige pagina is. Deze informatie is nu enkel afhankelijk van het gebruik van kleur, er is nu geen andere visuele manier om te zien dat dit onderdeel actief is. Een gebruiker die niet goed kleurverschillen kan waarnemen mist nu deze informatie. Er moet een andere visuele manier komen om het verschil tussen actieve en inactieve menu-onderdelen aan te geven. Het correct gebruik van aria-current="page" is voor dit succescriterium geen geldige oplossing. Het is bijvoorbeeld een optie om de actieve onderdelen te onderstrepen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 33: Op pagina https://www.zuiderwaterlinie.nl/ staan onder de kop “Laat je verrassen!” meerdere witte teksten op een bruine achtergrond (HEX #997B38). De teksten “Menno's Reis 2024: Samen bouwen aan de toekomst” tot en met “Tentoonstelling WOUW!” hebben met 4,0:1 niet voldoende contrast. Deze kleinere teksten moeten een contrast van minimaal 4,5:1 hebben om te voldoen. Op pagina’s https://www.zuiderwaterlinie.nl/1linie/nu-in-de-linie/dit-was-mennos-reis-2023 en https://www.zuiderwaterlinie.nl/1001-ontdekkingen/fietsarrangement komt ook witte tekst op een bruine achtergrond voor. Deze kleurcombinatie komt ook voor op pagina https://www.zuiderwaterlinie.nl/vestingsteden/heusden. De kop “Prijswinnende restauratie” op die pagina hoeft niet aangepast worden om te voldoen, maar de kleinere onderstaande tekst en de link “Bezoek vestingstad Heusden” moeten aangepast worden om te voldoen. Dit type probleem komt meer voor dan alleen op de aangegeven pagina’s.

Bevinding 34: Op pagina https://www.zuiderwaterlinie.nl/1linie/geschiedenis staat een overzicht van vijf verschillende tijdvakken. De witte teksten “Tijdvak 1: Tussen twee vuren (1568-1648)” tot en met “Tijdvak 5: Opstand, afbraak, opleving (1830 tot nu)” op de blauwgroene achtergrond (HEX #6FABB3) hebben met 2,6:1 niet voldoende contrast. Deze teksten moeten een contrast van minimaal 4,5:1 krijgen om te voldoen. Dit type probleem komt ook voor op andere pagina’s zoals https://www.zuiderwaterlinie.nl/1001-ontdekkingen/fietsarrangement, https://www.zuiderwaterlinie.nl/1linie/partners, https://www.zuiderwaterlinie.nl/1001-ontdekkingen/anwb-fietsroutes, https://ambitiedocument.zuiderwaterlinie.nl/voorwoord/ en dergelijke. Om te voldoen moet dit probleem overal worden opgelost.

Bevinding 35: Op pagina https://www.zuiderwaterlinie.nl/ staat vlak boven de footer een formulier om je in te schrijven voor de nieuwsbrief. In het invoerveld van dat formulier staat de placeholdertekst “Vul je e-mailadres in”. Deze instructie moet voldoende contrast hebben om voor alle gebruikers goed zichtbaar te zijn. De grijze tekst (HEX #949494) heeft nu een contrast van 3,0:1 met de witte achtergrond. Dit type probleem komt ook op andere pagina’s voor zoals op https://www.zuiderwaterlinie.nl/1linie en https://www.zuiderwaterlinie.nl/1linie/nieuws.

Bevinding 36: Op pagina https://ambitiedocument.zuiderwaterlinie.nl/ staat de link “Ga terug naar de Zuiderwaterlinie.nl”. Deze link heeft een doorzichtige achtergrond waardoor het precieze contrast afhankelijk is van de schermgrootte. Op de resolutie 1280x1024 met 100% zoom heeft de “a” van “Ga” met 3,0:1 niet voldoende contrast. Het contrast van deze linktekst moet minimaal 4,5:1 zijn om te voldoen. Het advies is om deze link geen doorzichtige achtergrond te geven.

Bevinding 37: Op pagina https://www.zuiderwaterlinie.nl/ staan onder de kop “Laat je verrassen!” drie afbeeldingen die aanvullende tekst laten zien als de muis of toetsenbordfocus op de link staat. De witte teksten hebben nu niet altijd voldoende contrast met de afbeelding. De afbeelding wordt niet voldoende donkerder gemaakt om aan de eisen van dit succescriterium te voldoen. Een achtergrond van met HEX #FFFFFF wordt HEX #7F7F7F en die kleur heeft met 4,0:1 niet voldoende contrast met de witte tekst om te voldoen. Dit type probleem komt voor op pagina https://www.zuiderwaterlinie.nl/1linie/geschiedenis.

Bevinding 38: Op pagina https://www.zuiderwaterlinie.nl/zoeken?query=Markiezenhof staan in de zoekresultaten meerdere witte links (HEX #FFFFFF) op een witte achtergrond. Deze links worden alleen zichtbaar als de betreffende link toetsenbordfocus krijgt. Het gaat om de locaties van de zoekresultaten onder de kop “Evenementen”. Dit type probleem komt ook voor op pagina https://www.zuiderwaterlinie.nl/vestingsteden/heusden.

Bevinding 39: Op pagina https://ambitiedocument.zuiderwaterlinie.nl/uitvoeringsprogramma/ staat bovenaan de bruine (HEX #987A36) tekst “Uitvoeringsprogramma”. Deze tekst heeft met 4,1:1 net niet voldoende contrast met de witte achtergrond om te voldoen. De overige bruine teksten op deze pagina voldoen wel doordat die tekst groter is. Grotere teksten hebben voldoende aan een contrast van 3,0:1 om te voldoen. Het contrast van de witte quote onderaan deze pagina voldoet niet aan dit succescriterium. De tekst “Als je goed … in de Zuiderwaterlinie” heeft op de grijze lucht een contrast van ongeveer 2,8:1. Die test is gedaan op de resolutie 1280x1024 met 200% zoom. Op die resolutie moet deze tekst een contrast van minimaal 4,5:1 hebben om te voldoen, omdat CSS deze tekst bij het inzoomen kleiner maakt. De witte tekst op de bruine (HEX #987A36) ondergrond onder deze quote heeft met 4,1:1 ook niet voldoende contrast.

Bevinding 40: Op pagina https://www.zuiderwaterlinie.nl/uploads/media/5f2ab31fe0381/zuiderwaterlinie-wandelroute-s-hertogenbosch-en-het-bossche-broek.pdf?token=/uploads/media/5f2ab31fe0381/zuiderwaterlinie-wandelroute-s-hertogenbosch-en-het-bossche-broek.pdf staat een PDF-bestand. Niet alle tekst in dit bestand heeft voldoende contrast om te voldoen. Op pagina 2 gaat het om de witte tekst op de blauwgroene (HEX #70ABB2) achtergrond. Die tekst moet een contrast hebben van minimaal 4,5:1 en de huidige waarde is 2,6:1. Op meerdere pagina’s is gebruik gemaakt van bruine (HEX #987A36) tekst op een witte achtergrond. Die tekst heeft met 4,1:1 niet voldoende contrast. Het gaat om bruine teksten zoals “Bolwerk Sint-Jan” (pagina 2 rechts onderaan). Op pagina 3 een deel van de tekst bij punten 3 en 7. Ook op pagina 3 de kop “Met dank aan onze partners:”. Dit probleem komt ook voor op pagina’s 4, 5 en 7.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 41: Op pagina https://www.zuiderwaterlinie.nl/ staat boven de footer een formulier om je in te schrijven voor de nieuwsbrief. De toetsenbordfocus op de knop “Schrijf je nu in” is niet voldoende zichtbaar. Op dit onderdeel wordt een aangepaste toetsenbordfocus gebruikt. De rode (HEX #A60F1A) kleur van deze knop wordt donkerder (HEX #60090F) op het moment dat die knop toetsenbordfocus heeft. Die verandering heeft met 1,8:1 niet voldoende contrast om geldig te zijn als oplossing. Er komt ook een blauwe stippellijn (HEX #003A5B) op de blauwe achtergrond (#005A8E) te staan. Die verandering voldoet ook niet doordat het contrast 1,6:1 is.

Bevinding 42: Op pagina https://www.zuiderwaterlinie.nl/ heeft de footer een grijsblauwe (HEX #39475D) achtergrond. De blauwe toetsenbordfocus (HEX #003A5B) heeft niet voldoende contrast met de achtergrond goed zichtbaar te zijn. De blauwe stippellijn heeft een contrast van 1,3:1 waar dat minimaal 3,0:1 moet zijn om te voldoen. Dit probleem komt voor op alle pagina’s die een footer in deze stijl hebben zoals https://www.zuiderwaterlinie.nl/contact en https://www.zuiderwaterlinie.nl/inschrijven-nieuwsbrief.

Bevinding 43: Op pagina https://www.zuiderwaterlinie.nl/ staat bovenaan de pagina de link “De oudste, langste en meest gebruikte waterlinie van Nederland”. De toetsenbordfocus (HEX #003A5B) op deze link (#005A8E) is met een contrast van 1,6:1 niet goed zichtbaar. Op het moment dat de visuele weergave van de toetsenbordfocus is aangepast met CSS moet die indicator van de toetsenbordfocus altijd voldoende contrast hebben om te voldoen.

Bevinding 44: Opmerking: Op pagina https://www.zuiderwaterlinie.nl/1linie/nieuws/nieuws-willemstad/fietsend-door-de-linie staat het twitter icoon. De daar gebruikte kleur (HEX #1DA1F2) heeft een contrast van 2,8:1 met de witte vogel. Logo's zijn een uitzondering als het om contrast gaat en hoeven niet te voldoen, toch zou het hier beter zijn om een icoon met voldoende contrast te gebruiken voor de link Het advies is om over te stappen naar het X-icoon, dat icoon heeft wel voldoende contrast.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Onvoldoende

Bevinding 45: Op pagina https://www.zuiderwaterlinie.nl/ staan onder de koppen “Laat je verrassen!” en “Tips uit de linie” ieder drie plaatjes. Op het moment dat een van deze zes afbeeldingen focus krijgt komt er extra tekst in beeld. Op het moment dat een bezoeker een grotere tekstafstand instelt mag er in die weergaven geen tekst wegvallen. Dat is nu wel het geval. Dit is getest op de resolutie 1280x1024. Bijvoorbeeld op de eerste afbeelding met de kop “Menno's Reis 2024: Samen bouwen aan de toekomst” valt de tekst “opgaven? Lees snel verder!” weg bij het vergroten van de tekstafstand. Dit type probleem komt ook voor op pagina https://www.zuiderwaterlinie.nl/1linie/geschiedenis.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 46: Op pagina https://www.zuiderwaterlinie.nl/ staat een achtergrondafbeelding met copyright. De tekst “© Lieske Meima” komt alleen in beeld als de muis op de afbeelding staat. Het is niet mogelijk om deze tekst in beeld te krijgen zonder de muis over de foto van de zuiderwaterlinie te bewegen. Het gaat om de kleine tekst in het zwarte blok dat rechtsonder in de afbeelding zichtbaar wordt. Dit type probleem komt ook voor op pagina https://www.zuiderwaterlinie.nl/1linie/nu-in-de-linie/dit-was-mennos-reis-2023.

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 47: Op pagina’s https://www.zuiderwaterlinie.nl/, https://www.zuiderwaterlinie.nl/1linie/nu-in-de-linie/dit-was-mennos-reis-2023 en https://www.zuiderwaterlinie.nl/vestingsteden/heusden wordt gebruikgemaakt van de videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld k voor pauzeren. 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.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Onvoldoende

Bevinding 48: Na het inloggen op pagina https://partner.zuiderwaterlinie.nl/inloggen is er een tijdslimiet aanwezig. Een bezoeker wordt bij inactiviteit automatisch uitgelogd zonder dat het mogelijk is om de tijdslimiet uit te zetten, aan te passen of te verlengen. Er zijn meerdere oplossingen mogelijk. Een daarvan is om een bezoeker voor het uitloggen te waarschuwen en die gebruiker dan de mogelijkheid te geven om de sessie te verlengen. Een andere optie is om de sessietijd te verlengen naar 20 uur.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 49: Op pagina https://www.zuiderwaterlinie.nl/ staat een skiplink met de naam “Ga naar inhoud”. Het probleem is dat deze link alleen beschikbaar is als de bezoeker eerst naar beneden scrolt. Deze skiplink is alleen beschikbaar als het hoofdmenu versprongen is naar bovenaan de pagina.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 50: De pagina https://partner.zuiderwaterlinie.nl/inloggen heeft de paginatitel “Inloggen | Zuiderwaterlinie”. Dit voldoet niet doordat niet duidelijk is dat deze pagina bedoeld is om in te loggen in het partnerportaal. Bij de overige pagina’s op het partnerportaal zoals https://partner.zuiderwaterlinie.nl/nieuws ontbreekt deze informatie ook. Een betere titel zou in dit geval zijn “Nieuws | Partnerportaal Zuiderwaterlinie”. De overige paginatitels van het partnerportaal moeten ook aangepast worden om te voldoen.

Bevinding 51: De pagina https://partner.zuiderwaterlinie.nl/nl/user/profile/edit heeft op dit moment de paginatitel “Zuiderwaterlinie”. Die paginatitel maakt niet duidelijk dat deze pagina bedoeld is om je profiel op het partnerportaal aan te passen. Een titel zoals “Profiel bewerken | Partnerportaal Zuiderwaterlinie” zou wel voldoen.

Bevinding 52: De beide onderzochte PDF’s op pagina’s https://www.zuiderwaterlinie.nl/uploads/media/5f2ab31fe0381/zuiderwaterlinie-wandelroute-s-hertogenbosch-en-het-bossche-broek.pdf?token=/uploads/media/5f2ab31fe0381/zuiderwaterlinie-wandelroute-s-hertogenbosch-en-het-bossche-broek.pdf en https://www.zuiderwaterlinie.nl/uploads/media/64954800ed5a5/jaarverslag-beheerstichting-zuiderwaterlinie-2022.pdf hebben op dit moment geen paginatitel in de bestandseigenschappen. 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 53: Op pagina https://www.zuiderwaterlinie.nl/ staat rechts bovenaan de link “De oudste, langste en meest gebruikte waterlinie van Nederland”. Deze link heeft geen goed linkdoel, deze tekst is een beschrijving van de waterlinie die niet duidelijk maakt dat de onderliggende link doorverwijst naar een pagina met meer informatie over het bezoeken van de zuiderwaterlinie. Het is een optie om deze kop niet als link op te maken, maar om het klikbare gebied van de onderstaande link “Plan je dagje uit!” te vergroten.

Bevinding 54: Op pagina https://partner.zuiderwaterlinie.nl/ staat na het scrollen linksbovenaan een logo dat als link naar de homepage van het partnerportaal verwijst. Deze link heeft een alternatief in tekst. De tekst 'Ga naar de homepage van Zuiderwaterlinie' geeft niet aan dat de link verwijst naar de homepage van het partnerportaal en dat is een probleem dat opgelost moet worden. Het aanpassen van de visueel verborgen tekst naar 'Ga naar de homepage van Zuiderwaterlinie Partner protaal' is één van de mogelijke oplossingen voor dit probleem.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevinding 55: Op deze website zijn verschillende verzamelingen webpagina’s te vinden. De eerste verzameling begint op pagina https://www.zuiderwaterlinie.nl/ en door het gebruik van links en de zoekfunctie op pagina https://www.zuiderwaterlinie.nl/zoeken?query=Markiezenhof zijn alle pagina’s direct of indirect te vinden op twee verschillende manieren. Die eerste verzameling voldoet daarmee aan de eisen van dit succescriterium. De tweede verzameling webpagina’s begint na het inloggen op https://partner.zuiderwaterlinie.nl/inloggen. Het probleem is dat de pagina’s van het partnerportaal nu alleen maar te bereiken zijn door het volgen van links. Het toevoegen van een partnerportaal zoekfunctie of het toevoegen van een sitemap behoort tot de mogelijkheden om dit probleem op te lossen. Het hoeft dus niet mogelijk te worden om via de openbare zoekfunctie de pagina’s van het partnerportaal te vinden, mits er binnen het partnerportaal een extra manier is om alle pagina’s te bereiken.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 56: Op pagina https://www.zuiderwaterlinie.nl/ staat vlak boven de footer een formulier om je in te schrijven voor de nieuwsbrief. De toetsenbordfocus is direct na dit formulier één keer niet zichtbaar. Een bezoeker die met de toetsenbordfocus op de knop “Schrijf je nu in” moet nu tweemaal op de tabtoets drukken voordat de focus op de link “Ondernemersplatform” staat. De toetsenbordfocus komt op een visueel verborgen input-element. Dit probleem komt ook voor op pagina https://www.zuiderwaterlinie.nl/1linie/nieuws.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 57: Op pagina https://partner.zuiderwaterlinie.nl/nieuws staat bovenaan het logo van het partnerportaal Zuiderwaterlinie. Dat logo is een link naar de pagina https://partner.zuiderwaterlinie.nl/. De zichtbare tekst “Zuiderwaterlinie partner portaal” moet onderdeel worden van de naam van deze link om te voldoen. Het gaat erom dat de zichtbare tekst letterlijk terugkomt in de naam van de link zodat gebruikers van hulpsoftware zoals spraakbesturing de zichtbare tekst kunnen gebruiken om deze link te bedienen. Dit probleem komt ook voor op pagina https://partner.zuiderwaterlinie.nl/nl/user/profile/edit.

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 58: Op pagina https://partner.zuiderwaterlinie.nl/inloggen komt bij het invullen van een ongeldig wachtwoord de foutmelding “The presented password is invalid.”. Het advies is om deze foutmelding naar het Nederlands te vertalen. Het viel op dat deze tekst alleen in beeld komt als de bezoeker een geldige gebruikersnaam heeft gebruikt. Bij een login met niet bestaande gegevens komt de tekst “Logingegevens onjuist” in beeld.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 59: Op pagina https://partner.zuiderwaterlinie.nl/inloggen staan twee invoervelden. Op het moment dat één van deze twee invoervelden niet gevuld is met informatie komt er na een inlogpoging alleen een HTML5-veldcontrole bij het lege invoerveld te staan. Deze foutmeldingen worden niet door alle browsers en hulpsoftware even goed ondersteund. De melding is soms kortaf, onvolledig of blijft te kort staan. Ook kan je de tekstgrootte niet aanpassen zodat sommige mensen de tekst mogelijk niet kunnen lezen. Voeg zelf foutmeldingen toe aan het formulier om dit probleem op te lossen.

Bevinding 60: Op pagina https://www.zuiderwaterlinie.nl/ staat vlak boven de footer een formulier om je in te schrijven voor de nieuwsbrief. Het formulier maakt alleen gebruik van HTML5-veldcontroles. Deze foutmeldingen worden niet door alle browsers en hulpsoftware even goed ondersteund. De melding is Engels, soms kortaf, onvolledig of blijft te kort staan. Ook kan je de tekstgrootte niet aanpassen zodat sommige mensen de tekst mogelijk niet kunnen lezen. Voeg zelf Nederlandstalige foutmeldingen toe aan het formulier om dit probleem op te lossen. Dit type probleem komt ook voor op andere pagina’s zoals https://www.zuiderwaterlinie.nl/1linie/nieuws.

Bevinding 61: Op pagina https://www.zuiderwaterlinie.nl/inschrijven-nieuwsbrief komt bij het niet invullen van het invoerveld “Emailadres” de tekst “Dit is een verplicht veld.” In beeld. Die tekst is geen geldige foutmelding, maar een instructie die er ook van tevoren had kunnen staan om fouten te voorkomen. Bij het invullen van een ongeldig E-mailadres komt op dit moment wel al een goede foutmelding in beeld. Het is mogelijk om die tekst “U heeft geen (geldig) e-mailadres ingevuld” ook bij een leeg invoerveld te gebruiken.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 62: Op pagina https://www.zuiderwaterlinie.nl/ staat vlak boven de footer een formulier om je in te schrijven voor de nieuwsbrief. Dat formulier maakt gebruik van een placeholdertekst om duidelijk te maken dat hier een e-mailadres gebruikt moet worden. Het probleem is dat die tekst niet zichtbaar is gedurende en na het invullen van dit invoerveld. Deze instructie kan dus niet gebruikt worden om je invoer te controleren. Zorg ervoor dat er vóór, tijdens en na het invullen van een invoerveld een zichtbaar label of instructie is die duidelijk maakt wat er in dat invoerveld ingevuld moet worden. Een zichtbaar label met een tekst als “E-mailadres” zou hiervoor al voldoende zijn. Dit type probleem komt ook voor op andere pagina’s zoals https://www.zuiderwaterlinie.nl/1linie/nieuws.

Bevinding 63: Op pagina https://partner.zuiderwaterlinie.nl/nl/user/profile/edit staan onder de tekst “Geboortedatum” drie keuzelijsten voor dag, maand en jaar. Er is nu geen visuele methode om vooraf te zien hoed deze drie opties ingevuld moeten worden. Deze drie invoervelden hebben geen eigen label en geen instructie die vooraf zichtbaar is. Voor dit succescriterium is het zichtbaar maken van de drie visueel verborgen labels een oplossing, maar die oplossing is om te voldoen aan de eisen van succescriterium 1.3.1 niet voldoende. Het advies is dan ook om de labels “Dag”, “Maand” en “Jaar” zichtbaar te maken en de tekst “Geboortedatum” op te maken als legend van een fieldset die deze drie keuzelijsten omvat. Bij dit succescriterium gaat het om de zichtbare informatie en bij succescriterium 1.3.1 gaat het om de informatie die beschikbaar is voor (gebruikers van) hulpsoftware.

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 64: Op pagina https://www.zuiderwaterlinie.nl/1linie/nu-in-de-linie/dit-was-mennos-reis-2023 staat er onder de kop “Sponsoren Menno's Reis” een serie links die nu geen naam hebben. Het is een optie om de afbeelding met tekstalternatief in de link te nesten. Let op: Dit is niet voldoende voor de link naar Stichting Menno van Coehoorn, omdat die afbeelding nu geen tekstalternatief heeft.

Bevinding 65: Op pagina https://www.zuiderwaterlinie.nl/1linie/partners staan meerdere links zonder naam. De links onder de kop “Onze partners” hebben nu allemaal geen naam. De logo’s van alle organisaties worden nu door hulpsoftware genegeerd. Het viel ook op dat de logo’s van de gemeente Tholen tot en met de provincie Zuid-Holland geen links zijn. Dat is geen fout, maar wel inconsistent. Een van de mogelijke oplossingen om alle logo’s op een tekstalternatief te geven in de vorm “Logo [Naam organisatie]”. De waarde van de links moet dan wel zo aangepast worden dat deze allemaal naar de homepage van die organisatie verwijzen, anders voldoet de link weer niet aan succescriterium 2.4.4. Bijvoorbeeld de href van de link op het logo provincie Noord-Brabant verwijst nu niet naar de homepage van brabant.nl. De links op de logo’s van Sint-Michielsgestel, Heumen, ANWB en dergelijke kloppen nu ook niet.

Bevinding 66: Op pagina https://ambitiedocument.zuiderwaterlinie.nl/ heeft de link naast de grote tekst “Samen voor een zichtbare en beleefbare linie” nu geen naam. Deze link verwijst naar de overzichtspagina van deze website en moet en naam krijgen die dat doel duidelijk maakt. De kwaliteit van de naam van de link is belangrijk om te voldoen aan de eisen van succescriterium 2.4.4.

Bevinding 67: Op pagina https://ambitiedocument.zuiderwaterlinie.nl/voorwoord/ staat een link die automatisch openklapt als de muis of toetsenbordfocus op die link staat. De link “5 Stellingen” is uitklapbaar en bij het laden van de pagina ingeklapt. Op het moment dat die link uitklapt moet die status veranderen. Een van de opties is om er voor te zorgen dat bij het laden van de pagina het attribuut aria-expanded=”false” op deze link staat. Door de waarde van dat attribuut aan te passen wordt het openklappen ook aan hulpsoftware gepresenteerd.

Bevinding 68: Op pagina https://ambitiedocument.zuiderwaterlinie.nl/voorwoord/ staan in totaal vier links zonder naam. Het gaat in alle vier de gevallen icoontjes die werken als link. Bovenaan de pagina gaat het om de iconen kaart en huis en onderaan de pagina gaat het om de pijl naar links en de pijl naar rechts. Let met het oplossen van dit probleem erop dat de links een duidelijke naam krijgen. Denk daarbij aan namen zoals "Kaart overzicht", "Startpagina", 'Volgende pagina' en dergelijke.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 69: Op pagina https://www.zuiderwaterlinie.nl/inschrijven-nieuwsbrief komt na het succesvol voltooien van het formulier bovenaan de tekst “Bijna klaar... We moeten je e-mailadres bevestigen. Om het inschrijfproces te voltooien klik je op de link in de e-mail die we net naar je toe hebben gestuurd” te staan. Die tekst is een statusbericht en wordt op dit moment niet aan gebruikers van hulpsoftware gepresenteerd. Er zijn verschillende oplossingen mogelijk, één daarvan is het gebruik van role=”status” op het element waar deze tekst in komt te staan. Let erop dat het element met role=”status” vooraf al aanwezig is zodat hulpsoftware in staat is om de tekst die hier komt te staan te presenteren.
Tijdens het invullen van dit formulier komen bij het maken van fouten bij “E-mailadres” op dit moment ook statusberichten in beeld. Het advies is om er voor te zorgen dat foutmeldingen die tijdens het invullen in beeld komen ook als statusbericht op te maken. Ook daar kan gebruik gemaakt worden van role=”status” om gebruikers van hulpsoftware te ondersteunen.

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-01-29 20:50:58 v2.4-011