Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Gemeente Leidschendam-Voorburg

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Website gemeente Leidschendam-Voorburg
Scope van de website Alle pagina's op www.lv.nl/
Het formulier op loket.leidschendam-voorburg.nl/Loket/product/… (deel van proces)
Alle pagina's op www.ingesprekmetlv.nl/ (op verzoek van de klant)
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 pagina www.lv.nl/nieuwsoverzicht heeft elk bericht een decoratieve afbeelding. Deze afbeeldingen zijn voorzien van alternatieve teksten. Deze afbeeldingen kunnen beter verborgen worden van hulpsoftware met lege alt-attributen.
Let wel op bij de logo’s. Een logo is een informatieve afbeelding waarbij de volledige tekst van het logo in de alternatieve tekst moet terugkomen. Zo staat op pagina 2 van dit nieuwsoverzicht een logo met zichtbare tekst ‘Sociaal service punt - Leidschendam Voorburg’. De alternatieve tekst is ‘Logo SSP’. Dit is onvoldoende.

Bevinding 2: Op www.lv.nl/paspoort-0 staan meerdere uitroeptekens om de aandacht te vragen voor belangrijke informatie. Deze informatie staat nergens in de alternatieve tekst of op een andere manier beschreven, zodat dit ook duidelijk wordt voorgelezen door hulpsoftware.

Bevinding 3: Op pagina www.lv.nl/ onder de sectie met ‘Onderwerpen’ staan twee afbeeldingen. De eerste afbeelding waarop een gebouw staat afgebeeld, heeft als alternatieve tekst ‘Meer informatie over bestuur en organisatie’. Deze tekst voldoet niet omdat het niet beschrijft wat er op deze afbeelding te zien is.
De andere afbeelding heeft een betere alternatieve tekst ‘Servicecentrum Leidschendam-Voorburg’.

Bevinding 4: In het pdf-document www.lv.nl/file/41911/download is het logo van de organisatie als achtergrondafbeelding toegevoegd. Daardoor negeert voorleessoftware de afbeelding.. Voor een gebruiker van voorleessoftware is het niet duidelijk bij welke organisatie dit document hoort.

Bevinding 5: Het logo heeft als alternatieve tekst ‘In gesprek met LV logo’. De zichtbare tekst op deze afbeelding is ‘Leidschendam - Voorburg’. In de alternatieve tekst dient de tekst van het logo terug te komen.

Bevinding 6: Op elke pagina rechts onder staat een knop met ‘Cookie-instellingen’. Deze knop bevat een afbeelding van een cookie. Deze afbeelding is toegevoegd als een inline svg. Sommige oudere versies van hulpsoftware lezen inline svg als tekst voor. Deze decoratieve afbeelding kan het beste verborgen worden van hulpsoftware met aria-hidden=’true’.

Bevinding 7: Op pagina ingesprekmetlv.nl/projecten+stompwijk/… staat een carrousel. Deze afbeeldingen missen een tekstalternatief. Op sommige slides staan naast de afbeelding logo’s van bedrijven, bijvoorbeeld ‘WDevelop’. Ook deze informatie moet tekstalternatief hebben. Dat kan in het alt-attribuut van de afbeelding vermeld worden.

Bevinding 8: In het pdf-document www.ingesprekmetlv.nl/PageByID.aspx mist het logo tekstalternatief. Het logo is een informatieve afbeelding en dient alternatieve tekst te hebben om aan te geven bij welke organisatie dit document hoort. De tekst van het logo dient in de alternatieve tekst terug te komen. Hier dient de alternatieve tekst ‘Gemeente Leidschendam-Voorburg’ te zijn.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 9: Op pagina www.lv.nl/ onder 'Wat vond u van deze pagina?' staan drie antwoorden: goed, neutraal en slecht. Deze teksten zijn met strong-element vetgedrukt. Hier is het strong-element gebruikt voor styling. Het strong-element is bedoeld om nadruk te leggen op woorden of zinsdelen. Gebruik hier CSS om deze woorden opvallende styling te geven.

