Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Provinciale begroting Fryslân

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Provinciale begroting Fryslân
Datum 19 januari 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op provinciale-begroting.frl, provinciale-begroting-archief.frl en fryslan.begrotingsapp.nl.
  • Alle PDF's op provinciale-begroting.frl, provinciale-begroting-archief.frl en fryslan.begrotingsapp.nl.
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: 91

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 provinciale-begroting-archief.frl/2020/ wordt het logo waarop de tekst 'Provinsje fryslan provincie fryslan' te zien is, door hulpsoftware voorgelezen als 'Provinciale begroting 2020'. Dit komt doordat er een kop met deze tekst aan het logo is toegevoegd. Het logo heeft hiermee geen goede alternatieve tekst. De alternatieve tekst van een logo moet minimaal de naam van de organisatie bevatten, en de tekst die op het logo te zien is. Als de afbeelding als link dient kan er ook een beschrijvend linkdoel aan de alternatieve tekst toegevoegd worden, maar dat is niet verplicht. Hetzelfde komt voor bij het logo op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… en provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/.

Bevinding 2: Op pagina provinciale-begroting-archief.frl/2020 is een bewegende afbeelding te zien in de header, een scroll-icoon. Deze heeft geen alternatieve tekst, voor een bezoeker die gebruik maakt van hulpsoftware zoals een screenreader is alleen 'klikbaar' te horen. Voeg een alternatieve tekst toe waaruit de functie van de afbeelding duidelijk wordt.

Bevinding 3: Op pagina provinciale-begroting.frl/begroting-2024/programma/paragraaf-2-weerstandsvermogen staat een afbeelding waarop een schematische weergave te zien is van de opbouw van het weerstandsvermogen. Dit is een afbeelding van tekst wat niet mag volgens de WCAG. Slechtzienden kunnen de tekst die op de afbeelding te lezen is niet aanpassen om de leesbaarheid te verhogen, en de afbeelding is verborgen voor hulpsoftware zoals een screenreader. In de tekst boven de afbeelding wordt een deel van de onderdelen en hun onderlinge verhouding beschreven, maar de onderdelen 'Beschikbare middelen' en 'Bekende risico's' ontbreken hierin. Zorg ervoor dat de informatie op een andere manier beschikbaar is, bijvoorbeeld door deze als HTML-tekst op de pagina te plaatsen. Een soortgelijk probleem komt voor bij de afbeelding waarop te zien is hoe de jaarstukken zijn opgebouwd en de afbeeldingen van de tabellen, op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/. Zie ook succescriterium 1.4.5.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 4: In het dl-element op pagina provinciale-begroting.frl/begroting-2024/Application/Contact zijn verschillende elementen genest die niet in het dl-element mogen staan. In een dl-elementen mogen alleen dt-, dd-, div- en span-elementen zijn genest. Op dit moment staan ook br- en hr-elementen in het dl-element. Een verkeerde opmaak van elementen kan problemen opleveren voor hulpsoftware. Zorg ervoor dat de br- en hr-elementen uit het dl-element worden gehaald.

Bevinding 5: Wanneer op pagina provinciale-begroting.frl/begroting-2024/zoeken wordt gezocht op een term, bijvoorbeeld 'begroting', verschijnt een lijst met zoekresultaten. Hierboven staat een kop '101 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). Ditzelfde komt op meerdere pagina's voor, bijvoorbeeld op provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten is de kop '2e Bestuursrapportage 2022' een kop zonder content omdat deze direct wordt opgevolgd door een kop op hetzelfde niveau. Op deze pagina komt een soortgelijk probleem voor met koppen op kopniveau 3 (h3), bijvoorbeeld bij de kop 'Wat willen we bereiken?'.

Bevinding 6: Op pagina provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten staan in de tekst meerdere visuele koppen, zoals bijvoorbeeld '1. Overzicht grote projecten' en 'Infrastructurele projecten'. Deze zijn als kop te herkennen doordat deze met het strong-element dikgedrukt zijn gemaakt, maar deze informatie wordt niet doorgegeven aan hulpsoftware zoals een screenreader. Daardoor is voor een bezoeker die hier gebruik van maakt niet te herkennen dat het hier om koppen gaat. Ditzelfde geldt voor de koppen in de tekst op pagina provinciale-begroting.frl/begroting-2024/programma/paragraaf-6-grondbeleid, deze zijn te herkennen doordat ze onderstreept of schuingedrukt zijn. Zorg ervoor dat alle koppen daadwerkelijk als kop opgemaakt zijn, door gebruik te maken van een h-element. Dit komt op meerdere pagina's voor, bijvoorbeeld provinciale-begroting.frl/jaarstukken-2022/programma/gearfetting en provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/.

Bevinding 7: Op pagina provinciale-begroting-archief.frl/2020/ is het logo opgemaakt met de tekst 'Provinciale Begroting 2020' als kop in een h1-element. Hierdoor komt dezelfde kop op ditzelfde kopniveau tweemaal voor op de pagina. De kop in het logo is op de pagina niet te zien, maar wordt wel door hulpsoftware zoals een screenreader voorgelezen. Een goede koppenstructuur bevat maximaal één kop op kopniveau 1. Los dit bijvoorbeeld op door de kop van het logo te verwijderen en door een goede alternatieve tekst aan het logo toe te voegen. Een soortgelijk probleem komt voor op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… en provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/. Zie ook succescriterium 1.1.1.

Bevinding 8: Op pagina provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten staan in de tekst onder 'Inleiding' verschillende opsommingen. Omdat deze opsommingen in HTML niet als lijsten zijn opgemaakt, zijn deze voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader niet als zodanig te herkennen. Gebruik voor ongeordende lijsten de ul- en li-elementen, en voor geordende lijsten de ol- en li-elementen. Dit komt voor bij meerdere opsommingen op deze pagina. Ook op pagina provinciale-begroting.frl/begroting-2024/programma/paragraaf-6-grondbeleid komt dit voor, onder de visuele kop 'Overig vastgoedbezit'.

Bevinding 9: Op pagina provinciale-begroting.frl/begroting-2024/programma/paragraaf-2-weerstandsvermogen is de tabel 'Scores kengetallen Begroting 2024' te vinden. De koppen in deze tabel zijn als kop herkenbaar gemaakt door styling, in plaats van met het th-element. Daardoor is de relatie tussen de koppen en datacellen voor screenreadergebruikers niet duidelijk. Zorg ervoor dat tabellen goed zijn opgemaakt en gebruik voor tabelkoppen altijd het th-element, geef ook het bereik van de kopcellen aan. Ditzelfde geldt voor de tabel onder de kop '5. Belastingcacpaciteit: Opcenten'. Ook op andere pagina's komen tabellen voor waarin dit probleem speelt, een aantal voorbeelden zijn:

