Issues:
Content-audit digitale toegankelijkheid Limburg Begrotingsapp

(Alleen de bevindingen)

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Bevinding 1: Op onder andere pagina https://limburg.begrotingsapp.nl/ staat het logo van Provincie Limburg, in een link naar de homepagina van de begrotingsapp. De alternatieve tekst is 'Logo Limburg'. Hierin komt niet alle tekst die in het logo te zien is terug. Pas dit aan naar 'Logo Provincie Limburg'.

Bevinding 2: In het dialoogvenster dat opent wanneer bezoekers op onder andere pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#doelstelling-1222325-62-erfgoed staat een logo van de Provincie Limburg zonder alternatieve tekst. Zorg ervoor dat hier een alternatieve tekst aanwezig is, bijvoorbeeld 'Logo Provincie Limburg'.

Bevinding 3: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://limburg.begrotingsapp.nl/najaarsnota-2023 staat in de header een staafdiagram, de staven zijn focusbaar gemaakt en hebben een alternatieve tekst gekregen. Een deel van de informatie die te zien is, is op die manier toegankelijk gemaakt. Echter ontbreekt ook een deel van de informatie. Los dit op door deze informatie toe te voegen in het aria-label, bijvoorbeeld '32 Groen'. Een soortgelijk probleem komt voor op pagina https://limburg.begrotingsapp.nl/najaarsnota-2023/programma/balansinformatie#onderdeel-3151008-solide-vermogenspositie onder 'Status activiteiten'. Hou er rekening mee dat ieder canvas-element, waar deze diagrammen mee gemaakt zijn, een alternatieve tekst moeten hebben.

Bevinding 4: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://limburg.begrotingsapp.nl/najaarsnota-2023/programma/balansinformatie#onderdeel-3151008-solide-vermogenspositie staat onder de kop 'Solide vermogenspositie' een afbeelding van een staafdiagram. Niet alle informatie die hierop te zien is, komt terug in de tekst. De afbeelding is voor hulpsoftware verborgen met een leeg alt-attribuut. De informatie is hierdoor niet beschikbaar voor bezoekers die niet kunnen zien. Geef de afbeelding een beschrijvende alternatieve tekst, en zorg dat de informatie van het staafdiagram op toegankelijke wijze op de pagina wordt geplaatst (bijvoorbeeld in een tabel).

Bevinding 5: De PDF https://limburg.begrotingsapp.nl/programmabegroting-2023----/bestanden/Download/ff2964ac-fede-46e0-a145-b81efc7944a1 bevat informatieve afbeeldingen die geen alternatieve tekst hebben. Hierdoor is de informatie niet beschikbaar voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader. Maak de informatie van de afbeeldingen toegankelijk door deze op andere wijze aan te bieden (bijvoorbeeld als gewone tekst). Geef daarnaast de afbeeldingen een alternatieve tekst, of (als alle informatie op andere wijze in het document terug komt) tag de afbeeldingen als artefact zodat deze genegeerd kunnen worden door hulpsoftware.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 6: Op pagina https://limburg.begrotingsapp.nl/voorjaarsnota-2024-----/projecten zijn visuele koppen in de tekst te herkennen, bijvoorbeeld 'Omschrijving(label)' en 'Kwaliteit'. Doordat deze niet met de juiste code zijn opgemaakt, is voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader niet af te leiden dat het hier om kopteksten gaat. Voor de opmaak is het strong-element gebruikt, maar deze heeft niet de juiste semantische waarde. Los dit op door te kiezen voor opmaak als kop op het juiste kopniveau (bijvoorbeeld h3).
Een vergelijkbaar probleem komt voor in het dialoogvenster dat opent wanneer bezoekers op onder andere pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#doelstelling-1222325-62-erfgoed, met de tekst 'Portefeuillehouder'.

