Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Gemeente Leidschendam-Voorburg

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Gemeente Leidschendam Voorburg
Datum 29 augustus 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • De content op lv.nl.
  • De content op subdomein afspraken.lv.nl.
Buiten de scope van het onderzoek valt:
  • De techniek op het voorgenoemde hoofddomein en het specifieke subdomein.
  • Overige 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: 28

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 https://burgerzaken.lv.nl/Verhuizen/Login/ staat in de header het logo van de Gemeente Leidschendam-Voorburg. Het logo is tevens een link naar de hoofdpagina van de gemeente, niet de inlogpagina van de burgerzakenmodule. Geef dit tevens aan in het linkdoel middels 'link naar hoofdpagina' of iets dergelijks.

Bevinding 2: Op pagina https://afspraken.lv.nl/qmaticwebbooking/#/ staat in de header het logo van de Gemeente Leidschendam-Voorburg. De alternatieve tekst in het alt attribuut leest echter 'QMATIC Logo'. Zorg dat de juiste tekst aangeboden wordt. Het logo is tevens een link naar de startpagina van de afspraakmodule. Geef dit tevens aan in het linkdoel.

Bevinding 3: Op pagina https://afspraken.lv.nl/qmaticwebbooking/#/ staat in de footer het logo van de Gemeente Leidschendam-Voorburg. De alternatieve tekst in het alt attribuut leest echter 'Company Logo'. Zorg dat de juiste tekst aangeboden wordt. Het logo is tevens een link naar de startpagina van de afspraakmodule. Geef dit tevens aan in het linkdoel.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 4: Op pagina https://www.lv.nl/melden-dat-iets-kapot-is staan visueel twee geordende lijsten onder de koppen ‘iPhone/Pad’ en ‘Android-toestel’. De lijsten zijn echter binnen paragraph elementen (p) geplaatst en middels linebreaks (br) verdeeld. Maak hier gebruik van een geordende lijst (ol) met lijstitems (li). Schermleessoftware bericht haar gebruikers dan over de omvang van de lijst.

Bevinding 5: De PDF op pagina https://www.lv.nl/file/formulier-plan-van-aanpak-mvv-2024 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 alternatieve teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 6: Op pagina https://afspraken.lv.nl/qmaticwebbooking/#/ kan men afspraken maken met de gemeente. In stap twee kiest men middels kakikleurige buttons (HEX #C4A070) de tijden. Het contrast met de witte tekst is hier 2,3:1 waar dit minimaal 3:1 behoort te zijn. Pas de kleurencombinatie aan.

Bevinding 7: Op pagina https://afspraken.lv.nl/qmaticwebbooking/#/ kan men afspraken maken met de gemeente. In stap twee kiest men middels kakikleurige buttons (HEX #C4A070) de tijden. Bij hover over de buttons kleurt het binnenste vlak gebroken wit (HEX #FBF8F4). Het contrast met de kakikleurige tekst (HEX #C4A070) is 2,3:1 waar dit minimaal 4,5:1 behoort te zijn.

Bevinding 8: Op pagina https://afspraken.lv.nl/qmaticwebbooking/#/ kan men afspraken maken met de gemeente. Indien men middels het toetsenbord door de pagina navigeert, passeert men een skiplink waarmee herhalende content overgeslagen kan worden. Het contrast tussen de kakikleurige button (HEX #C4A070) en de witte tekst is hier 2,3:1 waar dit minimaal 3:1 behoort te zijn.

Bevinding 9: Op pagina https://afspraken.lv.nl/qmaticwebbooking/#/ kan men afspraken maken met de gemeente. Bij hover over de 'Toegankelijkheidsverklaring' link in de footer, kleurt de tekst grijs (HEX #C8C4CC). Er is sprake van 1,7:1 contrast met de kakikleurige achtergrond (HEX #C4A070) waar dit minimaal 4,5:1 behoort te zijn.

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: Op pagina https://www.lv.nl/file/formulier-plan-van-aanpak-mvv-2024 staan diverse checkboxes in met een lichtblauwe kleur (HEX #DDE4FF) aangegeven. Het contrast met de witte achtergrond is hier 1,26:1. Geef de checkboxes bijvoorbeeld een goede omranding om aan dit succescriterium te voldoen.

