Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Belastingportaal Oisterwijk

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Belastingportaal Oisterwijk
Datum 23 januari 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op de testomgeving preprod-belastingportaal.oisterwijk.nl, de testomgeving van belastingportaal.oisterwijk.nl.
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via preprod-belastingportaal.oisterwijk.nl met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 29

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 preprod-belastingportaal.oisterwijk.nl/inloggen staat de link 'Meer over DigiD'. Het icoon achter de linktekst geeft aan dat de link naar een externe pagina verwijst. Deze informatie is niet beschikbaar voor hulpsoftware. Dit icoon wordt ingeladen met CSS en heeft geen alternatieve tekst. Zorg ervoor dat bezoekers die het scherm niet kunnen zien over dezelfde informatie beschikken, bijvoorbeeld door een aria-label of screenreader-only tekst toe te voegen aan de linkteksten voor externe links.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 2: Op pagina preprod-belastingportaal.oisterwijk.nl/bezwaar wordt met cijfers aangegeven bij welke stap een bezoeker is. Deze cijfers zijn verborgen voor hulpsoftware met aria-hidden. Zorg ervoor dat deze informatie wel beschikbaar is voor bezoekers die gebruik maken van hulpsoftware. Idealiter is het ook voor hen duidelijk met welke stap zij specifiek bezig zijn, door gebruik te maken van bijvoorbeeld aria-current.

Bevinding 3: De teksten 'Mijn gegevens' en 'Bezwaar' op pagina preprod-belastingportaal.oisterwijk.nl/ zijn visueel koppen voor de onderstaande content. Zorg ervoor dat koppen zijn opgemaakt met een kopelement.

Bevinding 4: De PDF van het aanslagbiljet 202200016712 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 kunnen niet onderzocht worden). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan. Dit geldt ook voor de PDF van het bezwaar 202100209000.

Bevinding 5: Advies: Wanneer bezoekers op pagina preprod-belastingportaal.oisterwijk.nl/bezwaar een aanslag selecteren, verschijnt er een dialoogvenster. De kop van het dialoogvenster is een h5-element. Een dialoogvenster is een opzichzelfstaand venster, dat een h1-element mag bevatten.

Bevinding 6: Advies: Op onder andere pagina preprod-belastingportaal.oisterwijk.nl/bezwaar staan tabellen, waarbij in de laatste kolom knoppen voor acties staan, zoals iets downloaden. Deze kolom heeft geen tabelkop. Het is toegankelijker om hier wel een tabelkop te plaatsen, zoals 'Acties'.

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 7: Op de homepage kunnen bezoekers hun gegevens verwijderen, toevoegen of aanpassen. HMTL5 invoervelden die informatie over de gebruiker vragen, zoals naam/achternaam, adres en geboortedatum, moeten een juist autocomplete attritbuut hebben. Lees meer over welke autocomplete attributen bij welk invoerveld toegevoegd moet worden op: www.w3.org/TR/WCAG21/.

1.4 Onderscheidbaar

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 8: Wanneer bezoekers met schermgrootte 1280 bij 1024 pixels inzoomen naar 250% op pagina preprod-belastingportaal.oisterwijk.nl/inloggen, is de tekst op de pagina niet meer goed leesbaar, omdat bezoekers horizontaal moeten scrollen om alle tekst te kunnen lezen. Zorg ervoor dat bezoekers (met schermgrootte 1280 bij 1024) tot 400% kunnen inzoomen, zonder horizontaal te hoeven scrollen en zonder verlies van informatie of functionaliteit. Dit probleem doet zich op meerdere pagina's voor.