Bevinding 7: Op pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#doelstelling-1222324-61-cultuur komen opsommingen voor die niet met de juiste code zijn opgemaakt. Bijvoorbeeld onder de kop 'Cultuur' en 'Wat mag het kosten?'. Hierdoor is het lastig om de structuur van de tekst en opsomming te begrijpen voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader. Maak opsommingen op als een lijst, gebruik hiervoor bijvoorbeeld het ul- en li-element. Dit komt ook voor in de tekst in het dialoogvenster dat geopend kan worden via de knop '6.2.1 Erfgoed, monumenten en archeologie'. Op andere pagina's komt een soortgelijk probleem voor, bijvoorbeeld op pagina https://limburg.begrotingsapp.nl/voorjaarsnota-2024-----/projecten waar de opsomming onder de kop '1.1.2. Limburgs programma Landelijk Gebied' onder 'Tijd' opgemaakt kan worden met het ol- en li- element.

Bevinding 8: In het dialoogvenster dat opent wanneer bezoekers op onder andere pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#doelstelling-1222325-62-erfgoed op een hoofdstuktitel klikken, komen teksten voor die met het em-element zijn opgemaakt. Het em-element geeft (gesproken) nadruk aan tekst en mag daarom niet puur voor opmaak gebruikt worden. Gebruik hiervoor CSS of normale tekst.

Bevinding 9: Deze bevinding vereist mogelijk een technische oplossing:
Op onder andere pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#doelstelling-1222325-62-erfgoed kunnen bezoekers een dialoogvenster openen. Dit venster wordt niet op de juiste manier opgemerkt door hulpsoftware. Zorg ervoor dat bezoekers die gebruik maken van voorleessoftware weten dat er een venster is geopend na het drukken om de knop die het venster opent. Zie ook succescriterium 2.4.7.

Bevinding 10: Deze bevinding vereist mogelijk een technische oplossing:

Op pagina https://limburg.begrotingsapp.nl/najaarsnota-2023/programma/balansinformatie#onderdeel-3151007-meerjarig-gespecificeerd-overzicht-van-reserves-gebonden-aan-doelen-en-kaders staat onder de kop 'Meerjarig gespecificeerd overzicht van reserves: gebonden aan doelen en kaders' een tabel. Voor bezoekers die niet kunnen zien en gebruik maken van hulpsoftware zoals een screenreader, is het lastig om de informatie en structuur van de tabel te begrijpen. Dit komt doordat deze niet helemaal correct is opgemaakt. Soortgelijke problemen doen zich voor bij de tabel onder de kop 'Investeringskredieten najaarsnota'. Ook op andere pagina's komen tabellen met soortgelijke problemen voor, bijvoorbeeld op pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#doelstelling-1222324-61-cultuur en de verschillende tabellen op pagina https://limburg.begrotingsapp.nl/jaarstukken-2023-------------------------------------/programma/1--lokale-heffingen#onderdeel-3533147-inleiding. Er doen zich meerdere problemen voor, bijvoorbeeld:

• De (visuele) kopcellen zijn niet programmatisch verbonden aan de datacellen. Zorg ervoor dat de kopcellen worden opgemaakt met het th-element, en associeer deze met de datacellen doormiddel van het scope-attribuut.
• Het woord 'Vermeerdering' is verdeeld over verschillende datacellen, waardoor dit in delen (niet na elkaar) voorgelezen wordt. Zorg dat dit woord in één kopcel staat. Dit komt op meerdere plekken voor, bijvoorbeeld bij 'Vermindering' en 'Eindstand'.
• De eerste rij van de tabel bevat bijna alleen lege datacellen, wat verwarrend kan zijn.
• De asterisk achter 'Immunisatiereserve*' wordt onder de tabel verklaard, maar voor bezoekers die niet kunnen zien is dit verband lastig te leggen omdat zij eerst de hele tabel door moeten voor zij deze verklaring tegen komen. Zorg dat de verklaring programmatisch gekoppeld wordt zodat deze wordt voorgelezen op de plek waar deze betekenis heeft.
• De tabel is niet volledig te zien op de pagina, wat is opgelost doormiddel van een horizontale scrollbalk op de hele pagina. Een scrollbalk mag niet op de hele pagina staan, zorg ervoor dat deze alleen op de tabel geplaatst wordt.