Bevinding 10: Op pagina www.lv.nl/zoekresultaten is de paginering gebruikt. De huidige pagina is visueel herkenbaar. In de code ontbreekt deze informatie. Dat kan verholpen worden door bijvoorbeeld aria-current=”page” aan het actieve paginanummer toe te voegen.

Bevinding 11: Op pagina www.lv.nl/idee-melden/formulier onder de vraag ‘Is uw idee verbonden (..)?’ staan twee radiobuttons. Deze keuzeknoppen zijn netjes gegroepeerd door middel van een fieldset-element en zijn voorzien van naam (het legend-element). Echter, in het legend-element is een verkeerde tekst ingevuld. Deze sectie heeft een kop ‘Locatie van het idee’. Deze tekst staat nu in het legend-element van deze groep. Het is beter om de vraag in het legend-element op te nemen (‘Is uw idee verbonden (..)?’). Zo bevat het fieldset-element alleen de vraag (legend) en de keuzevakjes met eigen labels. Voor alle andere groepen dient een eigen fieldset gebruikt te worden.

Bevinding 12: In het pdf-document www.lv.nl/file/41911/download is geen enkele kop opgemaakt is als koptekst. Voor alle koppen zijn de <p>-tags gebruikt. De voorleessoftware leest deze teksten als gewone alinea’s voor waardoor de hiërarchische structuur van de content verloren gaat. Zet deze teksten om in h1 t/m h6-elementen.

Bevinding 13: In het pdf-document www.lv.nl/file/41911/download staan onder het punt 4 en 5 opsommingen die alleen via lay-out te onderscheiden zijn. Deze lijsten zijn niet getagd als een opsomming (L-tag) maar als gewone tekst. Door dit wel te doen, wordt de structuur begrijpelijker voor gebruikers van hulpsoftware.

Bevinding 14: Het pdf-document www.lv.nl/file/63373/download heeft geen tags en daardoor is voor hulpsoftware (zoals voorleessoftware) geen informatie beschikbaar om de PDF te interpreteren. Omdat tags ontbreken, kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag, zoals semantische koppen en alternatieve teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan. Zonder codelaag kan de voorleessoftware de pdf-documenten niet (volledig) lezen waardoor de informatie in deze documenten niet toegankelijk is voor de gebruiker van hulpsoftware.

Bevinding 15: Op pagina ingesprekmetlv.nl/projecten+stompwijk/… is de eerste paragraaf opgemaakt met het strong-element. Hiervoor is het strong-element niet bedoeld. Dit kan storend werken voor gebruikers van hulpsoftware die een hele paragraaf met nadruk voorlezen. Als het vetgedrukt weergegeven moet worden, gebruik dan CSS.

Bevinding 16: Op pagina www.ingesprekmetlv.nl/contact+en+vragen/over+ingesprekmetlv/… staan tussenkopjes die niet als kopteksten zijn opgemaakt. Het gaat om ‘Over IngesprekmetLV’ en ‘Heeft u vragen of wilt u meer weten?’. Een (blinde) gebruiker die een lijst met koppen genereert om zo de pagina te scannen, krijgt deze teksten niet in zo’n overzicht. Dit komt op meerdere pagina's voor.

Bevinding 17: Op pagina www.ingesprekmetlv.nl/gemeentebrede+projecten/… wordt het strong-element gebruikt in het kopje ‘Nieuws’. Dit is semantisch niet correct. Verwijder het strong-element.

Bevinding 18: Op pagina www.ingesprekmetlv.nl/gemeentebrede+projecten/… zijn de koppen in de slider onder de kop 'Nieuws' koppen van niveau 2 (h2). De titels van de nieuwsberichten zouden kopelementen van niveau 3 moeten zijn. Nu is het niet duidelijk dat de berichten onder het kopje ‘Nieuws’ vallen.

