Issues:
Content-audit digitale toegankelijkheid capelleaandenijssel.mijnafspraakmaken.nl

(Alleen de bevindingen)

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 1: Op pagina https://capelleaandenijssel.mijnafspraakmaken.nl/ bij 'Stap 2 - Benodigdheden' bij de 'Aanvraag ID-kaart' en 'Aanvraag paspoort' staat een lijst in een lijst. De tweede lijst eindigt, terwijl er nog een opsommingspunt bij hoort, namelijk: '· Het kind moet bij de aanvraag aanwezig zijn.'. Zorg ervoor dat de hele opsomming wordt meegenomen in de opmaak van de lijst.

Bevinding 2: Op pagina https://capelleaandenijssel.mijnafspraakmaken.nl/ bij 'Stap 2 - Benodigdheden' bij meerdere activiteiten, bijvoorbeeld bij de 'Aanvraag ID-kaart' staat een rode tekst om een afspraak te annuleren. De tekst is opgemaakt met het strong-element. Het strong-element is bedoeld om nadruk te geven aan enkele woorden, niet voor hele zinnen. Kies een andere manier om voor bezoekers die gebruikmaken van voorleessoftware duidelijk te maken dat dit een belangrijke tekst is. De visuele opmaak kan door middel van de stylesheet worden aangepast, of eventueel met het bold-element <b>.

Bevinding 3: Op pagina https://capelleaandenijssel.mijnafspraakmaken.nl/ bij 'Erkenning + wijziging achternaam kinderen' bij 'Stap 2 - Benodigdheden' is een lijst niet goed opgemaakt. Er staat een span binnen een lijst <ul>. Hier mogen alleen maar list-items <li> staan. De browser herstelt dit, maar het is niet zeker of dat bij elke browser/voorleessoftware combinatie goed gaat. Maak lijsten daarom correct op.

Bevinding 4: Op pagina https://capelleaandenijssel.mijnafspraakmaken.nl/ bij 'Attestatie de vita Internationaal' bij 'Stap 2 - Benodigdheden' staan opsommingen die niet als lijst zijn opgemaakt. Gebruik het ul- en li-element om opsommingen op te maken. Dit probleem komt op meerdere plekken voor, bijvoorbeeld bij de opsomming onder 'Erkenning (bestaande kinderen)' bij Stap 2 - Benodigdheden' bij 'Erkenning (bestaande kinderen)'.

Bevinding 5: Op pagina https://capelleaandenijssel.mijnafspraakmaken.nl/ bij 'Stap 2 - Benodigdheden' bij 'Attestatie de vita Internationaal' staat een kop 'Voorzorgsmaatregelen bij bezoek aan het gemeentehuis' die niet als zodanig is opgemaakt. Hetzelfde probleem komt meerdere keren voor, bijvoorbeeld bij 'hervestiging vanuit het buitenland' bij de tekst 'Wat moet u meenemen bij de aangifte:' bij 'Stap 2 - Benodigdheden'.

Bevinding 6: Op pagina https://capelleaandenijssel.mijnafspraakmaken.nl/? staan bij 'Stap 5 - Samenvatting' onder kop 2 'Afspraakgegevens' lijsten met een enkel list-item. Een lijst met een enkel lijst-item is geen opsomming. Zorg voor een andere opmaak, dit kan bijvoorbeeld met een definitielijst.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 7: Op pagina https://capelleaandenijssel.mijnafspraakmaken.nl/ wanneer de hoog contrast knop is ingeschakeld, verandert de knop naar 'Standaard contrast'. Bij hover en focus heeft de zwarte (HEX #222222) tekst op de donkergrijze (HEX #373737) achtergrond heeft een contrastverhouding van 1,3:1, waar dit minimaal 4,5:1 moet zijn.

Bevinding 8: Op pagina https://capelleaandenijssel.mijnafspraakmaken.nl/ bij 'Stap 2 - Benodigdheden' bij de 'Aanvraag ID-kaart' staat een rode tekst 'kunt u niet meer op de afgesproken tijd komen? Annuleer of wijzig uw afspraak via de link in uw e-mail. Dan kunnen we in die tijd anderen helpen.'. De rode (HEX #FF0000) tekst op de witte achtergrond heeft een contrastverhouding van 4:1, waar dit minimaal 4,5:1 moet zijn. Dit probleem komt bij meerdere activiteiten voor.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 9: Op pagina https://capelleaandenijssel.mijnafspraakmaken.nl/ wanneer de hoog contrast knop is uitgeschakeld heeft de zwarte focusrand om de onderdelen in de header zoals de skiplink, het logo en de 'Standaard contrast' knop op de donkerblauwe (HEX #004178) achtergrond een contrastverhouding van 2:1, waar dit minimaal 3:1 moet zijn.