Bevinding 11: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://limburg.begrotingsapp.nl/programmabegroting-2023----/bestanden staat onder 'Inhoud' een opsomming. Deze is correct opgemaakt met li-elementen binnen een ul-element, maar de semantiek van het li-element (lijst item) verdwijnt. Dit komt doordat op de li-element 'role="none"' is geplaatst. Verwijder 'role="none"' om dit op te lossen. Dit komt ook voor op pagina https://limburg.begrotingsapp.nl/jaarstukken-2023-------------------------------------/bestanden.

Bevinding 12: Deze bevinding vereist mogelijk een technische oplossing:
Op onder andere pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#doelstelling-1222324-61-cultuur staan hoofdstuktitels in een blok opgemaakt. Deze staan als een ul-element met daarop het foutieve attribuut role=rowgroup opgemaakt, met daaronder een li-element. Omdat het ul-element is overschreven is het li-element niet meer valide. Daarnaast is er maar één item aanwezig, dus een opsomming is hier niet van toepassing.

Bevinding 13: Deze bevinding vereist mogelijk een technische oplossing:
Wanneer op pagina https://limburg.begrotingsapp.nl/programmabegroting-2023----/zoeken wordt gezocht op een term, bijvoorbeeld 'contact', verschijnt een lijst met zoekresultaten. Hierboven staat een kop '3 resultaten.', deze is opgemaakt kop kopniveau 2 (h2). Deze kop bevat geen content, omdat deze direct opgevolgd wordt door een kop op hetzelfde kopniveau. Zorg ervoor dat elke kop content bevat en deze goed beschrijft. Dit kan bijvoorbeeld opgelost worden door de zoekresultaten een ander kopniveau te geven (h3). Ook op andere pagina's komen koppen zonder content voor, bijvoorbeeld op pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#doelstelling-1222324-61-cultuur gaat dit om de kop 'Wat willen we bereiken?'. Een soortgelijk probleem komt voor op meerdere pagina's, bijvoorbeeld op pagina https://limburg.begrotingsapp.nl/jaarstukken-2023-------------------------------------/projecten en https://limburg.begrotingsapp.nl/programmabegroting-2024-------- waar koppen (in links) zonder content staan. Deze koppen zouden niet als kop opgemaakt hoeven te worden.

Bevinding 14: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#onderdeel-3582131-onze-beleidskaders staan linkbomen, waarbij het bovenste item het huidige hoofdstuk representeert, bijvoorbeeld '6. Cultuur en erfgoed voor iedereen'. Deze tekst is daarom dikgedrukt. Deze informatie is echter niet beschikbaar voor hulpsoftware. Maak bijvoorbeeld gebruik van aria-current om dit op te lossen.

Bevinding 15: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#financieel-352124-wat-mag-het-kosten komen uitklapbare elementen voor die in een tabel zijn opgemaakt. Hier is het aria-expanded attribuut gebruikt, maar dat is niet toegestaan op een row-element zonder dat er bijvoorbeeld een treegrid aanwezig is. Op het table is daarnaast role=presentation gebruikt waardoor de row-elementen geen geschikt parent-element hebben.

Bevinding 16: De PDF https://limburg.begrotingsapp.nl/programmabegroting-2023----/bestanden/Download/b715d31d-282e-43fa-8bb6-566cdab40d44 is niet gecodeerd (van tags voorzien). Dit betekent dat de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de structuur van de tabellen, 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.

