Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Portal VindSubsidies Leidschendam-Voorburg

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Portal VindSubsidies Leidschendam-Voorburg
Datum 10 juni 2024
Scope van de website Binnen de scope van het onderzoek valt:
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 het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 24

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: In de header staat het logo 'Subsidie Volgsysteem', bijvoorbeeld op https://subsidies-acc.lv.nl/Account/Login?. De afbeelding heeft de alternatieve tekst 'logo', wat het niet beschrijft. Zorg dat gebruikers van schermleessoftware als alternatieve tekst kunnen horen wat er visueel te zien is. Bijvoorbeeld 'Logo Subsidie Volgsysteem'.

Bevinding 2: Op pagina https://subsidies-acc.lv.nl/RequestOverview?filterPresetId=3 staat tussen het zoekveld en de 'Extra filter' knop een icoon, middels CSS geplaatst binnen een <i> element. Hier wordt door schermleessoftware slechts informatie over de omvang voorgelezen. Zorg dat het een naam heeft dat de knop omschrijft, bijvoorbeeld wat het bevat. Doe dit bijvoorbeeld door de middels CSS geplaatste icoon als afbeelding te plaatsen in een img element en hier een alt attribuut aan toe te voegen, zodat het goed door schermleessoftware wordt geïdentificeerd.

Bevinding 3: Op de inlogpagina https://subsidies-acc.lv.nl/ zijn de afbeeldingen van DigiD en EHerkenning niet voorzien van een alt attribuut. Een alternatieve tekst hoeft niet, gezien dezelfde informatie als platte tekst naast de afbeeldingen staat, echter moeten de afbeeldingen wel van een leeg alt attribuut voorzien zijn zodat ze worden genegeerd door schermleessoftware.

Bevinding 4: Advies: op pagina https://subsidies-acc.lv.nl/User staat bij 'IBAN*' een tooltip. De alternatieve tekst is hier middels een title attribuut geplaatst. Wij raden het aan om hier een alt attribuut te gebruiken. De reden hiervoor is dat title attributen niet door alle schermleessoftware voorgelezen worden.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 5: Op pagina https://subsidies-acc.lv.nl/Request/Details staat een proces om een aanvraag te doen. Indien men onder ‘Regeling*’ de optie ‘Vlietwensen test 1’ kiest en de verplichte velden invult, kan men in de tweede stap het aanvraagformulier downloaden. De PDF is van toegankelijkheidstags voorzien. Onder de kop 'Algemene gegevens' staat content vormgegeven als tabel. Een tabel bestaat uit kopcellen (TH) en datacellen (TD). In dit geval dienen de namen in de eerste kolom opgemaakt te worden als TH in plaats van TD, en de datacellen in de tweede kolom dienen op correcte wijze genest te worden. Op die manier leest schermleessoftware de structuur van de tabel correct voor.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 6: In de footer van iedere pagina staat de tekst 'Powered by: Glide-BT', bijvoorbeeld op pagina https://subsidies-acc.lv.nl/Account/Login?. De lichtgrijze tekst (HEX #777777) heeft met de witte achtergrond een contrast van 1,8:1 waar dit minimaal 4,5:1 behoort te zijn.

Bevinding 7: Op pagina https://subsidies-acc.lv.nl/RequestOverview?filterPresetId=3 staat de knop 'Nieuwe aanvraag'. Indien toetsenbordfocus op de knop staat, is er sprake van donkergrijze tekst (HEX #333333) op een zwart achtergrond (HEX #000000). Hier is een contrast van 1,6:1 aanwezig, waar het minimaal 4,5:1 behoort te zijn. Dit probleem doet zich meermalig voor bij knoppen op de website. Hetzelfde komt vaker voor in de website, bijvoorbeeld indien men op pagina https://subsidies-acc.lv.nl/Dashboard via de knop nieuwe aanvraag bij het formulier 'Aanvraag aanmaken' geraakt, bij de knop 'Keuzehulp' bovenaan het formulier.

Bevinding 8: Op pagina https://subsidies-acc.lv.nl/RequestOverview?filterPresetId=3 staan diverse invoervelden met placeholders, bijvoorbeeld het veld 'Verfijn uw gegevens' en de velden onder het uitklapmenu 'Extra filter'. Er is hier sprake van lichtgrijze placeholderteksten (HEX #B0B0B0) op witte achtergronden. Hier is een contrast van 2,1:1 waar dit minimaal 4,5:1 behoort te zijn.

Bevinding 9: Op pagina https://subsidies-acc.lv.nl/404 heeft de rode tekst (HEX #D9534F) op de witte achtergrond een te laag contrastratio. Dit betreft een contrast van 3,9:1 waar dit minimaal 4,5:1 behoort te zijn.

Bevinding 10: Indien men op pagina https://subsidies-acc.lv.nl/Dashboard middels de 'Details' knop naar een openstaande taak navigeert, wordt de tekst 'Opgeslagen op: [DD-MM-JJJJ ##:##:##]' lichtgrijs (HEX #7777777) weergegeven. Er is hier sprake van een 4,4:1 contrast waar dit minimaal 4,5:1 behoort te zijn.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 11: Bij 400% zoom op een schermweergave van 1280x1024px staat bij een gekozentekstgrootte van 200% de witte header geheel over de pagina heen. Hierdoor is de onderliggende content niet meer zichtbaar. Zorg ervoor dat bij herschaling de functionaliteiten van de pagina niet verloren gaan, bijvoorbeeld door de header mee te laten schalen.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 12: Op pagina https://subsidies-acc.lv.nl/RequestOverview?filterPresetId=3 hebben de randen van diverse invoervelden te weinig contrast. Bijvoorbeeld het veld 'Verfijn uw gegevens' en de velden onder het uitklapmenu 'Extra filter'. Er is hier sprake van een lichtgrijze randen (HEX #B0B0B0) op witte achtergronden. Het contrast is hier 2,1:1 waar dit minimaal 3:1 behoort te zijn.