Bevinding 19: Op pagina www.ingesprekmetlv.nl/default.aspx staan onder 'Gemeentebrede Projecten' 6 links. Deze horen bij elkaar, en lijken visueel een lijst. In de code kunnen deze ook het beste als een lijst (<ul>) worden gecodeerd.

Bevinding 20: Het volgende pdf-document heeft geen tags en daardoor is voor hulpsoftware (zoals voorleessoftware) geen informatie beschikbaar om de PDF te interpreteren. Omdat tags ontbreken, kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag, zoals semantische koppen en alternatieve teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.
Zie ingesprekmetlv.nl/gemeentebrede+projecten/samenwerken/….

Bevinding 21: In het pdf-document www.ingesprekmetlv.nl/PageByID.aspx is de titel van het document ‘MEEDENKSESSIE ONDERZOEK BEREIKBAARHEID DAMCENTRUM’ op pagina 1 opgemaakt als alinea. Voor de tussenkoppen worden h1-tags gebruikt. Dit zorgt ervoor dat de structuur van de content in de code anders is dan de visuele structuur van het document. De beste manier om dit aan te passen is dit document in het bronbestand (Word) aan te passen.

Bevinding 22: Advies: Op pagina www.ingesprekmetlv.nl/default.aspx worden tabellen gebruikt voor opmaak, zie ‘Projecten Leidschendam’ en ‘Gemeentebrede projecten’. Om deze tabellen voor de voorleessoftware te verbergen, kan role=’presentation’ aan deze tabellen worden toegevoegd.

Bevinding 23: Advies: Op pagina www.ingesprekmetlv.nl/default.aspx worden tabellen gebruikt voor opmaak, zie ‘Projecten Leidschendam’ en ‘Gemeentebrede projecten’. Om deze tabellen van de voorleessoftware te verbergen, kan role=’presentation’ aan deze tabellen worden toegevoegd. Linksboven deze tabel staat een knop ‘Toegankelijke lijstweergave’ die een tabel opent met dezelfde informatie zonder toegankelijkheidsissues. Hier kan overwogen worden om de toegankelijke tabel als enige optie te tonen.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 24: Onder verklaring eigenaar in de PDF www.lv.nl/file/41911/download kan de datum en handtekening van eigenaar worden ingevuld. Hier is de volgorde van tags niet goed: de focus gaat van datum naar handtekening eigenaar, om vervolgens weer terug te gaan naar het invoerveld van de datum en dan weer naar het invoerveld voor de handtekening.
De volgorde gaat ook op dezelfde manier fout bij de 3 velden die je kan aanvinken onder locatieadres (onder 1. Gegevens Locatie).

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 25: Op pagina loket.leidschendam-voorburg.nl/Loket/product/… staat een formulier. In dit formulier moeten persoonlijke gegevens ingevuld worden, waaronder een achternaam, e-mailadres, adres en telefoonnummer. Voor deze invoervelden is een autocomplete attribuut nodig bij de input-elementen. Dit zorgt ervoor dat browsers, maar ook hulpsoftware, ondersteuning kunnen geven bij het invullen van deze invoervelden. Dit kan door bijvoorbeeld de invoervelden al automatisch in te vullen. Het autocomplete attribuut ontbreekt op dit moment bij deze invoervelden. Bij het invoerveld voor achternaam moet bijvoorbeeld autocomplete=”family-name” gebruikt worden.
Op de volgende pagina is meer informatie te vinden over de toepassing van dit attribuut en welke waardes verplicht zijn om te gebruiken. Zie: www.w3.org/TR/WCAG21/.
Dit probleem komt ook voor in het formulier op www.lv.nl/contact-met-gemeente/formulier.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 26: De placeholdertekst in het zoekscherm op de homepage heeft een te laag contrast. Dit heeft een contrast van 2,3:1 en dit moet minimaal 4,5:1 zijn.