Bevinding 17: De PDF https://limburg.begrotingsapp.nl/programmabegroting-2023----/bestanden/Download/ff2964ac-fede-46e0-a145-b81efc7944a1 bevat visueel herkenbare kopteksten, zoals bijvoorbeeld 'Waterkwaliteit (oppervlaktewater)...'. Omdat deze tekst in de codelaag niet de juiste tag heeft gekregen, is voor hulpsoftware zoals een screenreader niet te herkennen dat dit om een kop gaat. Hierdoor is de structuur van het document lastiger te begrijpen. Zorg ervoor dat kopteksten de juiste tag krijgen in de codelaag, bijvoorbeeld H2.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Bevinding 18: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://limburg.begrotingsapp.nl/najaarsnota-2023 staan verschillende blokken, bijvoorbeeld 'Strategisch perspectief: inleiding'. Hierin is de inhoudelijke status van de activiteiten af te lezen aan de kleuren groen, oranje en rood met hierin een cijfer. Hulpsoftware zoals een screenreader leest alleen het cijfer voor, maar niet de tekst van het aria-label zoals 'Kwaliteit groen'. Dit komt doordat het aria-label geplaatst is op een div-element dat geen rol heeft. Hierdoor is alleen aan de kleur te herkennen welke betekenis het cijfer heeft, en is deze informatie niet beschikbaar voor bezoekers die geen kleuren kunnen onderscheiden. Dit gaat zowel om bezoekers die hulpsoftware gebruiken als bezoekers die dit niet gebruiken en bijvoorbeeld kleurenblind zijn. Zorg dat de elementen op meer manieren dan alleen kleur te onderscheiden zijn. Voeg bijvoorbeeld een tekstueel label toe.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 19: Bevindingen beschreven bij dit succescriterium die voorkomen op pagina's waarop de 'Hoog contrast-knop' staat, zijn gevonden na inschakelen van het hoge contrast.

Bevinding 20: Op pagina https://limburg.begrotingsapp.nl/najaarsnota-2023 valt de witte tekst van de h1-kop 'Najaarsnota 2023 bij sommige achtergrondafbeeldingen op een lichte kleur, waarbij een contrastprobleem ontstaat. Er is bijvoorbeeld onvoldoende contrast wanneer de tekst op de lichtgrijze kleur HEX #F2F2F5 valt. De contrastverhouding is dan 1,1:1 waar deze minimaal 3:1 moet zijn.

Bevinding 21: Op pagina https://limburg.begrotingsapp.nl/najaarsnota-2023/programma/balansinformatie#onderdeel-3151008-solide-vermogenspositie staat onder de kop 'Meerjarig gespecificeerd overzicht van reserves: gebonden aan doelen en kaders' een tabel. Hierin hebben de kopcellen (zoals '2022') een witte tekstkleur die onvoldoende contrast heeft met de blauwe (HEX #308ECD) achtergrond. De contrastverhouding is 3,5:1 waar deze minimaal 4,5:1 moet zijn. Ook in de onderste rij van de tabel ('Totaal') komt een contrastprobleem voor bij de witte tekstkleur op de grijze (HEX #808080) achtergrond. Hier is de contrastverhouding 3,9:1 waar deze minimaal 4,5:1 moet zijn. Een soortgelijk probleem komt voor bij de tabel onder de kop 'Investeringskredieten najaarsnota'. Ook op andere pagina's komt dit voor, bijvoorbeeld op pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#doelstellingen-1356647 bij de tabel onder de kop '6.1 Cultuur'. En op pagina https://limburg.begrotingsapp.nl/jaarstukken-2023-------------------------------------/programma/1--lokale-heffingen#onderdeel-3533149-leges-en-kostendekkendheid bij de verschillende tabellen.

Bevinding 22: Op pagina https://limburg.begrotingsapp.nl/najaarsnota-2023/programma/balansinformatie#onderdeel-3151008-solide-vermogenspositie staan verschillende items in een submenu onder 'Najaarsnota 2023'. Bijvoorbeeld 'Solide vermogenspositie'. Als de focus hier via het toetsenbord naartoe wordt gebracht, wordt de tekstkleur wit en heeft deze onvoldoende contrast met de grijze (HEX #EEEEEE) achtergrond. De contrastverhouding is 1,1:1 waar deze minimaal 4,5:1 moet zijn. Dit komt op meerdere pagina's voor, bijvoorbeeld op pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#onderdeel-3582130-cultuur-en-erfgoed-voor-iedereen.

