Issues:
Audit digitale toegankelijkheid website Leisure Lane Parkstad
(Alleen de bevindingen)
Scope van de evaluatie
Naam website | Leisure Lane Parkstad |
---|---|
Datum | 19 juni 2024 |
Scope van de website |
Binnen de scope van het onderzoek valt:
|
Conformiteitsdoel | WCAG 2.1 niveau AA |
Uitgebreide toetsresultaten
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 pagina https://fd8.formdesk.com/htm/ClearlyMeldingHeijmans/?def_via=Website&def_ProjectNaam=Leisure%20Lane&get=1&sidn=22499a634df24bbf8c36aaee3bd05cd7 staat het logo van Heijmans. De alternatieve tekst van een logo met tenminste de volledige naam van de organisatie bevatten. Vult het alt attribuut daarom in.
Bevinding 2: Op pagina https://fd8.formdesk.com/htm/ClearlyMeldingHeijmans/?def_via=Website&def_ProjectNaam=Leisure%20Lane&get=1&sidn=22499a634df24bbf8c36aaee3bd05cd7 wordt met een asterisk (*) aangegeven dat een veld verplicht is. De asterisk is een speciaal teken dat niet door alle browser en hulpsoftware combinaties goed wordt voorgelezen. Zorg er daarom voor dat het ook op minimaal één andere manier duidelijk is welke velden verplicht zijn, bijvoorbeeld door aria-required te gebruiken. In plaats van asterisk het woord 'Verplicht' gebruiken is ook voldoende.
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Onvoldoende
Bevinding 3: Op pagina https://fd8.formdesk.com/htm/ClearlyMeldingHeijmans/?def_via=Website&def_ProjectNaam=Leisure%20Lane&get=1&sidn=22499a634df24bbf8c36aaee3bd05cd7 wordt een tabel gebruikt voor opmaak, waar role=presentation op is geplaatst. Omdat er echter ook aria-hidden=false op is geplaatst, wordt de tabelstructuur nu alsnog voorgelezen door voorleessoftware. Verwijder dit attribuut.
Bevinding 4: Op de pagina https://fd8.formdesk.com/htm/ClearlyMeldingHeijmans/?def_via=Website&def_ProjectNaam=Leisure%20Lane&get=1&sidn=22499a634df24bbf8c36aaee3bd05cd7 staat een formulier. In het formulier worden op meerdere plaatsen invoer-elementen gegroepeerd. Deze invoer-elementen hebben een label en zijn daarnaast met aria-labelledby gekoppeld aan de vragen. Omdat de id's van de labels en de invoerelementen niet overal overeenkomen, wordt bijvoorbeeld bij 'Is er een gevaarlijke situatie' alleen het aria-labelledby deel voorgelezen, maar niet 'Nee'. Zorg ervoor dat de labels correct gekoppeld zijn, en gebruik bij voorkeur een fieldset en legend combinatie om groepen invoerelementen te koppen.
Bevinding 5: De PDF "g017554-tek-3524_1" is niet gecodeerd en daardoor is er voor hulpsoftware (zoals voorleessoftware) geen informatie beschikbaar om de PDF te interpreteren. Omdat codes ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag zoals semantische koppen en alt-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan. Dit probleem doet zich meermalig voor met PDF's op de website. Let op: Voor kaarten geldt een uitzondering, maar dat geldt alléén voor de kaart zelf. Het document zelf en andere informatie in het document moeten wel toegankelijk zijn.
1.3.5 Identificeer het doel van de input (Niveau AA)
Informatie over succescriterium 1.3.5 Identificeer het doel van de input
Uitkomst: Voldoende
Bevinding 6: Opmerking: Op pagina Registratie omgevingsmelding https://fd8.formdesk.com/htm/ClearlyMeldingHeijmans/?def_via=Website&def_ProjectNaam=Leisure%20Lane&get=1&sidn=22499a634df24bbf8c36aaee3bd05cd7 is een formulier waar de bezoeker onder andere het eigen e-mailadres en adresgegevens kan invullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email". Nu staat in de code de volgende regel autocomplete="off", wat inhoudt dat deze functionaliteit is uitgeschakeld. Het formulier is gebouwd middels HTML4, welk officieel de attributen van invoervelden die om persoonlijke gegevens vragen niet herkent. Het feit dat autocomplete niet werkt op de site is daarom onder dit succescriterium niet afkeurbaar. We adviseren om zo spoedig mogelijk van de techniek gebruik te maken die deze voorziening wel ondersteunt omdat HTML4 sinds maart 2018 door W3C niet meer als aanbevolen standaard wordt gekenmerkt. De aanbevolen standaard is HTML5.
1.4 Onderscheidbaar
1.4.13 Content bij hover of focus (Niveau AA)
Informatie over succescriterium 1.4.13 Content bij hover of focus
Uitkomst: Onvoldoende
Bevinding 7: Op pagina https://fd8.formdesk.com/htm/ClearlyMeldingHeijmans/?def_via=Website&def_ProjectNaam=Leisure%20Lane&get=1&sidn=22499a634df24bbf8c36aaee3bd05cd7 komen tooltips voor. Wanneer bezoekers aanvullende content activeren op muishover of bij toetsenbordfocus, geldt dat die aanvullende content moet blijven staan tot de bezoeker het zelf weghaalt (door de focus/hover te verwijderen), dat de bezoeker met de muis over de aanvullende content kan gaan en dat de bezoeker de content moet kunnen verwijderen zonder de hover of focus te verplaatsen. Dat laatste is nu niet het geval. Zorg ervoor dat bezoekers de content kunnen verwijderen met de escape-toets.
2. Bedienbaar
2.2 Genoeg tijd
2.2.2 Pauzeren, stoppen, verbergen (Niveau A)
Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen
Uitkomst: Onvoldoende
Bevinding 8: Op pagina "Registratie omgevingsmelding" fd8.formdesk.com/htm/ClearlyMeldingHeijmans/ knippert het betreffende formulierveld na wegklikken van de foutidentificatie pop-up voor 5-6 seconden.
Voor bewegende, knipperende of scrollende informatie die (1) automatisch start, (2) langer dan vijf seconden duurt, en (3) parallel met andere content wordt getoond, dient er een mechanisme voor de gebruiker te zijn om dit te pauzeren, te stoppen of te verbergen, tenzij de beweging, knippering of scrolling, onderdeel is van een activiteit waar ze essentieel is. Gezien de border van het foutief ingevulde veld reeds visueel verandert, kan het knipperende effect het beste achterwege gelaten worden.
2.4 Navigeerbaar
2.4.2 Paginatitel (Niveau A)
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Onvoldoende
Bevinding 9: De PDF "g017554-tek-3524_1" heeft een documenttitel ("012 WV 9A") in de eigenschappen die het document niet duidelijk beschrijft. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond.
2.4.6 Koppen en labels (Niveau AA)
Informatie over succescriterium 2.4.6 Koppen en labels
Uitkomst: Onvoldoende
Bevinding 10: Op pagina https://fd8.formdesk.com/htm/ClearlyMeldingHeijmans/?def_via=Website&def_ProjectNaam=Leisure%20Lane&get=1&sidn=22499a634df24bbf8c36aaee3bd05cd7 staat een knop met de tekst '===> Melding opslaan <==='. Dit wordt voorgelezen als 'gelijk aan gelijk aan gelijk aan groter dan melding opslaan kleiner dan gelijk aan gelijk aan gelijk aan'. Dit is storend voor bezoekers die gebruik maken van voorleessoftware. Verwijder de tekens, of maak de verberg de tekens voor voorleessoftware.
3. Begrijpelijk
3.1 Leesbaar
3.1.1 Taal van de pagina (Niveau A)
Informatie over succescriterium 3.1.1 Taal van de pagina
Uitkomst: Onvoldoende
Bevinding 11: In de eigenschappen van PDF "g017554-tek-3524_1" is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF. Dit probleem doet zich meermalig voor bij PDF's op de website.
3.3 Assistentie bij invoer
3.3.1 Foutidentificatie (Niveau A)
Informatie over succescriterium 3.3.1 Foutidentificatie
Uitkomst: Voldoende
Bevinding 12: Advies: Wanneer bezoekers in het formulier op pagina "Registratie omgevingsmelding" https://fd8.formdesk.com/htm/ClearlyMeldingHeijmans/?def_via=Website&def_ProjectNaam=Leisure%20Lane&get=1&sidn=22499a634df24bbf8c36aaee3bd05cd7 een veld niet of niet goed invullen, verschijnt er een dialoogvenster met een foutmelding. Idealiter blijft de melding zichtbaar totdat de bezoeker de fout heeft kunnen oplossen, het liefst dus als melding op de pagina zelf in plaats van in een dialoogvenster. Toon daarnaast liever alle foutmeldingen in één keer, dan één per foutmelding.
3.3.3 Foutsuggestie (Niveau AA)
Informatie over succescriterium 3.3.3 Foutsuggestie
Uitkomst: Onvoldoende
Bevinding 13: Formulierveld 'E-mail' in het formulier op de pagina Registratie omgevingsmelding https://fd8.formdesk.com/htm/ClearlyMeldingHeijmans/?def_via=Website&def_ProjectNaam=Leisure%20Lane&get=1&sidn=22499a634df24bbf8c36aaee3bd05cd7 vraagt om een emailadres, maar het is niet duidelijk welk format er gevraagd wordt. Zorg dat het voor bezoekers duidelijk is hoe zij dit formulierveld moeten invullen.
4. Robuust
4.1 Compatibel
4.1.3 Statusberichten (Niveau AA)
Informatie over succescriterium 4.1.3 Statusberichten
Uitkomst: Onvoldoende
Bevinding 14: Wanneer bezoekers in het formulier op pagina Registratie omgevingsmelding https://fd8.formdesk.com/htm/ClearlyMeldingHeijmans/?def_via=Website&def_ProjectNaam=Leisure%20Lane&get=1&sidn=22499a634df24bbf8c36aaee3bd05cd7 een formulierveld niet goed invullen, verschijnt er zonder dat de pagina ververst een foutmelding in een pop-up. Blinden en slechtzienden die met een screenreader werken krijgen geen signaal dat er iets is gewijzigd en dat er foutmeldingen staan op het scherm.
Bevinding 15: Wanneer het formulier op pagina https://fd8.formdesk.com/htm/ClearlyMeldingHeijmans/?def_via=Website&def_ProjectNaam=Leisure%20Lane&get=1&sidn=22499a634df24bbf8c36aaee3bd05cd7 wordt geladen verschijnt er een laadanimatie. Er wordt een geluid afgespeeld bij het vullen van de voortgangsbalk, maar de tekst wordt niet voorgelezen. Zorg ervoor dat de gehele melding beschikbaar is voor hulpsoftware.
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
- Home:
https://www.leisurelaneparkstad.nl/ - Contact:
https://www.leisurelaneparkstad.nl/contact/ - Zoekresultaten:
https://www.leisurelaneparkstad.nl/vaste-onderdelen/zoeken/?zoeken_term=simpelveld - Parkstadroute:
https://www.leisurelaneparkstad.nl/parkstadroute/ - Partners:
https://www.leisurelaneparkstad.nl/partners/ - 404:
https://www.leisurelaneparkstad.nl/bestaatniet - PDF Overzichtskaart:
https://www.leisurelaneparkstad.nl/publish/pages/5950/overzichtskaart_parkstadroute_1.pdf - Toegankelijkheid:
https://www.leisurelaneparkstad.nl/vaste-onderdelen/toegankelijkheid/ - Overzicht ontwerptekeningen:
https://www.leisurelaneparkstad.nl/ontwerptekeningen/ - Ontwerptekening PDF:
https://www.leisurelaneparkstad.nl/publish/pages/7424/g017554-tek-3524_1.pdf - colofon:
https://www.leisurelaneparkstad.nl/vaste-onderdelen/colofon/ - proclaimer:
https://www.leisurelaneparkstad.nl/vaste-onderdelen/proclaimer/
Ondersteunende technieken
Bronnen
-
Evaluatiedocument WCAG 2.0
www.drempelvrij.nl/over-het-waarmerk -
Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
www.w3.org/Translations/WCAG20-nl -
Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
www.w3.org/WAI/eval/conformance -
Web Content Accessibility Guidelines (WCAG)
www.w3.org/WAI/intro/wcag -
How to Meet WCAG 2.1 Quick Reference
www.w3.org/WAI/WCAG21/quickref/
Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.