Bevinding 10: Op pagina https://capelleaandenijssel.mijnafspraakmaken.nl/ wanneer de hoog contrast knop is ingeschakeld heeft de zwarte focusrand om de onderdelen in de header zoals de skiplink, het logo en de 'Standaard contrast' knop op de donkergrijze (HEX #373737) achtergrond een contrastverhouding van 1,7:1 waar dit minimaal 3:1 moet zijn.

Bevinding 11: Advies: Wanneer de hoog contrast knop is uitgeschakeld op pagina https://capelleaandenijssel.mijnafspraakmaken.nl/ bij 'Stap 2 - Benodigdheden', staat een knop 'Vorige' met een lichtgrijze (HEX #D2D8F0) rand op een witte achtergrond. De contrastverhouding is 1,2:1. Het is niet verplicht dat het contrast hier 3:1 is, maar het zou wel beter zijn. Bijvoorbeeld slechtziende bezoekers en bezoekers met een cognitieve beperking kunnen dan eerder herkennen dat het hier om een knop gaat. Dit probleem komt op meerdere plekken voor.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 12: Dit probleem vereist mogelijk een technische oplossing: Op pagina https://capelleaandenijssel.mijnafspraakmaken.nl/ bij 'Stap 1 - Activiteit(en)' staat een zoekveld. Wanneer hier iets ingevuld wordt verschijnt er een sluit-knop. Deze knop is niet te bedienen met het toetsenbord. Zorg ervoor dat deze knop bereikbaar en bedienbaar is met het toetsenbord. Zie ook succescriterium 4.1.2.

2.4 Navigeerbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Bevinding 13: Advies: Op pagina https://capelleaandenijssel.mijnafspraakmaken.nl/ wordt in de paginatitel niet weergeven voor welke activiteit de bezoeker een afspraak aan het maken is. Dit zou bezoekers met verschillende beperkingen kunnen helpen bij het navigeren van de website.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 14: Dit probleem vereist mogelijk een technische oplossing: Op pagina https://capelleaandenijssel.mijnafspraakmaken.nl/ bij 'Stap 1 - Activiteit(en)' staat een zoekveld. Wanneer hier iets ingevuld wordt verschijnt er een sluit-knop. Deze knop is niet als zodanig opgemaakt en is niet te bedienen met het toetsenbord. Zorg ervoor dat deze knop wordt opgemaakt als knop met een toegankelijke naam die de functie beschrijft.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Bevinding 15: Dit probleem vereist mogelijk een technische oplossing: Wanneer een sessie verloopt op pagina https://www.capelleaandenijssel.nl/ komt er een dialoogvenster met een waarschuwing en een knop 'Doorgaan'. De tekst van de waarschuwing bevat een tijdslimiet die afloopt. Visueel tellen de seconden af, maar voorleessoftware leest dit niet voor, alleen een enkele keer aan het begin. Daardoor krijgen bezoekers die gebruikmaken van voorleessoftware niet mee hoeveel tijd ze nog hebben voordat de sessie verloopt.

Bevinding 16: Dit probleem vereist mogelijk een technische oplossing: Na het bevestigen van een afspraak op pagina https://www.capelleaandenijssel.nl/ komt een tekst in beeld 'Uw afspraak is gemaakt’ met een vinkje om aan te geven dat het gelukt is. Deze tekst wordt niet voorgelezen door een voorleessoftware en bij de volgende stap staat deze tekst ook niet op de pagina (zoals wel gebeurt wanneer een afspraak geannuleerd wordt). Zorg ervoor dat deze tekst ook beschikbaar is voor bezoekers die het scherm niet kunnen zien.

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://capelleaandenijssel.mijnafspraakmaken.nl/

Ondersteunende technieken

• CSS
• DOM
• ECMAScript 5
• HTML5
• WAI-ARIA
• SVG

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.