Bevinding 23: Op pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#doelstelling-1222324-61-cultuur heeft de (visuele) kop 'Wat merkt de Limburger ervan?' een blauwe (HEX #2F8DCD) tekstkleur. Deze heeft onvoldoende contrast met de witte achtergrond. De contrastverhouding is 3,6:1 waar deze minimaal 4,5:1 moet zijn.

2. Bedienbaar

2.4 Navigeerbaar

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 24: Dit succescriterium is normaliter geen onderdeel van een content-audit, echter, omdat het technisch rapport geen bevindingen bevat terwijl deze wel tijdens de content-audit aan zijn getroffen, is deze bevinding toch opgenomen in het rapport.

Bevinding 25: Op onder andere pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#doelstelling-1222325-62-erfgoed kunnen bezoekers een dialoogvenster openen. Wanneer de bezoeker de knop om het venster te sluiten activeert, gebeurt er visueel niets. Het blijkt dat eerst weer het onzichtbare element met de lange beschrijving focus krijgt, en pas als de bezoeker daarop klikt sluit het venster weer. Zie ook succescriterium 2.4.7.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 26: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#onderdeel-3582130-cultuur-en-erfgoed-voor-iedereen staat onder de kop 'Wat willen we bereiken?' een boomstructuur met hierin verschillende links. Voor een bezoeker die niet kan zien is het niet duidelijk waar de link naartoe leidt als deze gevolgd wordt. Na het volgen van de links springt de focus soms naar een andere link in de boomstructuur, en soms terug naar de link in het submenu. Zorg ervoor dat de links naar een logische plek leiden, en dat dit duidelijk wordt uit de naam. Als het niet de bedoeling is dat deze elementen als links worden voorgelezen, kan ervoor gekozen worden deze niet als links op te maken.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Bevinding 27: Dit succescriterium is normaliter geen onderdeel van een content-audit, echter, omdat het technisch rapport geen bevindingen bevat terwijl deze wel tijdens de content-audit aan zijn getroffen, is deze bevinding toch opgenomen in het rapport.

Bevinding 28: Op onder andere pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#doelstelling-1222325-62-erfgoed kunnen bezoekers een dialoogvenster openen. Wanneer bezoekers na het openen verder navigeren met de tabtoets krijgt een onzichtbaar element de focus. Bezoekers die gebruik maken van voorleessoftware horen 'Sluiten 6.2.1. Erfgoed, monumenten en archeologie Portefeuillehouder Jasper Kuntzelaers Beschrijving dialoogvenster'. Het lijkt er dus dat in de beschrijving van het dialoogvenster de knop om het te sluiten is meegenomen, terwijl deze knop als de bezoeker hierna verder navigeert de focus krijgt en dat wel zichtbaar is, dan is ook enkel 'Sluiten, knop' hoorbaar. Wanneer de bezoeker deze knop indrukt krijgt vervolgens weer het onzichtbare element met de lange beschrijving focus, en pas als de bezoeker daarop klikt sluit het venster weer. Zie ook succescriterium 2.4.3.

Bevinding 29: Op onder andere pagina https://limburg.begrotingsapp.nl/jaarstukken-2023-------------------------------------/projecten komt een zij-menu voor. De select-elementen in deze lijst hebben geen zichtbare focusrand. Zorg ervoor dat het voor bezoekers die gebruik maken van het toetsenbord zichtbaar is waar zij zich bevinden door een focusrand toe te voegen.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Bevinding 30: Deze bevinding vereist mogelijk een technische oplossing:
Op onder andere pagina https://limburg.begrotingsapp.nl/jaarstukken-2023-------------------------------------/projecten komt een zij-menu voor met daarin een zoekfunctie. Visueel heet dit veld 'Ik zoek'. De toegankelijke naam is echter 'Zoeken'. Omdat de visuele naam niet voorkomt in de toegankelijke naam, is dit veld moeilijk of niet bedienbaar voor bezoekers die gebruik maken van spraakgestuurde navigatie.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Bevinding 31: Op pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#doelstelling-1222325-62-erfgoed staat onder de kop 'Wat mag het kosten?' een tabel. Hierin zijn filterknoppen te vinden die via een aria-label een Engelstalige naam hebben gekregen. Bijvoorbeeld 'Show filter options for column Primitieve begroting 2024'.