Bevinding 11: Op pagina https://afspraken.lv.nl/qmaticwebbooking/#/ heeft de blauwe focusrand (HEX #0083FF) op het logo van Leidschendam-Voorburg bovenaan de pagina een contrast van 1,5:1 met de kakikleurige achtergrond (HEX #C4A070). Dit behoort minimaal 3:1 te zijn.

Bevinding 12: Op pagina https://afspraken.lv.nl/qmaticwebbooking/#/ staan diverse social media links in de footer. Deze witte iconen hebben op de kakikleurige achtergrond (HEX #C4A070) een contrast van 2,4:1 waar dit minimaal 3:1 behoort te zijn.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 13: De PDF op pagina https://www.lv.nl/subsidie-voor-collectieve-woningaanpassing heeft geen documenttitel in de eigenschappen. 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 14: Op pagina https://afspraken.lv.nl/qmaticwebbooking/#/ staan diensten in uitvouwbare menu's, bijvoorbeeld 'Achternaam kind kiezen'. Hier heeft het inklapicoon de toegankelijke naam 'true'. Los van het feit dat dit een Engelstalige benaming is, is het geen beschijving van de functie. Zorg voor een label dat de functie omschrijft. Zie tevens SC 3.1.2.

Bevinding 15: Advies: Op pagina https://www.lv.nl/bijstandsuitkering-voor-jongeren-18-tot-en-met-26-jaar staat een iframe met een video. Het iframe heeft de naam 'YouTube videospeler', wat de video niet omschrijft. Boven het iframe staat een koptekst met de titel, waardoor het in dit geval niet afgekeurd is. Het advies zou echter zijn om structureel de titels van videos als alternatieve tekst van dergelijke iframes uit te laten maken.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 16: Op pagina https://afspraken.lv.nl/qmaticwebbooking/#/ staat een zoekfunctie. De toegankelijke naam is toegevoegd als aria label: 'Je kunt de weergegeven diensten hier filteren of met tab naar de eerste dienst gaan.'. Deze tekst komt echter niet overeen met de placeholdertekst 'zoeken'. Gebruikers van spraakbedieningssoftware zullen de visuele tekst voorlezen, echter wordt hierdoor het invoerveld niet bediend. Zorg dat het woord 'zoeken' tenminste in de toegankelijke naam voorkomt.

Bevinding 17: Op veel pagina’s kan de bezoeker onder de kop ‘Wat vond u van deze pagina?’ de pagina beoordelen door op een knop te drukken’, bijvoorbeeld op https://www.lv.nl/over-de-gemeente. Nadat op één van de knoppen is gedrukt, wordt een dialoogvenster geopend met een invoerveld dat als toegankelijke label ‘Laat hier uw mening achter’ heeft. Het visuele label is echter ‘Wilt u uw beoordeling toelichten’. Dit is een probleem voor bezoekers die spraaksoftware gebruiken om de website te bedienen. Het invoerveld wordt niet geactiveerd door de zichtbare tekst voor te lezen, omdat dit niet overeenkomt met de toegankelijke naam. Los dit op door de tekst of tenminste een gedeelte van de tekst in het toegankelijke label voor te laten komen.

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 18: In de eigenschappen van de PDF op pagina https://www.lv.nl/subsidie-voor-collectieve-woningaanpassing is de taal niet goed ingevuld. Deze staat op Engels in plaats van Nederlands. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 19: In de footer van iedere pagina, bijvoorbeeld op lv.nl, staan twee Engelstalige links: 'Responsible disclosure' en 'Products in English on website: Your Europe'. Plaats hier taalwissels in de elementen (lang="en") zodat schermleessoftware ze in de juiste taal voorleest.

Bevinding 20: Op pagina https://afspraken.lv.nl/qmaticwebbooking/#/ staan diensten in uitvouwbare menu's, bijvoorbeeld 'Achternaam kind kiezen'. Hier heeft het inklapicoon de toegankelijke naam 'true'. Plaats een taalwissel (lang="en") om aan dit criterium te voldoen, of voeg hier een Nederlandstalige naam in het aria-label toe. Zie tevens SC 2.4.6.