Bevinding 10: Op pagina provinciale-begroting.frl/begroting-2024/programma/paragraaf-2-weerstandsvermogen is de tabel 'Beschikbare weerstandscapaciteit' te vinden. Hierin komen meerdere toegankelijkheidsproblemen voor. De koppen in deze tabel zijn als kop herkenbaar gemaakt door styling, in plaats van met het th-element. Daardoor is de relatie tussen de koppen en datacellen voor screenreadergebruikers niet duidelijk. Zorg ervoor dat tabellen goed zijn opgemaakt en gebruik voor tabelkoppen altijd het th-element. Visueel zijn de eerste twee rijen samengevoegd ('Type beschikbare weerstandscapaciteit' en 'Bedragen x €1.000,-) maar door een screenreader worden deze als aparte rijen voorgelezen. Maak gebruik van het rowspan-attribuut om de cellen samen te voegen.
Verwijder lege cellen uit de tabel, zoals bijvoorbeeld de rij met lege cellen boven en onder 'Bestemmingsreserves' en de twee lege cellen in de rij 'Reserves:' (voeg de lege cellen op deze rij samen).
Soortgelijke problemen komen voor in de tabel 'Weerstandsvermogen', 'Benodigde weerstandscapaciteit' en de tabel 'Reserves', bij deze laatste is het ook van belang om de subkoppen (bijvoorbeeld 'Algemene reserve') goed aan de datacellen te koppelen. Ook op andere pagina's staan tabellen waarin soortgelijke problemen voorkomen, bijvoorbeeld de tabel 'Overzicht lasten en baten programma 1 Bestuur' op pagina fryslan.begrotingsapp.nl/begroting-2024/programma/programma-1-bestuur.

Bevinding 11: Op pagina provinciale-begroting.frl/begroting-2024/programma/paragraaf-2-weerstandsvermogen staat onder 'Actuele risico's' een tabel. Voor bezoekers die gebruik maken van hulpsoftware is het lastig om de structuur in de tabel te bepalen, omdat deze tabelkoppen mist en de eerste kolom visuele koppen met gewone tekst bevat. Zorg ervoor dat de tabel op de juiste manier wordt opgemaakt, of plaats de informatie op een andere manier op de pagina als het gebruik van een tabel niet noodzakelijk is.
Soortgelijke problemen komen ook voor bij andere tabellen, bijvoorbeeld op pagina provinciale-begroting.frl/jaarstukken-2022/programma/gearfetting.

Bevinding 12: Op pagina provinciale-begroting.frl/begroting-2024/programma/paragraaf-2-weerstandsvermogen is de tabel 'Begroting 2024' te vinden. Deze tabel is niet toegankelijk opgemaakt. Pas de opmaak van de tabel aan, of plaats de informatie die in de tabel staat op een andere manier op de pagina. Een aantal problemen die zich voordoen in de tabel zijn:

Bevinding 13: Op pagina provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten staat de tabel 'Natuurpact | Scenario 5B | Programmering 2014 t/m 2027'. Deze is niet toegankelijk opgemaakt, er doen zich meerdere problemen voor. Visueel is de tabel onderverdeeld in drie tabellen, maar de tabel is in HTML als één tabel opgemaakt. Hierdoor zijn voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader meerdere lege rijen en cellen te horen. In de tabel is door styling herkenbaar gemaakt hoe de koppen en overige informatie zich tot elkaar verhouden, maar dit is door hulpsoftware niet te interpreteren. Zorg ervoor dat de tabel correct wordt opgemaakt, waarbij de titel van de tabel buiten de tabel geplaatst wordt, geen lege rijen en cellen voorkomen, en de tabelkoppen en datacellen op de juiste manier met elkaar verbonden zijn.

Bevinding 14: Op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… staat onder 'Jaarstukken' de tabel 'Wat heeft het programma gekost?'. Deze tabel is in HTML niet als tabel opgemaakt, maar elke kolom die visueel in de tabel te zien is is opgemaakt als lijst met het ul- en li-element. Hierdoor is voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader een opsomming van een aantal lijsten met lijst-items te horen, en is het voor hen niet duidelijk dat het hier om een tabel gaat. De onderlinge verbanden tussen de gegevens (die visueel op één rij staan) zijn niet te leggen. Los dit op door de tabel op correcte wijze op te maken met het table-element in HTML. Ditzelfde geldt voor de andere tabellen op deze pagina. Zie ook succescriterium 1.3.2.

Bevinding 15: Op pagina provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten staat de tabel 'Opbouw reserve breed cofinancieringsbudget', waarin bij 'IKW/Waddenfonds' een asterisk (*) staat. Er is geen verklaring te vinden waar deze asterisk naar verwijst. Bij de tabel onder de kop 'POP3/POP3+' staat zowel boven als onder de tabel een (inhoudelijk verschillende) verklaring van de asterisk die in de tabel gebruikt wordt. Voor sommige bezoekers kan het hierdoor lastig te zijn om de betekenis van de asterisk te bepalen. Voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader is dit extra lastig, zeker als er nog andere content tussen het element en de verklaring staat. Zorg ervoor dat er een verklaring aanwezig is bij gebruik van een asterisk, en dat op correcte wijze naar de verklaring verwezen wordt. Zorg ook dat de verklaring voor hulpsoftware wordt toegevoegd aan het betreffende element (dit hoeft niet zichtbaar te zijn op de pagina) zodat deze op het juiste moment voorgelezen wordt. Ditzelfde komt op bij meerdere tabellen voor op deze pagina, en op andere pagina's zoals bijvoorbeeld provinciale-begroting.frl/jaarstukken-2022/programma/gearfetting en provinciale-begroting.frl/begroting-2024/programma/paragraaf-2-weerstandsvermogen.

Bevinding 16: In de PDF provinciale-begroting-archief.frl/2022/wp-content/uploads/sites/8/2023/06/I-7-Correctie-terugbetalen-… staat een tabel, 'Exploitatie'. Hierin is visueel te onderscheiden of de informatie in de cellen hoort onder de subkop 'Lasten' of 'Baten'. Voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader is deze onderverdeling niet duidelijk. Los dit op door hier bijvoorbeeld twee afzonderlijke tabellen van te maken, en de kopcellen en datacellen op correcte wijze aan elkaar te verbinden.

Bevinding 17: In de PDF provinciale-begroting-archief.frl/2022/wp-content/uploads/sites/8/2023/06/I-7-Correctie-terugbetalen-… zijn de koppen (bijvoorbeeld 'Toelichting') in de codelaag (tags) niet opgemaakt als koppen. Voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader is een goede kopstructuur belangrijk. Zorg ervoor dat koppen met de juiste tags in de codelaag opgemaakt worden. Ook in de PDF provinciale-begroting-archief.frl/2022/wp-content/uploads/sites/8/2023/05/Provincie-Fryslan-wg-… staan koppen waarbij ditzelfde zich voordoet.

Bevinding 18: In het PDF document provinciale-begroting-archief.frl/2022/wp-content/uploads/sites/8/2023/05/Provincie-Fryslan-wg-… staan grijsblauwe vlakken met witte tekst, bijvoorbeeld 'A. Verklaring over de in de jaarstukken...'. Deze tekst is opgemaakt als een lijst die bestaat uit één lijst-item. Omdat het hier niet gaat om een lijst kan dit verwarrend werken voor bezoekers die dit op deze manier voorgelezen krijgen. Zorg ervoor dat deze tekst op andere wijze opgemaakt wordt in de codelaag van het document.

Bevinding 19: In het PDF document provinciale-begroting-archief.frl/2022/wp-content/uploads/sites/8/2023/05/Provincie-Fryslan-wg-… staat verdeeld over pagina 3 en 4 een tabel die begint met de kop 'Frauderisico'. In deze tabel zijn de datacellen niet op correcte wijze aan kopcellen verbonden, waardoor de inhoud van de tabel lastig te interpreteren is door bezoekers die gebruik maken van hulpsoftware zoals een screenreader. Zo is in de datacel onder de kop 'Frauderisico' een deel van de tekst opgemaakt als tabelkop met de TH-tag. Ook is in het tweede deel van de tabel (rij 3, die op pagina 4 staat) de tekst in de eerste kolom opgemaakt als kop met de TH-tag. Zorg ervoor dat de koppen en datacellen correct aan elkaar verbonden worden, en als de derde rij die op pagina 4 staat niet bij de tabel hoort kan hier een aparte tabel (of gewone tekst) van gemaakt worden.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 20: Wanneer een bezoeker op pagina provinciale-begroting-archief.frl/2020 komt is een dialoogvenster te zien bij de schuifknop waar gekozen kan worden voor de Nederlandse of Friese taal. Hierin staat uitleg over de taalkeuze. Visueel is te zien dat dit venster bij de schuifknop hoort, maar omdat beide elementen in de HTML volgorde ver uit elkaar staan is dit verband niet te leggen door bezoekers die niet kunnen zien en die navigeren via het toetsenbord. Los dit op door de elementen in HTML op de juiste volgorde te zetten zodat ze elkaar opvolgen. Ditzelfde komt voor op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… en provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/. Zie ook succescriterium 2.4.3.

Bevinding 21: Op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… staat onder 'Jaarstukken' de tabel 'Wat heeft het programma gekost?'. Deze tabel is in HTML opgemaakt als een verzamelijk van lijsten, waardoor door hulpsoftware zoals een screenreader geen betekenisvolle verbanden te leggen zijn. Hulpsoftware houdt de leesvolgorde aan zoals deze bepaald is voor lijsten, waarbij de lijst-items na elkaar opgesomd worden. Zorg ervoor dat de tabel correct wordt opgemaakt als tabel met het table-element, zodat een correcte volgorde van de tabelcellen door hulpsoftware bepaald kan worden. Ditzelfde geldt voor de andere tabellen op deze pagina. Zie ook succescriterium 1.3.1.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 22: Op pagina provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten wordt op sommige plekken naar een tabel verwezen met aanduidingen als 'hieronder' en 'bovenstaande'. Bijvoorbeeld onder de kop 'Uitvoering natuuropgave vervolg'. Hier staat tussen de verwijzing naar 'bovenstaande tabel' en de betreffende tabel nog een link die terug naar de navigatie leidt. Dit kan verwarrend werken voor bezoekers die niet kunnen zien. Vermijd aanduidingen waarin zintuiglijke informatie wordt gebruikt om te verwijzen naar elementen, en gebruik deze helemaal niet wanneer er nog andere elementen staan tussen de aanduiding (zoals 'bovenstaande') en het element waar naar verwezen wordt. Soortgelijke problemen komen ook op andere pagina's voor, bijvoorbeeld op pagina provinciale-begroting.frl/jaarstukken-2022/programma/gearfetting de aanduiding 'boppesteande tabellen'.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 23: Op pagina provinciale-begroting.frl/begroting-2024/programma/paragraaf-2-weerstandsvermogen staan een aantal grafieken, bijvoorbeeld 'Netto schuldquote'. Hierin is aan de verschillende kleuren te zien in welke categorie de informatie valt. Voor bezoekers die kleurenblind zijn is deze informatie niet beschikbaar omdat de kleuren mogelijk niet te onderscheiden zijn. Zorg ervoor dat informatie niet alleen door kleur overgebracht wordt, maar ook op een andere manier herkenbaar is. Dit geldt voor alle grafieken op deze pagina.

Bevinding 24: Op pagina fryslan.begrotingsapp.nl/bestuursrapportage-2023/programma/programma-4-economie is in de tabel 'Resultaat indicatoren' in de laatste kolom ('Prognose 2023') door middel van kleur aangegeven wat de prognose is. Voor bezoekers die kleurenblind zijn zijn deze kleuren mogelijk niet te onderscheiden. Breng deze informatie ook op een andere manier over dan alleen door kleur. Dit geldt voor meerdere tabellen op deze pagina.

Bevinding 25: Op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/ staan twee afbeeldingen ('Programma's' en 'Paragraaf Grote projecten en bijlage investeringen..') waarin kleuren gebruikt worden om informatie over te brengen. Bezoekers die kleurenblind zijn kunnen deze kleuren mogelijk niet onderscheiden. Zorg ervoor dat de informatie op meer manieren overgebracht wordt, bijvoorbeeld door in de tekst te benoemen om welke kleur het gaat.

Bevinding 26: Wanneer bezoekers op pagina provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten inzoomen verdwijnt het navigatiemenu achter de knop 'Tonen'. Wanneer toetsenbordgebruikers focus plaatsen op deze knop wordt dat alleen aangegeven door een kleurverandering van het pijlicoon in de knop. Sommige bezoekers kunnen kleuren niet goed waarnemen en weten daardoor niet dat de knop focus heeft. Zorg ervoor dat kleur niet het enige middel is waarmee informatie wordt overgebracht. Dit probleem kan bijvoorbeeld worden opgelost door gebruik te maken van een focusrand op de knop.
Dit komt voor op meerdere pagina's, bijvoorbeeld op provinciale-begroting.frl/jaarstukken-2022/programma/gearfetting.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 27: 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 28: Op pagina provinciale-begroting.frl/ staat witgekleurde tekst op een achtergrond waarin afwisselende beelden te zien zijn. Doordat over deze achtergrondafbeeldingen een transparante donkere kleur heen staat, is het contrast met de tekst overal voldoende zolang de pagina op normaal formaat bekeken wordt. Bij inzoomen vanaf 250% bij een schermgrootte van 1280 bij 1024 pixels, valt de witte tekst deels buiten dit kader. Daardoor is op bepaalde punten het contrast te laag, bijvoorbeeld tussen de witte tekst en blauwe (HEX #ADCD0D1) achtergrond waar de contrastverhouding 1.8:1 is terwijl dit minimaal 3:1 moet zijn. Ook wanneer de witte tekst op lichtblauwe (HEX #E3F4F9) valt, is de contrastverhouding te laag. Deze is dan 1.1:1 waar dit minimaal 3:1 moet zijn.

Bevinding 29: Op pagina fryslan.begrotingsapp.nl/begroting-2024/programma/programma-1-bestuur staat onder de kop 'Wat gaan we daarvoor doen' een tabel, in de eerste cel is de tekst 'Onderwerp' te zien. De tekstkleur (HEX #2A292E) heeft onvoldoende contrast met de blauwe (HEX #244994) achtergrond. De contrastverhouding is 1.6:1 waar dit minimaal 3:1 moet zijn.

Bevinding 30: Bovenaan pagina provinciale-begroting-archief.frl/2020 staat een schuifje waarmee de tekst op de pagina kan worden gewijzigd van Nederlands (NL) naar Fries (FRL). Wanneer de tekst 'NL' of 'FRL' inactief is omdat de andere taal is geselecteerd, wordt deze lichtgrijs (HEX #CCCCCC) en heeft deze een te laag contrast met de witte achtergrond. De contrastverhouding is 1.6:1 waar deze minimaal 4.5:1 moet zijn. Ditzelfde komt voor op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… en provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/.

Bevinding 31: Op pagina provinciale-begroting-archief.frl/2020 heeft de witte tekst onder de kop 'Samenvatting begroting 2020' te weinig contrast met de blauwe (HEX #009BDF) achtergrond. De contrastverhouding is 3.1:1 waar deze minimaal 4.5:1 moet zijn. Ditzelfde geldt voor de items die staan in het overzicht onder 'Wat geven we waaraan uit?', en het actieve tabblad 'Lasten per programma'. Dezelfde kleurencombinatie komt voor op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-…, bijvoorbeeld bij de kop 'Vastgestelde beleidsnotities' en de links die hieronder staan. Op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/ komt ditzelfde voor onder de kop 'Leeswijzer' bij de huidige pagina, 'Leeswijzer'.

Bevinding 32: Op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… is onder de kop 'Wat heeft het programma gekost?' een tabel te zien waarin blauwe (HEX #009BDF) tekst op een donkergrijze (HEX #E5E5E5) te zien is. De kleurverhouding tussen deze kleuren is 2.4:1 en dat is te laag, deze moet minimaal 4.5:1 zijn. Dezelfde blauwe tekstkleur komt ook voor op lichtgrijze (HEX #F9F9F9) achtergrond, hier is de kleurverhouding 2.9:1 en ook hier moet deze minimaal 4.5:1 zijn. Ditzelfde komt voor in de andere tabellen op deze pagina.

Bevinding 33: Op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… staat onder de kop 'Wat heeft het programma gekost?' in de tweede tabel rode tekst (HEX #C73326) op donkergrijze (HEX #E5E5E5) achtergrond. De contrastverhouding is hier 4.2:1 en dat is te laag, deze moet minimaal 4.5:1 zijn.

Bevinding 34: Op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… staat onder de inhoudsopgave de schuingedrukte tekst 'Portefeuillehouder: gedeputeerde Sander de Rouwe'. Deze is grijsgekleurd (HEX #797978) en heeft een te laag contrast met de witte achtergrond. De contrastverhouding is 4.3:1 waar dit minimaal 4.5:1 moet zijn. Let er hierbij op dat de oorspronkelijke tekstkleur (HEX #575756) wel voldoende contrast met de achtergrond heeft, maar doordat deze deels transparant is gemaakt (0.8) is het contrast alsnog te laag.

Bevinding 35: Op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… staat onderaan de pagina de kop 'Toelichting'. De schuingedrukte koppen en gewone teksten die hieronder te zien zijn, hebben onvoldoende contrast met de achtergrond. De grijze (HEX #777776) tekst heeft een contrastverhouding van 4.2:1 met de lichtgrijze (HEX #F9F9F9), waar dit minimaal 4.5:1 moet zijn. Let er hierbij op dat de oorspronkelijke tekstkleur (HEX #575756) wel voldoende contrast met de achtergrond heeft, maar doordat deze deels transparant is gemaakt (0.8) is het contrast te laag.

Bevinding 36: Wanneer op pagina provinciale-begroting-archief.frl/2020 ingezoomd wordt vanaf 250% bij een schermgrootte van 1280x1024px, verschuiven de menu-items waardoor deze deels op een achtergrond terecht komen waarmee de witte tekst een te laag contrast heeft. De achtergrond is op sommige punten lichtbruin (HEX #A09889), deze kleur heeft een contrastverhouding van 2.8:1 met de witte tekst. Het contrast moet minimaal 3:1 zijn. Bij scrollen over de pagina staat deze witte tekst soms op witte achtergrond en wordt daardoor helemaal onzichtbaar. Soortgelijke contrastproblemen komen in dezelfde situatie voor op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… en provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/.

Bevinding 37: Wanneer op pagina provinciale-begroting-archief.frl/2020 ingezoomd wordt vanaf 250% bij een schermgrootte van 1280x1024pxt, komt een deel van de blauwe (HEX #009BDF) tekst 'Begroting in één oogopslag' op een donkerblauwe (HEX #244A95) achtergrond te staan. De contrastverhouding is hier 2.7:1 en dat is te laag, dit moet minimaal 3:1 zijn.

Bevinding 38: In het PDF provinciale-begroting-archief.frl/2022/wp-content/uploads/sites/8/2023/05/Provincie-Fryslan-wg-… staan rode (HEX #ED1A3B) koppen in de tekst. Deze hebben onvoldoende contrast met de witte achtergrond. De contrastverhouding is 4.3:1 waar deze minimaal 4.5:1 moet zijn.

Bevinding 39: In het PDF document provinciale-begroting-archief.frl/2022/wp-content/uploads/sites/8/2023/05/Provincie-Fryslan-wg-… staan grijsblauwe (HEX #8595AB) balken met daarin witte tekst, bijvoorbeeld 'A. Verklaring over de in jaarstukken..' De kleuren hebben onvoldoende contrast. De contrastverhouding is 3:1 waar deze minimaal 4.5:1 moet zijn.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 40: Op pagina provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten is bovenaan de pagina het kruimelpad te zien, waarin te zien is in welke context de huidige pagina te vinden is ('Publicaties > 2e Bestuursrapportage 2022 > ...'). Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt, is vanaf 125% deze tekst nog maar gedeeltelijk te zien. Zorg ervoor dat de tekst volledig zichtbaar blijft bij inzoomen.

Bevinding 41: Op pagina provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten staan een aantal tabellen, bijvoorbeeld 'Ontwikkelopgave volledige verwerving (scenario4)'. Deze verdwijnen deels uit beeld bij inzoomen vanaf 150%. Er verschijnt wel een scrollbalk op de pagina, waarmee horizontaal genavigeerd kan worden. Een scrollbalk mag alleen op de tabel zelf staan, niet op de hele pagina.

Bevinding 42: Op pagina provinciale-begroting-archief.frl/2020 komt bij inzoomen tot 200% bij een schermgrootte van 1280x1024px content over elkaar heen te staan. In het menu staat de knop 'Inloggen' over het menu-item 'Moties' heen, en in de header staat de link 'Kadernota 2021' over de tekst in het blauwe vlak heen.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 43: Op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/ staan drieafbeeldingen van tekst. Omdat deze teksten door slechtzienden niet aangepast kan worden om de leesbaarheid te verhogen, is deze informatie voor hen mogelijk niet beschikbaar. Ook voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader is de informatie niet beschikbaar, omdat de afbeelding verborgen is doormiddel van een leeg alt-attribuut. Los dit op door de tekst als HTML-tekst op de pagina te plaatsen.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 44: Op pagina provinciale-begroting.frl/begroting-2024/Application/Contact verdwijnt content uit beeld wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400%. Het gaat om een deel van het woord 'Bijlagen' bij de link bovenaan de pagina, om de knop waaronder het menu is samengevouwen (hamburgermenu), en wanneer het menu is uitgevouwen staat de sluitknop van het menu buiten beeld. Zorg dat alle content in beeld blijft wanneer ingezoomd wordt. Ditzelfde probleem komt voor op meerdere pagina's, zoals bijvoorbeeld pagina provinciale-begroting.frl/begroting-2024/sitemap.

Bevinding 45: Op pagina provinciale-begroting.frl/begroting-2024/zoeken verdwijnt bij inzoomen naar 400% bij een schermgrootte van 1280x1024px een deel van de placeholder 'Vul minimaal 3 karakters in om te zoeken' die te zien is in het zoekveld, uit beeld. Zorg dat de volledige tekst die in dit veld te zien is, zichtbaar blijft bij inzoomen.

Bevinding 46: Op onder andere pagina provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten staat onder het submenu aan de linkerkant van de pagina een knop 'Delen'. Wanneer deze uitgevouwen wordt zijn drie links te zien. Bij inzoomen vanaf 300% bij een schermgrootte van 1280x1024px valt een deel van deze links buiten beeld. Zorg dat deze elementen in beeld blijven bij inzoomen.

Bevinding 47: Op onder andere pagina provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten is bovenaan de pagina het kruimelpad te zien, waarin te zien is in welke context de huidige pagina te vinden is ('Publicaties > 2e Bestuursrapportage 2022 > ...'). Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tussen 250% en 400%, is deze tekst nog maar gedeeltelijk te zien. Zorg ervoor dat de tekst volledig zichtbaar blijft bij inzoomen.

Bevinding 48: Op onder andere pagina provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten staan een aantal tabellen, bijvoorbeeld 'Ontwikkelopgave volledige verwerving (scenario4)'. Deze verdwijnen deels uit beeld bij inzoomen vanaf 250%. Los dit bijvoorbeeld op door een scrollbalk te plaatsen, deze mag niet op de hele pagina staan maar wel op de tabellen.

Bevinding 49: Op pagina provinciale-begroting-archief.frl/2020 komt bij inzoomen van 200% tot 400% bij een schermgrootte van 1280x1024px content over elkaar heen te staan. Boven het menu staat de knop 'Selecteer begrotingsjaar' over het logo heen. In het menu staat de knop 'Inloggen' over andere menu-items heen, en in de header staat de link 'Kadernota 2021' over de tekst in het blauwe vlak heen. Zorg dat content niet over elkaar heen valt bij inzoomen. Ditzelfde komt voor op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… en provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/.

Bevinding 50: Wanneer op pagina provinciale-begroting-archief.frl/2020 ingezoomd wordt vanaf 250% bij een schermgrootte van 1280x1024px, verschuiven de menu-items waardoor deze deels buiten de donkerblauwe balk vallen. Wanneer vervolgens over de pagina gescrolled wordt, staan deze menu-items soms over andere tekst heen en worden daardoor onleesbaar. Zorg dat de menu-items bij inzoomen dezelfde achtergrond blijven behouden. Ditzelfde komt voor op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… en provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/.

Bevinding 51: Opmerking: Wanneer op onder andere pagina provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten bij een schermgrootte van 1280x1024px wordt ingezoomd tot 400%, nemen de vaste elementen op de pagina (kruimelpad, logo, menu, knop 'Tonen', navigatie) zoveel ruimte in dat de content van de pagina niet meer goed te zien is. Zorg ervoor dat er genoeg ruimte is om de inhoud van de pagina te bekijken.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 52: Op pagina provinciale-begroting-archief.frl/2020 staat een zoekveld die te zien is als een wit vlak met een grijze (HEX #C0C0C0) streep. De contrastverhouding tussen deze kleuren is te laag, deze is 1.8:1 waar deze minimaal 3:1 moet zijn. Ditzelfde komt voor op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… en provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/.

Bevinding 53: Op pagina provinciale-begroting-archief.frl/2020 staat naast het zoekveld een afbeelding van een vergrootglas. Deze is grijsgekleurd (HEX #989A9D) en heeft een te laag contrast met de witte achtergrond. De contrastverhouding is 2.8:1 waar deze minimaal 3:1 moet zijn. Ditzelfde komt voor op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… en provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/.

Bevinding 54: Bovenaan pagina provinciale-begroting-archief.frl/2020 staat een schuifje waarmee de tekst op de pagina kan worden gewijzigd van Nederlands (NL) naar Fries (FRL). Dit schuifje is grijsgekleurd (HEX # CCCCCC) en heeft een contrastverhouding van 1.6:1 met de witte achtergrond. Dit is te laag en moet minimaal 3:1 zijn. Ditzelfde komt voor op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… en provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/.

Bevinding 55: Op pagina provinciale-begroting.frl/begroting-2024/programma/paragraaf-2-weerstandsvermogen staat een afbeelding waarop een grafiek te zien is, '1A. Netto schuldquote'. De verschillende kleuren in de grafiek hebben onderling een te laag contrast. De groene (HEX #99FF99) kleur heeft een contrastverhouding van 1.3:1 met de oranje (HEX #FFC000) kleur, welke een contrastverhouding van 1.5:1 met de roze (HEX #FF7C81) kleur heeft. Ook heeft de blauwe (HEX #547EBF) lijn een te laag contrast, de contrastverhouding met de oranje kleur is 2.5:1. De contrastverhouding moet minimaal 3:1 zijn. Ditzelfde geldt voor de andere afbeeldingen waarop grafieken te zien zijn op deze pagina.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Onvoldoende

Bevinding 56: Wanneer bezoekers op pagina provinciale-begroting-archief.frl/2020 de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium, zijn de kop 'Provinciale begroting 2020' en bijbehorende tekst niet meer (goed) leesbaar. Dit komt doordat de tekst verschuift en hierdoor contrastproblemen ontstaan. Een deel van de blauwe (HEX #1E4F97) koptekst valt op blauwe (HEX #0571B9) achtergrond, de contrastverhouding is hier 1.5:1 waar dit minimaal 3:1 moet zijn. Een deel van de witte tekst valt op een witte achtergrond en wordt hierdoor onzichtbaar. Zorg ervoor dat informatie beschikbaar en leesbaar blijft, ook wanneer bezoekers een eigen tekstopmaak toepassen.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 57: Op pagina provinciale-begroting.frl/ kunnen bezoekers verschillende knoppen uitklappen door hier met de muisaanwijzer overheen te gaan. Bij sommige knoppen staat het uitgeklapte menu over andere content. Om deze reden moet het mogelijk zijn om de uitgeklapte content te verwijderen met alleen het toetsenbord. Zorg ervoor dat wanneer de knoppen zijn uitgeklapt het mogelijk is om deze content weer te verwijderen met het toetsenbord, bijvoorbeeld met de esc-toets.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 58: Op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… staat de kop 'Begroting', deze heeft de functionaliteit van een uitvouwbare knop. Echter is het voor bezoekers die navigeren via het toetsenbord niet mogelijk om de focus naar dit element te brengen en deze te bedienen. Los dit bijvoorbeeld op door de koppen op te maken als knoppen met het button-element, en voeg daar bijvoorbeeld 'aria-expanded' aan toe om ook te voldoen aan succescriterium 4.1.2. Ditzelfde komt op deze pagina voor bij de koppen 'Eerste bestuursrapportage', 'Tweede bestuursrapportage' en 'Jaarstukken'.

2.2 Genoeg tijd

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Onvoldoende

Bevinding 59: Op pagina provinciale-begroting-archief.frl/2020 is een bewegende afbeelding te zien in de header, een scroll-icoon. Het is niet mogelijk om deze beweging te pauzeren, stoppen of verbergen. Voor sommige bezoekers is het een probleem wanneer bewegende content te zien is, zij kunnen de stilstaande elementen dan minder goed zien of lezen. Zorg ervoor dat de bezoeker de beweging kan stoppen, of los dit bijvoorbeeld op door het icoon te vervangen door een stilstaande afbeelding.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 60: Op pagina provinciale-begroting-archief.frl/2020 ontbreekt een mechanisme om herhalende content (zoals bijvoorbeeld het menu) over te slaan. Dit kan opgelost worden 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. Ditzelfde probleem komt voor op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… en provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 61: De PDF provinciale-begroting-archief.frl/2022/wp-content/uploads/sites/8/2023/05/Provincie-Fryslan-wg-… heeft een documenttitel in de eigenschappen, maar omdat ingesteld staat dat de bestandsnaam getoond wordt is deze niet te zien. Wijzig in de bestandseigenschappen de instelling (bij Vensteropties-Tonen) van 'bestandsnaam' naar 'documenttitel'.

Bevinding 62: Advies: De homepagina, provinciale-begroting.frl/, heeft een paginatitel waarin dezelfde tekst (Wolkom by de begrutting fan de provinsje Fryslân) twee keer voor komt. Verwijder de dubbele tekst. Ditzelfde komt op meerdere plekken voor, bijvoorbeeld bij de paginatitel 'Jaarstukken 2022' op pagina provinciale-begroting.frl/jaarstukken-2022 en 'Provinciale begroting 2020' (deze staat er drie keer) op pagina provinciale-begroting-archief.frl/2020/.

Bevinding 63: Advies: In de paginatitels van de pagina's in het archief (bijvoorbeeld provinciale-begroting-archief.frl/2020/) is niet te lezen bij welke provincie de pagina hoort, zoals dat bij de overige pagina's op de website (zoals bijvoorbeeld provinciale-begroting.frl/) wel zo is. Omdat de paginatitel het eerste is dat wordt voorgelezen door hulpsoftware zoals een screenreader, is het belangrijk dat de bezoeker hieruit niet alleen kan afleiden wat de titel is van de unieke pagina, maar daarna ook waar deze pagina bij hoort. Dat is in dit geval 'Fryslan' of 'Provinsje/provincie Fryslan'. Voeg deze informatie toe aan de paginatitels om deze compleet te maken.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 64: Op pagina provinciale-begroting-archief.frl/2020 komt een bezoeker die navigeert via het toetsenbord eerst langs zes elementen die op dat moment niet zichtbaar zijn op de pagina. Het gaat om de selectie-opties 'Begrotingsjaar', die pas zichtbaar worden nadat op de uitklapbare link '2020' geklikt is. Zorg ervoor dat deze links niet in de focus-volgorde voorkomen zolang deze niet op de pagina te zien zijn. Ditzelfde komt voor op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… en pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/.

Bevinding 65: Op pagina provinciale-begroting-archief.frl/2020 valt de focus op de link '2020' pas nadat de focus door de verschillende begrotingsjaren gegaan is. Zorg ervoor dat de focus eerst op de juiste link (in dit geval '2020, Selecteer begrotingsjaar') valt en pas nadat de bezoeker hierop klikt door de verschillende opties heen gaat. Op die manier is de functie van de link (het selecteren van het begrotingsjaar) op de juiste manier te begrijpen.

Bevinding 66: Op pagina provinciale-begroting.frl/begroting-2024/Application/Contact wordt het menu bij inzoomen vanaf 125% bij een schermgrootte van 1280x1024px samengevouwen achter een knop. Wanneer het menu vervolgens uitgevouwen wordt, is het mogelijk om met de tab-toets uit het menu te gaan. De focus verplaatst zich dan over elementen op de achterliggende pagina, maar het menu blijft opengevouwen. Daardoor is niet te zien waar de focus zich bevindt. Zorg er bijvoorbeeld voor dat de focus pas verplaatst kan worden naar elementen buiten het menu op het moment dat het menu gesloten is. Ditzelfde komt op meerdere pagina's voor, bijvoorbeeld provinciale-begroting.frl/begroting-2024/sitemap en provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten.

Bevinding 67: Op pagina provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten wordt het submenu dat aan de linkerkant van de pagina staat, samengevouwen achter een knop bij inzoomen van de pagina vanaf 200% bij een schermgrootte van 1280x1024px. Een bezoeker die navigeert via het toetsenbord, kan met de tab-toets uit dit submenu gaan terwijl deze voor de pagina staat. De focus verplaatst zich dan over elementen op de pagina die op dat moment niet zichtbaar zijn. Zorg dat dit pas mogelijk is wanneer het submenu samengevouwen is, bijvoorbeeld door het menu automatisch te laten inklappen als bezoekers hier focus uithalen.
Dit komt op meerdere pagina's voor.

Bevinding 68: Op pagina provinciale-begroting-archief.frl/2020 hebben een aantal menu-items een submenu, bijvoorbeeld het menu-item 'Jaarstukken'. In het submenu staan items die ook een submenu bevatten, bijvoorbeeld 'Bestuur'. Wanneer een bezoeker navigeert via het toetsenbord, gaat de focus langs de items in het submenu zonder dat deze zichtbaar zijn. Zorg ervoor dat deze items alleen focusbaar zijn wanneer dit submenu uitgevouwen is. Ditzelfde komt voor op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… en provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/.

Bevinding 69: Wanneer een bezoeker op pagina provinciale-begroting-archief.frl/2020 komt is een dialoogvenster te zien bij de schuifknop waar gekozen kan worden voor de Nederlandse of Friese taal. Hierin staat uitleg over de taalkeuze. Visueel is te zien dat dit venster bij de schuifknop hoort, maar omdat beide elementen in de focusvolgorde ver uit elkaar staan is dit verband niet te leggen door bezoekers die niet kunnen zien en die navigeren via het toetsenbord. Voor bezoekers die wel kunnen zien en navigeren via het toetsenbord, is het storend dat zij het venster niet direct kunnen wegklikken. Daardoor valt de focus op elementen die op dat moment niet te zien zijn omdat het venster er overheen staat. Pas de focusvolgorde aan door de elementen in HTML op de juiste volgorde te zetten zodat ze elkaar opvolgen. Ditzelfde komt voor op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… en provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/. Zie ook succescriterium 1.3.2.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 70: Op pagina provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten staan in de tekst meerdere links die alleen te zien zijn wanneer een bezoeker navigeert via het toetsenbord. Door op deze links te klikken wordt de focus teruggebracht naar het submenu dat aan de linkerkant van de pagina staat. Bijvoorbeeld de link met de tekst 'Terug naar navigatie - Programma De Nieuwe Afsluitdijk'. Een link met dezelfde tekst komt vlak hierna voor in de tekst, maar deze leidt naar een ander element in het submenu. Dit kan verwarrend werken voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader, omdat zij zo niet goed kunnen bepalen waar zij terecht komen. Ditzelfde geldt voor links met dezelfde linktekst die verdeeld over de pagina in de tekst staan, zoals 'Terug naar navigatie - Wat willen we bereiken?'. Zorg ervoor dat links met dezelfde linktekst naar hetzelfde doel verwijzen. Ditzelfde komt voor op pagina fryslan.begrotingsapp.nl/bestuursrapportage-2023/programma/programma-4-economie en fryslan.begrotingsapp.nl/begroting-2024/programma/programma-1-bestuur.

Bevinding 71: Door op pagina provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten te klikken op de knop 'Delen' onderaan in het submenu aan de linkerkant van de pagina, verschijnen drie links. De link naar 'Twitter' heeft door een aria-label de toegankelijke tekst 'Delen op Twitter - Paragraaf 3 Grote projecten.pdf' gekregen. Dit kan verwarring opleveren voor bezoekers die niet kunnen zien, omdat zij door deze tekst kunnen denken dat het hier gaat om een PDF-document. Dit klopt niet. Pas de tekst aan, bijvoorbeeld door '.pdf' te verwijderen. Een soortgelijk probleem (maar met op elke pagina een andere toegankelijke tekst) doet zich voor op meerdere pagina's, bijvoorbeeld pagina provinciale-begroting.frl/jaarstukken-2022/programma/gearfetting en provinciale-begroting.frl/begroting-2024/programma/paragraaf-2-weerstandsvermogen.

Bevinding 72: Wanneer een bezoeker op pagina provinciale-begroting-archief.frl/2020 komt is een dialoogvenster te zien bij de schuifknop waar gekozen kan worden voor de Nederlandse of Friese taal. Hierin staat uitleg over de taalkeuze. In dit dialoogvenster staat een sluitknop, deze is vormgegeven als link zonder linktekst. Hierdoor is het voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader niet duidelijk wat de functionaliteit van deze link is. Voeg een tekst toe waaruit dit duidelijk wordt. Ditzelfde komt voor op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… en provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/. Zie succescriterium 4.1.2.

Bevinding 73: Op pagina provinciale-begroting.frl/jaarstukken-2022/programma/4-controle-verklaring komt tweemaal een link voor die als tekst 'Controle verklaring' heeft. Beide links leiden naar een ander doel. Zorg ervoor dat links met dezelfde linktekst ook naar hetzelfde doel verwijzen. Een mogelijke oplossing voor dit probleem is om één van de linkteksten aan te passen.

Bevinding 74: Advies: Bij het volgen van de link 'Controle verklaring' op pagina provinciale-begroting.frl/jaarstukken-2022/programma/4-controle-verklaring wordt een PDF document geopend. Dit wordt niet duidelijk uit de linktekst die te horen is door bezoekers die hulpsoftware zoals een screenreader gebruiken. Voeg deze informatie toe aan de (toegankelijke) linktekst. Ditzelfde geldt voor de links die naar PDF documenten leiden op pagina fryslan.begrotingsapp.nl/bestuursrapportage-2023/programma/programma-4-economie, onder 'Voorstel begrotingswijzigingen'.

Bevinding 75: Advies: Op meerdere pagina's staat rechts onderaan een navigatiemechanisme waarmee naar de vorige of volgende pagina kan worden genavigeerd. Omdat elke pagina in deze navigatie meerdere keren voor lijkt te komen, kan dit mechanisme verwarrend zijn in gebruik. Omdat in de linktekst het woord 'vorige' of 'volgende' voorkomt, verwacht de bezoeker op een andere pagina uit te komen. Dit wordt niet afgekeurd omdat dit voor elke bezoeker verwarrend kan werken en niet alleen voor bezoekers met een functiebeperking, maar het zou het navigeren vergemakkelijken als dit mechanisme correct werkt.

Bevinding 76: Advies: Onderaan op pagina provinciale-begroting-archief.frl/2020 staat een link naar de website van Provincie Fryslan. Deze link werkt niet, waarschijnlijk doordat niet de correcte URL is gebruikt. Dit wordt onder dit succescriterium niet afgekeurd, omdat dit een probleem kan zijn voor alle bezoekers en niet alleen voor bezoekers met een functiebeperking. Toch is het beter om te zorgen dat deze link correct werkt. Ditzelfde komt voor op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… en provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/.

Bevinding 77: Advies: Op pagina fryslan.begrotingsapp.nl/bestuursrapportage-2023/programma/programma-4-economie staan in de tekst verschillende knoppen met de tekst 'Wat gaan we daarvoor doen in 2023?'. Wanneer hierop geklikt wordt, is meer informatie hierover te zien. Het gebied dat uitklapt, is vormgegeven als link welke naar een dialoogvenster leidt waarop dezelfde informatie te zien is. Dit linkdoel is niet duidelijk voor bezoekers die gebruik maken van een screenreader, waardoor zij niet weten waar zij terecht komen bij het volgen van de link. Voeg een duidelijke linktekst toe, of zorg dat deze elementen niet als link worden opgemaakt. Een soortgelijk probleem komt voor op meerdere pagina's waar soortgelijke knoppen te vinden zijn.

Bevinding 78: Advies: Op pagina provinciale-begroting.frl/ is het logo opgemaakt als een link met de toegankelijke naam 'Logo Fryslan, Ga naar homepage Publicaties'. Mogelijk is dit linkdoel niet duidelijk voor elke bezoeker die deze toegankelijke naam te horen krijgt, omdat de homepage van de website niet Publicaties heet. Pas het linkdoel daarom aan.
Ee soortgelijk probleem komt ook voor op andere pagina's, bijvoorbeeld op pagina provinciale-begroting.frl/begroting-2024/Application/Contact bij de link 'Publicaties'.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Voldoende

Bevinding 79: Advies: Om iets specifieks op te zoeken op de website, moet een bezoeker vanaf de homepagina provinciale-begroting.frl/ eerst naar een vervolgpagina gaan. Daarvoor moet de bezoeker al ongeveer weten waar datgene wat gezocht wordt, te vinden zal zijn. Om de vindbaarheid van de verschillende pagina's en documenten te verbeteren kan een algemene zoekfunctie worden toegevoegd aan de homepagina.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Voldoende

Bevinding 80: Advies: Op pagina provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten staan meerdere koppen die dezelfde tekst hebben, bijvoorbeeld 'Wat willen we bereiken?' en 'Vismigratierivier'. Voor bezoekers die met hulpsoftware zoals een screenreader navigeren over de pagina aan de hand van de koppenstructuur, is het belangrijk dat elke kop de unieke content die erbij hoort duidelijk beschrijft. Los dit op door de kopteksten aan te passen. Ditzelfde komt voor op meerdere pagina's, bijvoorbeeld fryslan.begrotingsapp.nl/begroting-2024/programma/programma-1-bestuur en fryslan.begrotingsapp.nl/bestuursrapportage-2023/programma/programma-4-economie.

Bevinding 81: Advies: Op pagina provinciale-begroting.frl/bestuursrapportage-2023/projecten is na het klikken op een knop, bijvoorbeeld 'Steunpuntlocaties Provinciale Waterstaat', een dialoogvenster te zien. Hierin wordt per onderwerp informatie overgebracht door een groen vakje met de letter 'G', of een oranje vakje met de letter 'O'. Voor bezoekers die gebruik maken van een screenreader is een aria-label toegevoegd waardoor dezelfde informatie te horen is. Hiermee heeft de informatie wel een label, maar omdat hierbij geen verklaring staat wat de kleuren en letters betekenen, kan de informatie voor sommige bezoekers alsnog onduidelijk zijn. Het is beter als er een verklaring wordt toegevoegd. Ditzelfde komt voor op pagina provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten en pagina fryslan.begrotingsapp.nl/bestuursrapportage-2023/programma/programma-4-economie onder de knoppen 'Wat gaan we daarvoor doen in 2023?'.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 82: Op pagina provinciale-begroting-archief.frl/2020 is de focus niet zichtbaar wanneer deze valt op de knop 'Zoeken', waarop een afbeelding van een vergrootglas te zien is. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen. Ditzelfde komt voor op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… en provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/.

Bevinding 83: Op pagina provinciale-begroting.frl/bestuursrapportage-2023/projecten is de focus niet zichtbaar wanneer deze valt op de combobox 'Programma'. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen.

Bevinding 84: Advies: Op pagina provinciale-begroting.frl/bestuursrapportage-2023/projecten is het alleen door een knipperend streepje te zien wanneer de focus valt op het formulierveld 'Zoeken'. Voeg een duidelijke focusrand toe om het duidelijker zichtbaar te maken dat de focus op dit element staat. Ditzelfde geldt voor het zoekveld op pagina onder andere provinciale-begroting-archief.frl/2020.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 85: Pagina provinciale-begroting.frl/jaarstukken-2022/programma/gearfetting bevat Friestalige content. Omdat in HTML de Nederlandstalige taalcode staat, wordt de Friestalige tekst niet correct voorgelezen door hulpsoftware zoals een screenreader. Voor bezoekers die gebruik maken van een screenreader die de mogelijkheid heeft om de Friese taal voor te lezen, is het belangrijk dat Friese tekst de juiste taalcode heeft (lang="fy"). Ditzelfde geldt voor andere pagina's waar Friese taal te vinden is.

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 86: Op pagina provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten is onder de kop 'Stand van zaken gewenste resultaten' een aantal knoppen te zien, zoals 'Breed Cofinancieringsbudget'. Het element waarin deze kop en knoppen staan heeft als rol 'rowgroup' gekregen, de kop heeft als rol 'rowheader' en de lijst waarin de knoppen staan heeft als rol 'rowgroup'. Hier is niet op correcte wijze gebruik gemaakt van deze attributen. Deze ARIA-attributen kunnen gebruikt worden om de content door hulpsoftware zoals een screenreader te laten voorlezen als een tabel, wanneer het niet mogelijk is een tabel in HTML correct op te maken. Daarbij is het belangrijk dat een juiste structuur van elementen en attributen wordt gebruikt, wat hier niet het geval is. Los dit bij voorkeur op door op correcte wijze gebruik te maken van semantische HTML elementen.

Bevinding 87: Op pagina provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten is onder de kop 'Stand van zaken gewenste resultaten' een aantal knoppen te zien, zoals 'Breed Cofinancieringsbudget'. De knoppen zijn als lijst-items (li-element) in een lijst (ul-element) gezet, maar doordat op het ul-element 'role="rowgroup"' is gezet kan hulpsoftware zoals een screenreader de lijst niet als lijst met lijst-items interpreteren. Verwijder 'role="rowgroup"' en zorg voor een correcte opmaak in HTML.

Bevinding 88: Op pagina provinciale-begroting.frl/2e-bestuursrapportage-2022/programma/paragraaf-3-grote-projecten zijn links te vinden in het submenu aan de linkerkant van de pagina (bijvoorbeeld '1. Spoorprojecten (programma infrastructuur)'). 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 provinciale-begroting.frl/jaarstukken-2022/programma/gearfetting en provinciale-begroting.frl/begroting-2024/programma/paragraaf-2-weerstandsvermogen.

Bevinding 89: Op pagina provinciale-begroting-archief.frl/2020 staat bovenaan een zoekveld. Deze heeft geen toegankelijke naam, waardoor voor een bezoeker die gebruik maakt van hulpsoftware zoals een screenreader alleen de tekst 'Invoerveld' hoort. Daardoor is het niet duidelijk dat hier een zoekterm ingevoerd kan worden. Geef dit veld daarom een goede toegankelijke naam. Ditzelfde komt voor op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… en provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/.

Bevinding 90: Wanneer een bezoeker op pagina provinciale-begroting-archief.frl/2020 komt is een dialoogvenster te zien bij de schuifknop waar gekozen kan worden voor de Nederlandse of Friese taal. Hierin staat uitleg over de taalkeuze. In dit dialoogvenster staat een sluitknop, deze is vormgegeven als link zonder toegankelijke naam. Hierdoor is het voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader niet duidelijk wat de functionaliteit van deze link is. Voeg een toegankelijke naam toe waaruit dit duidelijk wordt. Ditzelfde komt voor op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… en provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/leeswijzer/. Zie ook succescriterium 2.4.4.

Bevinding 91: Op pagina provinciale-begroting-archief.frl/2020/planning-control/jaarstukken/programma-7-algemene-… kan op de kop 'Begroting' geklikt worden om bijbehorende tekst uit te vouwen. Voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader is het niet duidelijk dat deze functionaliteit is toegevoegd aan de kop, een screenreader leest alleen voor dat de kop klikbaar is. Ook is voor ziende bezoekers duidelijk of het tekstblok zichtbaar is, maar is de staat van het element (samengevouwen of uitgevouwen) niet duidelijk voor hulpsoftware. Los dit bijvoorbeeld op door de koppen op te maken als knoppen met het button-element, en voeg daar bijvoorbeeld 'aria-expanded' aan toe. Hiermee is ook het probleem van focusbaarheid zoals omschreven bij succescriterium 2.1.1 opgelost. Ditzelfde komt op deze pagina voor bij de koppen 'Eerste bestuursrapportage', 'Tweede bestuursrapportage' en 'Jaarstukken'.

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-05-20 23:48:27 v2.4-011