Toegankelijkheidsonderzoek

Issues:
Systeemaudit digitale toegankelijkheid website Lias

(Alleen de bevindingen)

Scope van de evaluatie

Naam website lias-webpub-lias-showcase-test.azurewebsites.net
Datum 2 januari 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op lias-webpub-lias-showcase-test.azurewebsites.net
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 de onderzochte website met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 27

1. Waarneembaar

1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevinding 1: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevinding 2: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevinding 3: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.2.4 Ondertitels voor doven en slechthorenden (live) (Niveau AA)

Informatie over succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live)

Uitkomst: Niet aanwezig

Bevinding 4: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevinding 5: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 6: Op pagina https://lias-webpub-lias-showcase-test.azurewebsites.net/p4307/01-burgerzaken-en-algemeen-bestuur staat er onder de kop “Coalitieafspraken” geen content. Een kop moet altijd iets zeggen over de content die eronder staat en mag om die reden dan ook niet opgevolgd worden door een andere kop van gelijk niveau. Het viel ook op dat de kop “Wat heeft het gekost?” niet in hetzelfde section-element staat als de tabel waarover deze kop iets zegt. De relatie tussen deze koppen en de rest van de content is niet duidelijk en moet aangepast worden om te voldoen.

Bevinding 7: Op pagina https://lias-webpub-lias-showcase-test.azurewebsites.net/p4307/01-burgerzaken-en-algemeen-bestuur staan visuele koppen, zoals '2. Gemeentelijke dienstverlening'. Deze tekst is opgemaakt met het em-element in plaats van als kop. Verwijder het em-element en gebruik een gepast h-element.

Bevinding 8: Op pagina https://lias-webpub-lias-showcase-test.azurewebsites.net/p4349/actuele-ontwikkeling-uitvoering staan de teksten “Ad 1. De Omgevingswet” tot en met “Ad 3. Macro economische ontwikkelingen”. Die teksten zeggen iets over de onderstaande tekst en moeten aangepast worden om te voldoen. Het gebruik van koppen is hier een oplossing.

Bevinding 9: Op pagina https://lias-webpub-lias-showcase-test.azurewebsites.net/p4315/programma-overzicht is relevante informatie niet beschikbaar voor hulpsoftware door het gebruik van aria-hidden=”true”. Bijvoorbeeld onder de link “Programma 5.2 04. Economische zaken en toerisme” staat nu informatie die niet beschikbaar is voor gebruikers van hulpsoftware. Let bij het oplossen van deze problemen ook op het gebruik van andere ARIA zoals role=”tabpanel”. Doordat de content met die rol nu verborgen is wordt die niet afgekeurd, maar simpelweg de aria-hidden weghalen is niet voldoende. Het advies is om de role=”tabpanel” en de aria-labelledby op diezelfde elementen ook weg te halen.

Bevinding 10: Op pagina https://lias-webpub-lias-showcase-test.azurewebsites.net/p4363/verloop-reserves-en-voorzieningen-2019-2022 staat een tabel met in de eerste cel op de eerste rij “Bedragen * 1000”. Die informatie geld nu alleen voor de eerst kolom, maar zou voor alle cellen in deze tabel moeten gelden. Er zijn meerdere oplossingen mogelijk, een daarvan is een uitleg vóór de tabel te plaatsen. In de tweede rij zijn de cellen in de tweede tot en met de laatste kolom niet opgemaakt als kolomkop die iets zegt over de informatie in cellen in dezelfde kolom.

Bevinding 11: Het gebruik van th is een optie. Het is niet toegestaan om informatie die in één cel hoort te splitsen over meerdere rijen zoals “Stand per 31-12-2015 / 01-01-2016”, “Toe- voeging” en dergelijke. Het is niet toegestaan om alle inhoud in één tabelcel op te maken met em. De code in de eerste kolom zegt niet echt iets over de informatie in de rest van de rij, de tekst in de tweede kolom doet dat wel. Dit soort horizontale relaties zijn visueel en moeten een alternatief in de code krijgen. Het advies is dan ook om de tekst in de tweede kolom een relatie met de andere cellen in die kolom te geven. Hiervoor kan zoals ook al in deze tabel gedaan is het th-element gebruikt worden in combinatie met het headers-attribuut. Op pagina https://lias-webpub-lias-showcase-test.azurewebsites.net/p4367/geprognosticeerde-balans-2019-2022 komen soortgelijke problemen voor.

Bevinding 12: Wanneer een pagina onder één van de menu items in de hoofdnavigatie, bijvoorbeeld 'Paragrafen' actief is, kleurt de achtergrond van het menu item grijs. Deze relatie is niet beschikbaar voor hulpsoftware. Gebruik bijvoorbeeld aria-current om deze relatie ook niet-zichtbaar over te brengen.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Niet aanwezig

