Rapport:
Audit digitale toegankelijkheid website Zuiderwaterlinie en het Partner portaal

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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".

Op pagina 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 partner.zuiderwaterlinie.nl/.

Op pagina 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.

Op pagina 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 partner.zuiderwaterlinie.nl/nl/user/profile/edit. Een mogelijke oplossing is om de visueel verborgen tekst aan te passen naar 'Logo Zuiderwaterlinie partner programma'.

Op pagina www.zuiderwaterlinie.nl/uploads/media/64954800ed5a5/jaarverslag-beheerstichting-zuiderwaterlinie-… 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.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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 www.zuiderwaterlinie.nl/vestingsteden/heusden.

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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 www.zuiderwaterlinie.nl/vestingsteden/heusden.

Op pagina 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.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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 www.zuiderwaterlinie.nl/vestingsteden/heusden.

Op pagina 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.

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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.

Op pagina 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.

Op pagina 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 www.zuiderwaterlinie.nl/1linie/nieuws/nieuws-willemstad/fietsend-door-de-linie, www.zuiderwaterlinie.nl/vestingsteden/heusden en meer.

Op pagina 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”.

Op pagina 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.

Op pagina 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.

Op pagina 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.

Op pagina 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 www.zuiderwaterlinie.nl/1linie, www.zuiderwaterlinie.nl/1linie/nieuws en www.zuiderwaterlinie.nl/1linie/nu-in-de-linie/dit-was-mennos-reis-2023.

Op pagina 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 www.zuiderwaterlinie.nl/1001-ontdekkingen/fietsarrangement.

Op pagina 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.

Op pagina 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.

Op pagina 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.

Op pagina 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.

Op pagina 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”.

De PDF op pagina www.zuiderwaterlinie.nl/uploads/media/5f2ab31fe0381/zuiderwaterlinie-wandelroute-s-hertogenbosch-en-… 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.

De PDF op pagina www.zuiderwaterlinie.nl/uploads/media/64954800ed5a5/jaarverslag-beheerstichting-zuiderwaterlinie-… 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.

Advies: Op pagina 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.

Advies: Op pagina 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.

Advies: Op pagina 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.

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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.

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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 www.zuiderwaterlinie.nl/1linie/nu-in-de-linie/dit-was-mennos-reis-2023 en www.zuiderwaterlinie.nl/1001-ontdekkingen/fietsarrangement komt ook witte tekst op een bruine achtergrond voor. Deze kleurcombinatie komt ook voor op pagina 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.

Op pagina 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 www.zuiderwaterlinie.nl/1001-ontdekkingen/fietsarrangement, www.zuiderwaterlinie.nl/1linie/partners, www.zuiderwaterlinie.nl/1001-ontdekkingen/anwb-fietsroutes, ambitiedocument.zuiderwaterlinie.nl/voorwoord/ en dergelijke. Om te voldoen moet dit probleem overal worden opgelost.

Op pagina 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 www.zuiderwaterlinie.nl/1linie en www.zuiderwaterlinie.nl/1linie/nieuws.

Op pagina 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.

Op pagina 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 www.zuiderwaterlinie.nl/1linie/geschiedenis.

Op pagina www.zuiderwaterlinie.nl/zoeken 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 www.zuiderwaterlinie.nl/vestingsteden/heusden.

Op pagina 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.

Op pagina www.zuiderwaterlinie.nl/uploads/media/5f2ab31fe0381/zuiderwaterlinie-wandelroute-s-hertogenbosch-en-… 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.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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.

Op pagina 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 www.zuiderwaterlinie.nl/contact en www.zuiderwaterlinie.nl/inschrijven-nieuwsbrief.

Op pagina 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.

Opmerking: Op pagina 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.

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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 www.zuiderwaterlinie.nl/1linie/geschiedenis.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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 www.zuiderwaterlinie.nl/1linie/nu-in-de-linie/dit-was-mennos-reis-2023.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina’s www.zuiderwaterlinie.nl/, www.zuiderwaterlinie.nl/1linie/nu-in-de-linie/dit-was-mennos-reis-2023 en 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.

Uitkomst: Onvoldoende

Bevindingen: Na het inloggen op pagina 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.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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.

Uitkomst: Onvoldoende

Bevindingen: De pagina 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 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.

De pagina 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.

De beide onderzochte PDF’s op pagina’s www.zuiderwaterlinie.nl/uploads/media/5f2ab31fe0381/zuiderwaterlinie-wandelroute-s-hertogenbosch-en-… en www.zuiderwaterlinie.nl/uploads/media/64954800ed5a5/jaarverslag-beheerstichting-zuiderwaterlinie-… 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.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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.

Op pagina 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.

Uitkomst: Onvoldoende

Bevindingen: Op deze website zijn verschillende verzamelingen webpagina’s te vinden. De eerste verzameling begint op pagina www.zuiderwaterlinie.nl/ en door het gebruik van links en de zoekfunctie op pagina www.zuiderwaterlinie.nl/zoeken 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 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.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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 www.zuiderwaterlinie.nl/1linie/nieuws.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina partner.zuiderwaterlinie.nl/nieuws staat bovenaan het logo van het partnerportaal Zuiderwaterlinie. Dat logo is een link naar de pagina 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 partner.zuiderwaterlinie.nl/nl/user/profile/edit.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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.

Op pagina 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 www.zuiderwaterlinie.nl/1linie/nieuws.

Op pagina 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.

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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 www.zuiderwaterlinie.nl/1linie/nieuws.

Op pagina 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.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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.

Op pagina 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.

Op pagina 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.

Op pagina 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.

Op pagina 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.

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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.