Bevinding 13: Indien men op pagina https://subsidies-acc.lv.nl/Dashboard via de knop 'Nieuwe aanvraag' bij het formulier 'Aanvraag aanmaken' geraakt, staat er bovenaan het formulier een knop 'Keuzehulp', welk een pop-up opent. De lichtgrijze sluitknop (HEX #CCCCCC) op de witte achtergrond heeft een contrast van 1,6:1

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 14: Op pagina https://subsidies-acc.lv.nl/RequestOverview?filterPresetId=3 staan een drietal invoervelden onder het uitklapmenu 'Extra filter'. Bij twee invoervelden is het de bedoeling een datum in te voeren. Indien men met de tabtoets naar het betreffende veld navigeert, verschijnt een kalender. De kalender is echter niet meer met het toetsenbord bedienbaar als er al een datum is ingevoerd. Zorg dat een toetsenbordgebruiker hier over dezelfde functionaliteiten beschikt als een muisgebruiker.

Bevinding 15: Indien men op pagina https://subsidies-acc.lv.nl/Dashboard via de knop 'Nieuwe aanvraag' bij het formulier 'Aanvraag aanmaken' geraakt, staat er bij 'Regeling*' een uitklapmenu. Het invoerveld binnen het uitklapmenu is niet altijd middels het toetsenbord bedienbaar. Zorg dat tevens de focus op dit veld komt.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 16: Op elke pagina ontbreekt een mechanisme om de herhalende content over te slaan. Bezoekers die de website met toetsenbord bedienen en/of hulpsoftware moeten op elke pagina langs dezelfde onderdelen gaan voordat ze bij de inhoud van de pagina zijn. Dit kan je oplossen door een link op de pagina te plaatsen (skiplink) die de focus verplaatst naar de eerste unieke inhoud van de pagina. Deze link moet de eerste link van de pagina zijn. Deze link mag standaard verborgen zijn voor bezoekers, maar moet zichtbaar worden als de focus er op komt wanneer met het toetsenbord wordt genavigeerd.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 17: Alle pagina's op https://subsidies-acc.lv.nl/ hebben dezelfde paginatitel: '- Subsidies-LV-PreProd'. Dit omschrijft de unieke pagina's niet. Zorg dat iedere pagina een paginatitel heeft die de specifieke content omschrijft, en dat de organisatienaam erin verwerkt is.

Bevinding 18: Op pagina https://subsidies-acc.lv.nl/Request/Details staat een proces om een aanvraag te doen. Indien men de verplichte velden invult, kan men in de tweede stap het aanvraagformulier downloaden. De PDF heeft geen titel in de eigenschappen. Zorg voor een titel die de content omschrijft, en dat dit in plaats van de bestandnaam wordt voorgelezen.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 19: Op iedere pagina staan een drietal knoppen om de tekstgrootte aan te passen. Indien men met de tabtoets door pagina's navigeert, ontvangen deze knoppen pas na de hoofdcontent focus, bijvoorbeeld op pagina https://subsidies-acc.lv.nl/Dashboard. Dat is niet logisch. Zorg dat de functie eerder bereikbaar is, bijvoorbeeld na de menuitems in de algemene navigatiebalk.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 20: Op pagina https://subsidies-acc.lv.nl/Dashboard staan meerdere knoppen 'Verwijderen'. Het is niet zichtbaar wanneer de focus op deze knoppen staat. Zorg voor een duidelijke focusrand om hun contour, zodat toetsenbordgebruikers kunnen zien waar in het navigatieproces ze zitten.

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 21: Op alle pagina's van de website ontbreekt een taalaanduiding van de paginainhoud. Deze moet in de HTML-code worden opgegeven door middel van een lang-attribuut bij het HTML-element. Dit attribuut moet dan de landcode van de taal bevatten (lang="nl").

Bevinding 22: Op pagina https://subsidies-acc.lv.nl/Request/Details staat een proces om een aanvraag te doen. Indien men de verplichte velden invult, kan men in de tweede stap het aanvraagformulier downloaden. De PDF bevat geen taalinstelling. Zorg dat de juiste taal geselecteerd is, zodat schermleessoftware op de correcte wijze de content in de toegankelijkheidstags voorleest.

3.3 Assistentie bij invoer

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 23: Op pagina https://subsidies-acc.lv.nl/Request/Details staat een proces om een aanvraag te doen. Indien men uit het keuzemenu 'Regeling*' geen optie heeft gekozen, verschijnt er onder het uitklapmenu de foutmelding 'Regeling is verplicht'. Dit is een foutidentificatie. Een goede foutsuggestie maakt het duidelijk hoe het veld ingevuld moet worden. Bijvoorbeeld 'Kies uit het uitklapmenu een regeling’.

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 24: Op pagina https://subsidies-acc.lv.nl/RequestOverview?filterPresetId=3 staat tussen het zoekveld en de 'Extra filter' knop, een knop dat een uitklapmenu bevat. De knop heeft geen toegankelijke naam. Zorg ervoor dat gebruikers van schermleessoftware kunnen begrijpen waar dit element voor dient.

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-30 06:33:31 v2.4-011