3.2 Voorspelbaar

3.2.2 Bij input (Niveau A)

Informatie over succescriterium 3.2.2 Bij input

Bevinding 32: Dit succescriterium is normaliter geen onderdeel van een content-audit, echter, omdat het technisch rapport geen bevindingen bevat terwijl deze wel tijdens de content-audit aan zijn getroffen, is deze bevinding toch opgenomen in het rapport.

Bevinding 33: Op onder andere pagina https://limburg.begrotingsapp.nl/jaarstukken-2023-------------------------------------/projecten komt een zij-menu voor met select-elementen. Wanneer een bezoeker een item selecteert, verandert de pagina direct. Dit gedrag is onaangekondigd en daarom onverwacht. Zorg ervoor dat bezoekers weten dat dit gebeurt door bijvoorbeeld een tekst toe te voegen, ofwel door bijvoorbeeld een knop toe te voegen die de zoekactie bevestigt.

3.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Bevinding 34: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://limburg.begrotingsapp.nl/jaarstukken-2023-------------------------------------/projecten kan de bezoeker informatie filteren. Bijvoorbeeld via de uitvouwbare lijst in het veld 'Kies een kerntaak'. Deze tekst functioneert als label van het veld, maar doordat deze is opgemaakt als een keuze-optie in de lijst blijft deze niet zichtbaar als de bezoeker een andere keuze-optie heeft geselecteerd. Het kan op dat moment onduidelijk zijn waar het veld voor bedoeld is. Zorg ervoor dat het label zichtbaar blijft, bijvoorbeeld door deze buiten het veld te plaatsen en programmatisch aan het veld te koppelen. Dit geldt voor alle velden waar een filter ingesteld kan worden.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 35: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://limburg.begrotingsapp.nl/najaarsnota-2023/programma/balansinformatie#onderdeel-3151007-meerjarig-gespecificeerd-overzicht-van-reserves-gebonden-aan-doelen-en-kaders zijn links te vinden in het submenu aan de linkerkant van de pagina onder 'Najaarsnota 2023'. Op de link-elementen is het attribuut 'aria-level="0" gezet. Dit attribuut is niet op correcte wijze gebruikt, deze moet een waarde hebben van minimaal 1. Los dit op door ervoor te zorgen dat voor de opmaak in HTML de juiste semantische elementen gebruikt worden, zodat hulpsoftware zoals een screenreader de structuur op de juiste manier kan interpreteren. Het aria-level attribuut kan dan van de elementen verwijderd worden. Ditzelfde komt op meerdere pagina's voor, zoals bijvoorbeeld op pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#onderdeel-3582130-cultuur-en-erfgoed-voor-iedereen en https://limburg.begrotingsapp.nl/jaarstukken-2023-------------------------------------/programma/1--lokale-heffingen#onderdeel-3533147-inleiding.

Bevinding 36: Deze bevinding vereist mogelijk een technische oplossing:

Op onder andere pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#onderdeel-3582130-cultuur-en-erfgoed-voor-iedereen komen elementen voor die met aria een rol hebben gekregen, maar waar vervolgens niet de juiste child- of parent-elementen voor aanwezig zijn. Bijvoorbeeld onder 'Wat willen we bereiken?' komt een element voor met de rol 'tree' maar daaronder komen alleen a- en ul-elementen voor als child-elementen. Dat is niet toegestaan.