Bevinding 27: De foutmeldingen op www.lv.nl/contact-met-gemeente/formulier hebben een te laag contrast. De tekst daar heeft een contrast van 4:1, maar moet minimaal 4,5:1 zijn. Dit komt ook voor op www.lv.nl/bestaat-niet

Bevinding 28: Op loket.leidschendam-voorburg.nl/Loket/product/… als je rechts van “Welk reisdocument mag de minderjarige aanvragen” het menu opent, verandert de kleur van tekst en achtergrond. Het contrast van de tekst is hierdoor niet hoog genoeg meer. Dit heeft een contrast van 3,3:1 en moet minimaal 4,5:1 zijn.
Deze kleurcombinatie komt op meerdere plekken voor op deze pagina, waaronder in de skiplink en in het menu links.

Bevinding 29: Als de focus op de knop 'Inloggen staat wordt de achtergrondkleur donkerblauw. Het contrast met de zwarte tekst is dan te laag, namelijk 1,2:1. Dit moet minimaal 4,5:1 zijn).

Bevinding 30: De tekst onder 'Programma' op ingesprekmetlv.nl/projecten+stompwijk/… heeft een te laag contrast. Deze tekst heeft een contrast van 3,8:1 en moet minimaal 4,5:1 zijn.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 31: Als de pagina www.ingesprekmetlv.nl/gemeentebrede+projecten/… bekeken wordt op 320px breedte, raakt de content buiten beeld. De gebruiker moet dan in twee richtingen scrollen om alles te kunnen bekijken. De informatie ontbreekt doordat tekst buiten kaders valt en daardoor niet meer leesbaar is.

Bevinding 32: Als de pagina ingesprekmetlv.nl/bestaat-niet/default.aspx als de pagina bekeken wordt op 320px breedte, blokkeert de cookie-instelling-knop een aantal links onderaan, namelijk kwetsbaarheid melden en inloggen.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 33: Op pagina loket.leidschendam-voorburg.nl/Loket/product/… staat een formulier waarin de invoervelden een lichtgrijze randkleur hebben. Deze kleur geeft het kleurcontrast van 1,8:1. Dit moet minimaal 3,0:1 zijn.

Bevinding 34: Op pagina www.lv.nl/idee-melden/formulier staan invoervelden waar de randkleur te laag contrast heeft met de achtergrond van de pagina, namelijk 1,4:1.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 35: Op pagina loket.leidschendam-voorburg.nl/Loket/product/… staat een formulier waarin in stap 2 het overzicht van de ingevulde gegevens wordt getoond. Onder het overzicht staat een selectievakje met tekst ‘Ik ga akkoord met(..)’. Dit vakje is niet met het toetsenbord aan te vinken.

Bevinding 36: Dit is een best practice:
Bij het zoeken rechtsboven op iedere pagina, kun je woorden intikken en je krijgt dan al wat suggesties. Deze suggesties zijn niet met het toetsenbord te bedienen.
Er is wel een alternatief beschikbaar, doordat de toetsenbordgebruiker via de zoekresultatenpagina wel naar de resultaten kan, maar het is beter voor de toegankelijkheid als toetsenbordgebruikers evenals muisgebruikers direct een keuze kunnen maken.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 37: De PDF www.lv.nl/file/63373/download heeft als titel van het document de bestandsnaam en is daardoor niet duidelijk.

Bevinding 38: De titel van de pagina www.ingesprekmetlv.nl/gemeentebrede+projecten/… is niet voldoende omschrijvend. Dit heet 'Nieuws - In gesprek met LV', maar het gaat specifiek over nieuws over de energietransitie

Bevinding 39: In het pdf-document www.ingesprekmetlv.nl/PageByID.aspx is de titel niet ingesteld. De titel dient een korte beschrijving van de inhoud van het bestand te zijn. Voor gebruikers van hulpsoftware is het voor de navigatie tussen documenten belangrijk dat de titel duidelijk maakt waar ze zijn. Dit kan worden ingesteld via de bestandseigenschappen. Hier moet ook worden ingesteld dat de titel wordt getoond in de titelbalk en niet de bestandsnaam, zoals nu het geval is.