Bevinding 21: Op veel pagina’s kan de bezoeker onder de kop ‘Wat vond u van deze pagina?’ de pagina beoordelen door op een knop te drukken’. De engelstalige pagina's, bijvoorbeeld https://www.lv.nl/en/exchanging-foreign-driving-licence, bevatten ook de functionaliteiten die op de Nederlandstalige pagina's staan. De visuele en toegankelijke teksten zijn echter in het Nederlands. Pas dit naar de juiste taal aan middels een taalwissel lang=”NL” op de relevante teksten.

Bevinding 22: Op pagina https://afspraken.lv.nl/qmaticwebbooking/#/ kan men afspraken maken met de gemeente. Bij de link 'Toegankelijkheidsverklaring' inde footer staat het icoon dat de ziende bezoeker informeert dat dit in een externe pagina opent. het icoon heeft echter de Engelse alternatieve tekst 'Opens in new window'. Plaats een taalwissel (lang="en") om aan dit criterium te voldoen, of voeg hier een Nederlandstalige tekst toe.

Bevinding 23: Op pagina https://afspraken.lv.nl/qmaticwebbooking/#/ kan men afspraken maken met de gemeente. Bij stap 3, als bij verzenden de velden ‘Voornaam’ en ‘Achternaam’ leeg zijn, is bij deze velden de tekst ‘is empty’ te horen. Via aria-labelledby is dit veld aan een span-element met deze tekst verbonden. Omdat ook in het Nederlands voorgelezen wordt dat het veld leeg is, kan de Engelstalige tekst het beste verwijderd worden.

Bevinding 24: Op pagina https://www.lv.nl/reestraciya-dlya-lyudey-z-ukraini komt tekst voor in een afwijkende taal (Oekraïens). Doordat op de pagina een Nederlandse taalcode staat, kan de afwijkende taal niet op de juiste wijze worden voorgelezen. Los dit op door de taalcode (lang="uk") toe te voegen.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 25: Op pagina https://afspraken.lv.nl/qmaticwebbooking/#/ kan men afspraken maken met de gemeente. Bij stap 3 dient men persoonlijke gegevens in te voeren. Indien bezoekers geen of foutieve invoer invullen, verschijnen er foutmeldingen onder de invoervelden. Bijvoorbeeld 'email-adres * verplicht.' Een goede foutidentificatie vermeld welke fout is gemaakt, en waar de fout is gemaakt. Bijvoorbeeld 'Het veld email-adres is niet ingevuld’. Dat een veld verplicht is, is een foutsuggestie zoals omschreven bij succescriterium 3.3.3.

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: Op pagina https://afspraken.lv.nl/qmaticwebbooking/#/ is de tekst ‘Kies één of meerdere diensten’ met het role=”heading” element opgemaakt als kop. Hierbij is geen kopniveau aangegeven, waardoor hulpsoftware deze zelf probeert in te vullen. Als een kop op deze manier wordt opgemaakt, moet hier altijd het aria-level element aan toegevoegd worden.

Bevinding 27: Op pagina https://afspraken.lv.nl/qmaticwebbooking/#/ staat bij elke dienst (bijvoorbeeld ‘Achternaam kind kiezen’) een knop. Doordat aan deze knop het tabindex=”-1” element is toegevoegd, kan de focus hier niet naartoe gebracht worden. Toch kan de knop via de pijltjestoets gevonden worden. Daarom is het belangrijk dat de knop een naam heeft, wat nu niet het geval is. Los dit op door een naam toe te voegen.

Bevinding 28: Op meerdere pagina’s, zoals https://www.lv.nl/subsidie-maatschappelijk-verantwoord-verenigen, staan links waarmee de bezoeker naar een ander deel van de pagina kan springen. Visueel is af te leiden welk deel van de pagina momenteel in beeld is, doordat het ‘>’ symbool dan voor de link te zien is. Voor bezoekers die niet kunnen zien is deze informatie niet beschikbaar. Los dit bijvoorbeeld op door het aria-current element aan de links toe te voegen.

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-04-12 03:42:35 v2.4-011