Bevinding 9: Wanneer bezoekers met schermgrootte 1280 bij 1024 pixels inzoomen naar 150% op pagina preprod-belastingportaal.oisterwijk.nl/aanslag is de tabel niet meer geheel leesbaar. Vanaf verdere percentages is ook de rest van de pagina niet meer geheel leesbaar.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 10: Wanneer de link 'Meer over DigiD' op pagina preprod-belastingportaal.oisterwijk.nl/inloggen focus heeft, is dat niet voldoende zichtbaar. De contrastratio tussen de grijze focusrand (HEX #ECEDED) en de witte achtergrond is 1,1:1 waar dat minimaal 3:1 moet zijn.

Bevinding 11: Wanneer de knop om uit te loggen op onder andere pagina preprod-belastingportaal.oisterwijk.nl/ focus heeft, is dat niet voldoende zichtbaar. De contrastratio tussen blauw/grijze focusrand (HEX #9DBBCD) en de witte achtergrond is 2:1 waar dat minimaal 3:1 moet zijn. Dit probleem komt op de website op meerdere plekken voor, waaronder bij de focusrand om de 'wijzig' en 'verwijder' knoppen op dezelfde pagina.

Bevinding 12: Wanneer de knop 'Bezwaar downloaden' op pagina preprod-belastingportaal.oisterwijk.nl/ focus heeft, is dat niet voldoende zichtbaar. De contrastratio tussen de paarse focusrand (HEX #BF9CC3) en de witte achtergrond is 2,3:1 waar dat minimaal 3:1 moet zijn. Dit probleem doet zich vaker op de website voor, bijvoorbeeld bij de knop 'Annuleren' wanneer bezoekers een rekeningnummer of e-mailadres willen verwijderen.

Bevinding 13: Wanneer de knoppen om input te verwijderen op pagina preprod-belastingportaal.oisterwijk.nl/ focus hebben, is dat niet voldoende zichtbaar. De contrastratio tussen de rode focusrand (HEX #F0A9B0) en de witte achtergrond is 1,9:1 waar dat minimaal 3:1 moet zijn.

Bevinding 14: Wanneer bezoekers op pagina preprod-belastingportaal.oisterwijk.nl/ invoer wijzigen, zoals het e-mailadres of rekeningnummer, verschijnt daarna een knop om wijzigingen op te slaan. Wanneer deze knop focus heeft is dat onvoldoende zichtbaar, de contrastratio tussen de groene focusrand (HEX #9DCCB6) en de witte achtergrond is 1,7:1 waar dat minimaal 3:1 moet zijn. Dit probleem doet zich op meerdere pagina's voor, waaronder op pagina preprod-belastingportaal.oisterwijk.nl/bezwaar wanneer de knop 'Gestart' aanwezig is.

Bevinding 15: Op pagina preprod-belastingportaal.oisterwijk.nl/bezwaar kunnen bezoekers stappen selecteren. Wanneer een stap focus heeft, is dat onvoldoende zichtbaar. De contrastratio tussen de focus (HEX #F5F5F5) en de witte achtergrond is 1:1 waar dat minimaal 3:1 moet zijn.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 16: De link om in te loggen met DigiD op pagina preprod-belastingportaal.oisterwijk.nl/inloggen is niet bereikbaar en bedienbaar met het toetsenbord. Er is een a-element gebruikt, maar het href attribuut ontbreekt. Hierdoor kunnen bezoekers die geen muis of touch gebruiken niet inloggen op de website. Zorg ervoor dat de link ook bereikbaar en bedienbaar is voor bezoekers die op een andere manier over de website navigeren.

Bevinding 17: Wanneer bezoekers de stappen op pagina preprod-belastingportaal.oisterwijk.nl/bezwaar volgen, kunnen zij niet met het toetsenbord terug navigeren naar een vorige stap, enkel met de muis. Met de shift tab combinatie (daarmee navigeert een bezoeker terug) gaat de focus direct naar de knop om uit loggen in plaats van naar de vorige stap. Zorg ervoor dat een bezoeker die het toetsenbord gebruikt om te navigeren ook vorige stappen kan selecteren.

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Onvoldoende

Bevinding 18: Na een periode van ongeveer een half uur, verloopt de huidige sessie. Wanneer bezoekers dan een actie uitvoeren, zoals naar een andere pagina gaan, moeten zij opnieuw inloggen. Wanneer er een tijdslimiet aanwezig is op de website, zoals een verlopen sessie na een bepaalde periode, moet de bezoeker hiervoor gewaarschuwd worden en moet de bezoeker de tijdslimiet kunnen uitzetten, aanpassen (naar minstens 10 keer de tijdslimiet) of verlengen (minstens 10 keer).

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 19: Op pagina preprod-belastingportaal.oisterwijk.nl/inloggen is een skiplink om herhalende content over te slaan aanwezig, maar deze slaat de herhalende content (zoals het logo) niet over. De focus verplaatst zich wel zichtbaar, maar de toetsenbordfocus niet. Zorg ervoor dat bezoekers die gebruik maken van bijvoorbeeld voorleessoftware herhalende content kunnen overslaan door de toetsenbordfocus te verplaatsen naar de eerste unieke content, zoals de h1 van de pagina. Dit probleem doet zich op alle onderzochte pagina's voor.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 20: De PDF van het aanslagbiljet 202200016712 bevat alleen een bestandsnaam, geen titel. Een goede titel is belangrijk voor bezoekers met verschillende beperkingen, het geeft namelijk in één keer een goed beeld van de inhoud van de PDF, en wanneer er meerdere tabbladen openstaan helpt het ook bij het navigeren. Zorg ervoor dat de PDF een documentitel heeft en deze wordt getoond bij openen, niet de bestandsnaam. Dit geldt ook voor de PDF van het bezwaar 202100209000.

Bevinding 21: Advies: In de titel van iedere pagina wordt verwezen naar Burgerloket Oisterwijk, niet naar Belastingportaal. Zorg ervoor dat de hoofdfunctie van de website voorkomt in de titel van de pagina.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 22: In de header van iedere pagina staat het logo van de Gemeente Oisterwijk. Met het title-element is aan het a-element de linktekst 'Ga naar de homepage van Gemeente Oisterwijk' toegevoegd. Dit komt niet overeen met het daadwerkelijke linkdoel, namelijk dat de link verwijst naar de homepage van Burgerloket Oister/Belastingportaal Oisterwijk.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Voldoende

Bevinding 23: Advies: Op onder andere pagina preprod-belastingportaal.oisterwijk.nl/inloggen wordt er gebruik gemaakt van een stippellijn om de zichtbare toetsenbordfocus weer te geven. In de WCAG 2.2 worden de eisen omtrent focuszichtbaarheid strenger. Lees er meer over op: www.w3.org/WAI/WCAG22/Understanding/focus-appearance-minimum.html.

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 24: Er is geen taal ingesteld voor de PDF van het aanslagbiljet 202200016712. De hoofdtaal van de PDF moet zijn aangegeven in de taalinstellingen, zodat voorleessoftware de PDF in de juiste taal kan voorlezen. Dit geldt ook voor de PDF van het bezwaar 202100209000.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 25: Op pagina preprod-belastingportaal.oisterwijk.nl/bezwaar moeten bezoekers bij stap 2 een bezwaar motiveren, nadat zij een aanslag hebben geselecteerd. Wanneer een bezoeker niets invult, verschijnt de melding 'Uw motivatie is verplicht'. Wanneer een bezoeker te weinig invult verschijnt de melding 'Vul een motivatie van minimaal 3 karakters in a.u.b.'. De gebruiker moet een foutmelding krijgen wanneer een invoerveld niet goed is ingevuld of het formulier niet goed verzonden kan worden. De foutmelding moet beschrijven welke fout is gemaakt en wáár die is gemaakt. De foutmelding mag de tekst ‘dit veld’ bevatten, als de melding direct voor of na het invoerveld staat. Als dat niet zo is, moet concreet de naam van het veld genoemd worden.

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 26: Wanneer bezoekers alle stappen op pagina preprod-belastingportaal.oisterwijk.nl/bezwaar hebben doorlopen, kunnen zij met de knop 'Bezwaar indienen' het proces afronden. Wanneer een knop gegevens verzend, moet de knop type='submit' bevatten.

Bevinding 27: Wanneer bezoekers op pagina preprod-belastingportaal.oisterwijk.nl/ het automatische incasso bewerken verschijnen er twee velden. Het veld 'Tenaamstelling' heeft geen toegankelijke naam, hierdoor is het veld niet of moeilijk te bedienen voor gebruikers van voorleessoftware of spraakbediening. Het veld heeft geen toegankelijke naam doordat het label element niet correct met for en id attributen is gekoppeld aan het input element. De waarde van het for attribuut op het label element komt niet overeen met de id van het input element.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 28: Wanneer bezoekers een eerder bezwaar zijn gestart, maar niet hebben afgemaakt, verschijnt op de homepage de melding 'Bezwaar niet ingediend!'. Op dit bericht is role=alert gebruikt. Dit betekent dat dit bericht iedere keer wanneer de bezoeker op deze pagina komt, steeds als eerste wordt voorgelezen. Aangezien het strong-element al is gebruikt (en de informatie niet op een andere manier tijdsensitief of extra belangrijk is) is dit overbodig en kan als hinderlijk worden ervaren.

Bevinding 29: Wanneer bezoekers een pagina, zoals de homepage, laden verschijnen er laadiconen die aangeven dat informatie bezig is met laden. Deze informatie moet ook beschikbaar zijn 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

Ondersteunende technieken

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Geprint: 2024-03-29 15:54:30 v2.4-011