Bevinding 13: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 14: Op pagina https://lias-webpub-lias-showcase-test.azurewebsites.net/p4375/homepage-6-01 staat een stapeldiagram. Het gebruik van kleur is de enige manier waarop de koppeling tussen de kleuren van de staven en de kleuren in de legenda gemaakt kan worden. Er zijn verschillende oplossingen mogelijk. Het advies is de kleuren zo te kiezen dat deze voldoende contrast met elkaar hebben én die beide kleuren moeten ook voldoende contrast met de achtergrond krijgen. Het contrast tussen de kleuren HEX #CD7D26 en HEX #F75B5B is nu 1:1 terwijl dit minimaal 3:1 moet zijn om het verschil in contrast te laten tellen als visueel middel om deze twee onderdelen te identificeren. Het is natuurlijk ook mogelijk om voor een andere oplossing te kiezen zoals het arceren van één van de twee kleuren. Het feit dat de afbeelding interactief reageert op de muisaanwijzer is (in dit geval) niet voldoende als alternatief voor de eisen van dit succescriterium. De grafiek met rondjes en plusjes voldoet aan de eisen van dit succescriterium als het contrast van de icoontjes in de grafiek aangepast wordt zodat die een contrast van 3:1 of meer hebben met de witte achtergrond. Het staafdiagram naast die grafiek voldoet niet om dezelfde reden als het stapeldiagram.

Bevinding 15: Advies: Op pagina’s https://lias-webpub-lias-showcase-test.azurewebsites.net/p4316/11-algemene-dekkingsmiddelen, https://lias-webpub-lias-showcase-test.azurewebsites.net/p4363/verloop-reserves-en-voorzieningen-2019-2022 en https://lias-webpub-lias-showcase-test.azurewebsites.net/p4367/geprognosticeerde-balans-2019-2022 is in de verschillende tabellen kleur gebruikt om informatie beter duidelijk te maken. Dat gebruik van kleur wordt niet afgekeurd omdat de opmaak en de inhoud van de tekst in de linker kolom voldoende is als alternatief voor dit gebruik van kleur. Met het vullen van dit soort tabellen met andere informatie kunnen er problemen ontstaan met het gebruik van kleur in tabellen.
Op pagina https://lias-webpub-lias-showcase-test.azurewebsites.net/p4307/01-burgerzaken-en-algemeen-bestuur is het contrast tussen de blauwe en zwarte tekst in de tabel meer dan 3:1. Het gevolg is dat er naast een verschil in kleur ook een verschil in contrast is waardoor er voldaan wordt aan de eisen van dit succescriterium.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 16: Op pagina https://lias-webpub-lias-showcase-test.azurewebsites.net/p4316/11-algemene-dekkingsmiddelen hebben de eerste en de laatste rij een rode achtergrond (HEX #F00000). De witte tekst op die rode achtergrond heeft net niet voldoende contrast om te voldoen aan de eisen van dit succescriterium. Het contrast moet minimaal 4,5:1 zijn en het is nu 4,4:1. Dit komt ook voor op andere pagina’s zoals https://lias-webpub-lias-showcase-test.azurewebsites.net/p4363/verloop-reserves-en-voorzieningen-2019-2022 en https://lias-webpub-lias-showcase-test.azurewebsites.net/p4367/geprognosticeerde-balans-2019-2022.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Niet aanwezig

Bevinding 17: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 18: Op pagina https://lias-webpub-lias-showcase-test.azurewebsites.net/p4328/inleiding is heeft de menuoptie ‘Algemeen’ een andere achtergrondkleur (HEX #D9D9D9). Dit is gedaan om visueel duidelijk te maken dat dat menuonderdeel actief is. Het probleem is dat het contrast tussen dit kader en de witte achtergrond met 1,4:1 niet voldoende is om voor alle gebruikers goed zichtbaar te zijn. Er moet een verandering komen die een contrast heeft van meer dan 3,0:1 om aan de eisen van dit succescriterium te voldoen. Het is bijvoorbeeld een optie om de tekst van het actieve menuonderdeel vetgedrukt te maken of te onderstrepen. Het is ook een optie om een donkere lijn om het grijze kader te plaatsen. Dit probleem geld ook voor de optie ‘Inleiding’ in het actieve menu en komt voor op bijna alle andere pagina’s zoals https://lias-webpub-lias-showcase-test.azurewebsites.net/p4329/missie-en-visie, https://lias-webpub-lias-showcase-test.azurewebsites.net/p4375/homepage-6-01 en https://lias-webpub-lias-showcase-test.azurewebsites.net/p4367/geprognosticeerde-balans-2019-2022.