Bevinding 40: In de PDF ingesprekmetlv.nl/gemeentebrede+projecten/samenwerken/… is de titel niet ingesteld.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 41: Op www.ingesprekmetlv.nl/gemeentebrede+projecten/… is een carrousel, en je kunt deze stopzetten en naar de volgende en vorige nieuwsberichten gaan, maar je moet eerst door alle nieuwsberichten daarin gaan voor je bij die knoppen komt. Deze volgorde is niet logisch.
Dit gebeurt ook op ingesprekmetlv.nl/projecten+stompwijk/…

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 42: Op pagina www.lv.nl/ staan onder het kopje 'Nieuws' een aantal nieuwsberichten. Visueel is het hele gebied, dus de kop van het bericht, de tekst en de afbeelding samen, klikbaar. In de code is alleen de afbeelding een link. Het linkdoel van de link is de alternatieve tekst van de afbeelding. Hierdoor is het linkdoel niet overal duidelijk. Beter is het om de titel van het artikel de link te laten zijn, in plaats van de afbeelding.
Dit komt ook op de nieuwsoverzichtspagina voor: www.lv.nl/nieuwsoverzicht.

Bevinding 43: In de rechterbovenhoek op pagina www.lv.nl/contact-en-openingstijden staat een link met tekst “waar bent u naar op zoek”. Naast deze tekst staat een vergrootglas. Dit suggereert dat deze link de zoekpagina opent. Maar in plaats daarvan belandt men op de homepagina van de website. Het linkdoel van deze link klopt niet.

Bevinding 44: Op pagina www.lv.nl/paspoort-0 staat het logo van Leidschendam-Voorburg. Deze afbeelding is als achtergrond toegevoegd aan een link. De tekst van de link is ‘Logo Gemeente Leidschendam-Voorburg’. Deze linktekst beschrijft het doel van de link niet genoeg. Hieraan kan nog worden toegevoegd dat naar de Homepage wordt gelinkt.

Bevinding 45: Op pagina www.ingesprekmetlv.nl/default.aspx onder “Denk mee over (..)’ staan drie links met ‘Projecten Leidschendam’, ‘Projecten Voorburg’ en ‘Projecten Stompwijk’. Deze links bestaan in feite uit twee links: een met een afbeelding en een ander met een h3-element. De eerste link met een afbeelding heeft geen linkdoel. De afbeelding is verborgen met een leeg alt-attribuut en er is geen alternatief geboden om deze link linkdoel te geven. Hier wordt geadviseerd om deze twee links tot een link te combineren. De afbeelding is decoratief waardoor een leeg alt-attribuut op zijn plaats is.

Bevinding 46: Op pagina ingesprekmetlv.nl/projecten+stompwijk/… staat een carrousel. Alle slides zijn gemaakt van links met afbeeldingen erin. Deze afbeeldingen zijn verborgen van hulpsoftware met lege alt-attriuten. Dit zorgt ervoor dat de links geen content meer hebben en dus geen linkdoel. Deze links openen een grote weergave van de afbeelding. Deze informatie kan als verborgen tekst aan de link worden toegevoegd.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevinding 47: Voor elke pagina op de website moet een tweede manier aanwezig zijn om de pagina te vinden. Dit kan via zoeken, een sitemap, links op homepagina of links in de footer. De pagina ‘Nieuwsoverzicht’ is niet via de zoekbalk te vinden. Ook de pagina www.lv.nl/contact-met-gemeente/formulier wordt niet gevonden met ‘contact’ en ‘contact gemeente’.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 48: Op pagina www.lv.nl/inkoopplanning-aanbestedingen onder de vraag ‘Wat vond u van deze pagina?’ staan drie smileys. Als op een rode smiley wordt geklikt, opent een dialoogvenster met een tekstvak. Het label van dit tekstvak luidt ‘Please enter any comments’. Voor een Nederlandstalige bezoeker van deze website kan dit label onduidelijk zijn.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 49: Op pagina www.lv.nl/ staan onder het kopje 'Nieuws' een aantal nieuwsberichten. Het lijkt erop dat de kop van het bericht, de tekst en de afbeelding samen een link vormen naar de inhoud van dit bericht. In de code is alleen de afbeelding een link. Het linkdoel van de link is de alternatieve tekst van de afbeelding. Deze link is niet met de stem te activeren. Zie bijvoorbeeld het bericht met kop ‘Koninklijke onderscheiding (..)’. De linktekst hier is ‘Burgemeester reikt lintje uit’. Dit komt ook op de nieuwsoverzichtspagina voor: www.lv.nl/nieuwsoverzicht.
Zie ook succescriterium 2.4.4.