• Op dezelfde pagina komen meerdere elementen voor met de rol 'rowgroup', waar geen geschikt parent-element voor aanwezig is en geen geschikt child-element.

Gebruik geen aria waar dat niet gepast is of zorg ervoor dat het goed geïmplementeerd is. Vergelijkbare problemen doen zich op meerdere pagina's voor.

Bevinding 37: Deze bevinding vereist mogelijk een technische oplossing:
Op onder andere pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#doelstelling-1222324-61-cultuur komt een zij-menu voor, waar aria niet goed geïmplementeerd is.
Op de li-elementen is bijvoorbeeld het aria-level=0 attribuut gebruikt. Dit bestaat niet, een aria-level is altijd 1 of hoger. Verwijder hier het aria-level attribuut.

Bevinding 38: Deze bevinding vereist mogelijk een technische oplossing:
Op onder andere pagina https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#doelstelling-1222325-62-erfgoed komen hoofdstuktitels voor, bijvoorbeeld '6.2.1. Erfgoed, monumenten en archeologie'. Deze teksten zijn opgemaakt in een li-element met daarop een aria-label. Een aria-label wordt niet herkend op non-interactieve elementen, verwijder het daarom.

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

• Homepagina:
  https://limburg.begrotingsapp.nl/
• Sitemap:
  https://limburg.begrotingsapp.nl/jaarstukken-2023-------------------------------------/sitemap
• Contact:
  https://limburg.begrotingsapp.nl/jaarstukken-2023-------------------------------------/Application/Contact
• Activiteiten Jaarstukken 2023:
  https://limburg.begrotingsapp.nl/jaarstukken-2023-------------------------------------/projecten
• Najaarsnota 2023:
  https://limburg.begrotingsapp.nl/najaarsnota-2023
• Balansinformatie:
  https://limburg.begrotingsapp.nl/najaarsnota-2023/programma/balansinformatie#onderdeel-3151008-solide-vermogenspositie
• Programmabegroting 2024:
  https://limburg.begrotingsapp.nl/programmabegroting-2024--------
• Cultuur en erfgoed voor iedereen:
  https://limburg.begrotingsapp.nl/programmabegroting-2024--------/programma/6-cultuur-en-erfgoed-voor-iedereen#onderdeel-3582130-cultuur-en-erfgoed-voor-iedereen
• Zoeken:
  https://limburg.begrotingsapp.nl/programmabegroting-2023----/zoeken
• PDF pagina:
  https://limburg.begrotingsapp.nl/programmabegroting-2023----/bestanden
• PDF #1:
  https://limburg.begrotingsapp.nl/programmabegroting-2023----/bestanden/Download/b715d31d-282e-43fa-8bb6-566cdab40d44
• PDF #2:
  https://limburg.begrotingsapp.nl/programmabegroting-2023----/bestanden/Download/ff2964ac-fede-46e0-a145-b81efc7944a1
• Activiteiten Voorjaarsnota 2024:
  https://limburg.begrotingsapp.nl/voorjaarsnota-2024-----/projecten
• Bestanden:
  https://limburg.begrotingsapp.nl/jaarstukken-2023-------------------------------------/bestanden
• Lokale heffingen:
  https://limburg.begrotingsapp.nl/jaarstukken-2023-------------------------------------/programma/1--lokale-heffingen#onderdeel-3533152-leges-in-het-kader-van-de-waterwet

Ondersteunende technieken

• HTML5
• CSS
• WAI-ARIA
• ECMAScript 5
• DOM
• SVG
• PDF

Bronnen

• Evaluatiedocument WCAG 2.0
  www.drempelvrij.nl/over-het-waarmerk
• Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
  www.w3.org/Translations/WCAG20-nl
• Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
  www.w3.org/WAI/eval/conformance
• Web Content Accessibility Guidelines (WCAG)
  www.w3.org/WAI/intro/wcag
• How to Meet WCAG 2.1 Quick Reference
  www.w3.org/WAI/WCAG21/quickref/

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