Bevinding 19: Op pagina https://lias-webpub-lias-showcase-test.azurewebsites.net/p4329/missie-en-visie is gebruik gemaakt van een aangepaste indicator van de toetsenbordfocus op de knoppen om de aanvullende content uit te klappen. De achtergrond van de plus wordt lichtgrijs (HEX #F7F7F7) in plaats van wit. Die verandering heeft met 1,1:1 niet voldoende contrast om goed zichtbaar te zijn. Het advies is om op deze knoppen de standaard toetsenbordfocus van de browser naar voren te laten komen.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 20: Op pagina https://lias-webpub-lias-showcase-test.azurewebsites.net/p4375/homepage-6-01 staan naast het eerder genoemde cirkeldiagram twee staafdiagrammen en een lijngrafiek. In al die drie componenten komt er aanvullende tekst in beeld als de muis op bepaalde onderdelen staat. Dat gedeeltelijk transparante blok met witte tekst is niet aanwijsbaar en dat moet wel mogelijk zijn om te voldoen aan de eisen van dit succescriterium. Dit probleem komt ook voor op pagina https://lias-webpub-lias-showcase-test.azurewebsites.net/p4381/06-sport-en-cultuur. Om dit te zien moet op die pagina wel eerst de optie “Saldo” geactiveerd worden.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 21: Wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt tot 200% dan verdwijnt op pagina https://lias-webpub-lias-showcase-test.azurewebsites.net/p4381/06-sport-en-cultuur de lijst met links onder het cirkeldiagram. In plaats daarvan komt er boven de kop “Wat hebben we bereikt?” een keuzelijst met het label “Kies je pagina” in beeld. Deze keuzelijst is niet bedienbaar met het toetsenbord. Zorg dat interactieve elementen met zowel de muis als met het toetsenbord bereikbaar en bedienbaar zijn. Dit doet zich ook op andere pagina’s voor, zoals op pagina https://lias-webpub-lias-showcase-test.azurewebsites.net/p4316/11-algemene-dekkingsmiddelen, https://lias-webpub-lias-showcase-test.azurewebsites.net/p4505/inleiding en https://lias-webpub-lias-showcase-test.azurewebsites.net/p4349/actuele-ontwikkeling-uitvoering.

Bevinding 22: Op pagina https://lias-webpub-lias-showcase-test.azurewebsites.net/p4307/01-burgerzaken-en-algemeen-bestuur staat een tablist die niet met de pijltoetsen te bedienen is. Het gebruik van role=”tablist” geeft de verplichting om het voor gebruikers van hulpsoftware mogelijk te maken om de juiste tab te selecteren met de pijltoetsen links en rechts. Op dit moment zorgt het indrukken van de pijltoetsen links en rechts ervoor dat er een andere pagina geladen wordt. De tablist en zijn onderdelen voldoet op dit moment ook niet aan de eisen van succescriterium 4.1.2. Dit komt ook voor op https://lias-webpub-lias-showcase-test.azurewebsites.net/p4381/06-sport-en-cultuur en andere pagina’s met een ARIA tablist.

Bevinding 23: Op pagina https://lias-webpub-lias-showcase-test.azurewebsites.net/p4328/inleiding staan afkortingen die als de muis erop wordt geplaatst aangeven wat deze afkorting betekend. Het is op dit moment niet mogelijk om de betekenis van afkortingen zoals “AB”, “Wmo” en “OZB” in beeld te krijgen zonder de muis te gebruiken.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 24: De pagina https://lias-webpub-lias-showcase-test.azurewebsites.net/p4520/portefeuillehouders bestaat niet. De link naar deze pagina werkt niet, dat is een apart probleem dat opgelost moet worden. Het probleem onder dit succescriterium is dat de 404-pagina met “Home | Jaarverslag 2019” geen geldige paginatitel heeft. Het doel van deze pagina is om duidelijk te maken dat deze pagina niet (meer) bestaat en de paginatitel moet dat doel dan ook duidelijk maken. Het is een optie om de tekst ‘home’ in de huidige paginatitel te vervangen door ‘404 - Pagina niet gevonden’. Op die manier is het doel van deze pagina voldoende duidelijk.

Bevinding 25: Advies: een pagina als https://lias-webpub-lias-showcase-test.azurewebsites.net/p4375/homepage-6-01 heeft met “Homepage 6.01 | Jaarverslag 2019” een paginatitel die op een website met voorbeelden als deze niet is afgekeurd. De tekst op deze pagina maakt niet goed duidelijk dat dit een variant van een homepage is die gebruikt kan worden. Het advies is om dat ook in de paginatitel te vermelden. “Homepage variant 6.01 | Jaarverslag 2019” is een titel die beter het doel van de pagina in de context van deze website duidelijk maakt.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Niet aanwezig

Bevinding 26: Advies: De Latijnse tekst “lorem ipsum” op pagina https://lias-webpub-lias-showcase-test.azurewebsites.net/p4916/toegankelijkheidsverklaring is bedoeld als model tekst en om die reden niet afgekeurd. In principe zou er voor deze tekst een lang=”la” gebruikt moeten worden om te voldoen.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Voldoende

Bevinding 27: Advies: Op pagina https://lias-webpub-lias-showcase-test.azurewebsites.net/p4315/programma-overzicht is het mogelijk om de tegels met informatie op deze pagina te filteren. Het invoeren van een tekst als ‘q’ in het daarvoor bestemde invoerveld heeft op dit moment geen resultaat. Het advies is om er voor te zorgen dat er in dat geval een foutmelding in beeld komt die duidelijk maakt dat er geen resultaat gevonden is. Let er bij het toevoegen van deze foutmelding ook op dat die aan de eisen van succescriterium 4.1.3 gaat voldoen.

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-02-05 10:56:12 v2.4-011