Bevinding 50: Op pagina www.lv.nl/paspoort-0 staan drie afbeeldingen van smileys. Deze afbeeldingen fungeren als links om de feedback over deze pagina te versturen. De visueel zichtbare teksten, zoals 'Goed', vormen geen deel van de linktekst (in dit geval de alternatieve tekst 'Groene smiley (positief)'). Hierdoor zijn deze links moeilijk met de stem te activeren.

Bevinding 51: Dit succescriterium is bedoeld om bediening met spraaksoftware mogelijk te maken. Belangrijk hierbij is dat de visueel zichtbare tekst onderdeel is van de toegankelijkheidsnaam van het element. Het logo op www.ingesprekmetlv.nl/ heeft als alternatieve tekst ‘In gesprek met LV logo’. De zichtbare tekst op deze afbeelding is ‘Leidschendam - Voorburg’. Omdat deze teksten zo sterk verschillen is deze link niet met de stem te bedienen.

Bevinding 52: Het zoekveld op www.ingesprekmetlv.nl/gemeentebrede+projecten/… heeft in de code geen gekoppeld label. Hierdoor mist het een toegankelijke naam, en kan het veld niet middels de visueel zichtbare tekst worden geactiveerd.
Dit gebeurt ook op andere pagina’s met een zoekvenster.

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 53: In de bestandseigenschappen van de PDF www.lv.nl/file/63373/download is de taal niet ingesteld. De taal hoort ingesteld te worden, zodat hulpsoftware de informatie uit het bestand in de correcte taal kan overdragen aan de bezoeker. Dit kan worden ingesteld via de bestandseigenschappen.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 54: Op pagina www.lv.nl/inwoners-en-coronavirus staat een kop ‘English information (..)’ en Engelstalige content. Deze sectie heeft een taalwissel nodig. Dit kan door een lang-attribuut toe te voegen aan het omringende html-element (div met id ‘english-information-on-coronavirus’ bijvoorbeeld).

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 55: Op www.lv.nl/contact-met-gemeente/formulier verschijnt als je iets niet hebt ingevuld de tekst “Het veld Uw naam is verplicht.”. Dit is geen foutmelding, maar een instructie. Dit komt ook voor op www.lv.nl/bestaat-niet.

Bevinding 56: Dit komt ook voor in het formulier op pagina loket.leidschendam-voorburg.nl/Loket/product/… waar de meldingen verschijnen “Dit veld moet een 'postcode' bevatten” en “Dit veld moet een 'huisnummer' bevatten.” Beide zijn instructies en beschrijven niet wat er fout is gegaan.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 57: Bij het zoekvenster op de homepage ontbreekt een visueel label. Voor dit succescriterium gaat het er alleen maar om dat er visueel een beschrijvend label aanwezig is. Een placeholder tekst is niet voldoende aangezien deze verdwijnt zodra de gebruiker begint met typen.
Het advies is een zoeknop achter het veld toe te voegen, of een visueel label met de tekst 'Zoeken' vóór het zoekveld.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 58: In het formulier op pagina loket.leidschendam-voorburg.nl/Loket/product/… moet een specifiek formaat worden ingevuld in het veld ‘Postcode’. Indien er bijvoorbeeld ‘1234’ wordt ingevuld, verschijnt een foutmelding “Dit veld moet een 'postcode' bevatten”. Niet alle gebruikers zijn bekend met het format van de postcode. Het is goed om een suggestie te geven door een voorbeeldformat te tonen.
Het veld ‘Huisnummer’ geeft de foutmelding “Dit veld moet een 'huisnummer' bevatten.” als er ‘10a’ wordt ingevuld. Het is beter om te melden dat er (enkel) cijfers worden verwacht.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Onvoldoende

Bevinding 59: Op pagina www.ingesprekmetlv.nl/projecten+leidschendam/… komt een id met waarde ‘ctl01_ctl00_ctl00_itemDescription’ meer dan eens voor. Dit kan potentieel tot interpretatieproblemen zorgen. Zorg voor unieke id’s op de pagina.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 60: De zoekbalk op de homepage heeft een knop om een microfoon te actieveren. Deze knop is een zelfgeschreven knop die bestaat uit een niet-interactief div-elementen. Deze knop mist de juiste rol. De voorleessoftware kondigt niet aan dat hier een knop staat.

Bevinding 61: Het logo in de linkerbovenhoek op de pagina loket.leidschendam-voorburg.nl/Loket/product/… is een niet-interactief div-element dat fungeert als een link. De rol (link) kan nu niet door hulpsoftware worden bepaald.

Bevinding 62: Op pagina loket.leidschendam-voorburg.nl/Loket/product/… als de pagina geladen wordt, verschijnt een afbeelding met alternatieve tekst ‘Laden’. Deze afbeelding heeft een aria-rol gekregen die niet op deze afbeelding mag voorkomen (role=’presentation’). Verwijder deze rol.

Bevinding 63: Op pagina www.ingesprekmetlv.nl/projecten+voorburg/… staat een element met rol=’group’. De naam van dit element is ‘Map’ (afkomstig van het aria-label). Deze naam beschrijft niet goed wat in deze groep te zien is.

Bevinding 64: De lege links, genoemd onder 2.4.4 - Linkdoel, hebben geen content en daardoor geen toegankelijke naam. Zie pagina's www.ingesprekmetlv.nl/default.aspx en ingesprekmetlv.nl/projecten+stompwijk/….

Bevinding 65: Het zoekveld op www.ingesprekmetlv.nl/gemeentebrede+projecten/… heeft in de code geen gekoppeld label. Hierdoor mist het een toegankelijke naam.
Dit gebeurt ook op andere pagina’s met een zoekvenster.

Bevinding 66: De knoppen om naar de volgende, en vorige afbeelding te gaan en te pauzeren in de carroussel op ingesprekmetlv.nl/projecten+stompwijk/… zijn gecodeerd als links. Functioneel zijn dit echter knoppen.
Iets soortgelijks komt voor op ingesprekmetlv.nl/bestaat-niet/default.aspx, daar staat een link om naar de hoofdpagina terug te gaan, maar dit staat in de code als een knop.
Dit is een best practice.

Bevinding 67: Advies: Op pagina ingesprekmetlv.nl/bestaat-niet/default.aspx staat een knop met zichtbare tekst ‘Terug naar de homepagina’. Deze tekst wordt herhaald in het aria-label op deze knop. De eerste regel van ARIA is: gebruik géén ARIA, tenzij het echt nodig is en er geen HTML oplossingen zijn. In sommige gevallen waar aria technieken zijn toegepast, is dit helemaal niet nodig. Het advies dus ook om goed te controleren waar en of aria technieken echt nodig zijn en als het wel nodig is of ze op de juiste manier zijn toegepast. Zie voor goede uitleg hoe aria-technieken goed toe te passen de volgende website: www.w3.org/TR/wai-aria-practices-1.2/.

****** Tot.: 67 Bevindingen

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-04-27 01:12:11 v2.3-011