Rapport:
Audit digitale toegankelijkheid website Rapport aardgaswinning ‘Groningers boven gas’

Uitkomst: Onvoldoende

Bevindingen: Op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen staat het logo van de Tweede kamer. Via de CSS eigenschappen heeft deze afbeelding display: none; ontvangen, hierdoor is deze afbeelding verbogen voor hulpsoftware. Deze afbeelding is informatief en mag daarom niet verbogen zijn voor hulpsoftware. Verwijder de CSS eigenschap display: none; om dit probleem op te lossen.

Wanneer bezoekers op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen bij 'Thema's in beeld' klikken op 'Welzijn en gezondheid Groningers' verschijnt een venster in beeld. In dit venster staat een afbeelding met de alternatieve tekst 'alt text'. Deze alternatieve tekst omschrijft de afbeelding niet. Het gaat hier om een decoratieve afbeelding, daarom zou het al voldoende zijn om de afbeelding een leeg alt-attribuut te geven. Los dit probleem op door de decoratieve afbeelding een alternatieve tekst te geven die de afbeelding omschrijft of geef het img-element een leeg alt-attribuut.
Dit probleem komt ook voor in andere vensters.

In het venster 'Achtergrondinformatie schade en versterking' op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen staan in verschillende tabellen verwijzingen naar voetnoten, bijvoorbeeld in tabel 'Tabel VIII.2 Aantal en kosten fysieke schademeldingen bij TCMG en IMG'. Om de verwijzing naar de voetnoot te maken wordt gebruikt gemaakt van een asterisk (*). Sommige voorleessoftware lezen de asterisk niet voor, daarom heeft het een alternatieve tekst nodig. Maak bijvoorbeeld gebruik van een screenreader only-tekst om de asterisk een alternatieve tekst te geven.

In het navigatiemenu achter de knop 'Menu' op bijvoorbeeld pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen, staan links met daarvoor een downloadicoon. Dit icoon geeft informatie en heeft daarom een alternatieve tekst nodig. Ook is het icoon met CSS op de pagina geplaatst, hierdoor kan het voorkomen dat het icoon wegvalt als bezoekers gebruikmaken van eigen CSS of wanneer de CSS niet goed wordt geladen. Zorg ervoor dat informatieve iconen niet via CSS op de pagina worden geplaatst. Plaats het icoon via HTML op de pagina, bijvoorbeeld met het img- of svg-element, en geef het een alternatieve tekst.

Op pagina rapportaardgaswinning.tweedekamer.nl/tijdlijn staat aan de linkerzijde een afbeelding 'Grafiek met productie, gasbaten en aardbevingen'. De informatie binnen deze grafiek is niet beschikbaar voor slechtziende en blinde bezoekers. Zorg voor een tekstueel alternatief, het liefst als platte tekst op de pagina, zodat deze ook beschikbaar is voor slechtziende bezoekers die geen voorleessoftware gebruiken.

In de PDF www.tweedekamer.nl/sites/default/files/2023-02/Groningers-boven-gas_boek3-2012-2017.pdf wordt gebruik gemaakt van kleur om pagina's te koppelen aan de legenda op pagina 8. Voor deze kleuren op de pagina's is geen alternatieve tekst, zie bijvoorbeeld pagina 21. Zorg dat er voor blinde bezoekers een alternatief is voor de kleur die het onderwerp van de pagina aangeeft. Dit kan bijvoorbeeld door het onderwerp in tekst op de pagina te plaatsen.

De PDF rapportaardgaswinning.tweedekamer.nl/static/PEAG-Inzicht.pdf bestaat volledig uit een afbeelding van tekst. De tekst op deze afbeelding is niet beschikbaar voor gebruikers van hulpsoftware (zie succescriterium 1.4.5) en er is geen tekstalternatief beschikbaar. Plaats de tekst op de afbeelding als gewone tekst in het document, of geeft de afbeelding een alternatieve tekst.

Advies: Op meerdere pagina's staan infographics, zoals op de hoofdpagina onder 'Schade en versterking', en grafieken, zoals 'Figuur V.1 Ontwikkeling personeelsformatie SodM 1995-2021' in het venster 'Toezicht'. Deze afbeeldingen hebben een goede alt-tekst gekregen. Echter gebruiken niet alle slechtziende bezoekers voorleessoftware. Zij zullen dan moeite hebben met het lezen van de teksten en/of informatie op de afbeelding, maar niet de alt-tekst meekrijgen. Overweeg om de alternatieve tekst als platte tekst op de pagina aan te bieden, eventueel verborgen onder een uitklapbaar gedeelte, zodat de tekst ook voor deze doelgroep beschikbaar is.

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen bij 'Thema's in beeld' klikken op 'Welzijn en gezondheid Groningers' verschijnt een venster in beeld. In dit venster staan quotes die niet zijn opgemaakt met aanhalingstekens, hierdoor zijn de quotes niet te herkennen voor hulpsoftware. Maak de quotes bijvoorbeeld op met het blockquote-element om ervoor te zorgen dat hulpsoftware deze herkent als quotes.

Wanneer bezoekers op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen bij 'Thema's in beeld' klikken op 'Welzijn en gezondheid Groningers' verschijnt een venster in beeld. In dit venster zijn teksten schuingedrukt gemaakt met het em-element. Het em-element is niet geschikt voor de opmaak van teksten. Het heeft namelijk een semantische waarde; het geeft aan hulpsoftware aan dat een tekst nadruk nodig heeft bij uitspraak. Daarom mag het em-element niet worden gebruikt voor de opmaak van teksten en mag het alleen op één of enkele woorden worden geplaatst. Verwijder het em-element van de schuingedrukte teksten en maak deze op een andere manier op, bijvoorbeeld door gebruik te maken van CSS eigenschappen.
Het em-element wordt in meerdere vensters gebruikt om teksten schuingedrukt mee te maken, bijvoorbeeld in het venster 'Toezicht' en 'Gasbaten'.

Wanneer bezoekers op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen bij 'Thema's in beeld' klikken op 'Welzijn en gezondheid Groningers' verschijnt een venster in beeld. In dit venster staat de tabel 'Tabel I.2 Aantal acuut onveilige situaties in de periode 2016-2022'. Deze tabel heeft een leeg th-element. Th-elementen moeten altijd content bevatten omdat dit koppen zijn voor andere cellen in de tabel. Verwijder het lege th-element uit de tabel of verander dit in een td-element.

In het venster 'Het gasgebouw' op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen staat de complexe tabel 'Tabel II.1 College van Beheer Maatschap en College Gedelegeerde Commissarissen'. Om deze tabel begrijpelijk te maken voor mensen die gebruikmaken van hulpsoftware (zoals voorleessoftware) moet het bereik van de kopcellen zijn aangegeven. Geef het bereik van de kopcellen aan door gebruik te maken van het scope-attribuut of door de cellen aan elkaar te koppelen met headers- en id-attributen.

In het venster 'Gasbaten' op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen staan koppen die niet zijn opgemaakt met een kop-element, bijvoorbeeld de kop '1. Verschillen in definitie (afbaken van de toerekening)'. Hierdoor is het voor hulpsoftware niet duidelijk dat deze tekst een kop is voor de onderstaande content, wat visueel wel wordt overgebracht. Zorg ervoor dat visuele koppen zijn opgemaakt met een kop-element.
Dit probleem komt ook voor in het venster 'Toezicht' bij koppen zoals '2016'.

In het venster 'Gasbaten' op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen staat een opsomming onder de kop 'De mogelijke waarde van de gasbaten van alle velden: 1671 miljard euro'. Zorg ervoor dat alle opsommingen zijn opgemaakt met een lijst-element, in dit geval moet een ol-element worden gebruikt.
Dit probleem komt meerdere keren voor in het venster 'Gasbaten' en andere vensters, bijvoorbeeld de vensters 'Aansprakelijkheid en zorgplicht' en 'Achtergrondinformatie schade en versterking'.

De volgende bevindingen gaan over de PDF www.tweedekamer.nl/sites/default/files/2023-02/Groningers-boven-gas_boek1.pdf:

• Op pagina 1 staat een logo die niet in de codelaag is geplaatst. Deze afbeelding brengt informatie over en moet daarom met een alternatieve tekst in de codelaag zijn geplaatst. Dit geldt ook voor de informatie op pagina 120.
• Bij sommige afbeeldingen in het document is een alternatieve tekst gegeven via de optie 'Daadwerkelijke tekst' in de eigenschappen van de Figure-tag, bijvoorbeeld bij de afbeeldingen op pagina 11. Dit is niet de correcte manier om afbeeldingen een alternatieve tekst te geven. Geef deze via de optie 'Alternatieve tekst' in de eigenschappen van de Figure-tag.
• Sommige afbeeldingen in het bestand hebben een bijschrift. Deze is niet goed gekoppeld aan de bijbehorende afbeelding in de codelaag, dit komt bijvoorbeeld voor op pagina 11. Zorg ervoor dat bijschriften van een afbeelding altijd in een Caption-tag zijn geplaatst.
• De inhoudsopgave (pagina 13) is niet correct opgemaakt in de codelaag. Sommige inhoudsopgaveitems zijn samen geplaatst in één TOCI-tag. Ook is een deel van de inhoudsopgave buiten de TOC-tag geplaatst in een L-tag. Zorg ervoor dat de inhoudsopgave correct is opgemaakt, hierbij moeten alle items zijn geplaatst in een eigen TOCI-tag die allemaal zijn genest in een TOC-tag.
• Op pagina 21 staat de tekst 'Hoofdstuk 1'. In de codelaag is deze tekst opgemaakt als een lijst. Dit is niet correct omdat deze tekst visueel geen lijst is. Zorg ervoor dat deze tekst onderdeel wordt van de kop op de pagina door deze in de onderstaande H1-tag te plaatsen. Dit komt voor op meerdere pagina's in het document, bijvoorbeeld ook op pagina 33.
• Op pagina 117 staan koppen voor onderstaande teksten, bijvoorbeeld de kop 'Tekst'. Deze koppen zijn in de codelaag niet in een kop-tag geplaatst. Zorg ervoor dat alle visuele koppen in een kop-tag zijn geplaatst.
• Op pagina 117 staat een link. Deze link is in de codelaag niet opgemaakt met een Link-tag. Zorg ervoor dat de link correct wordt opgemaakt door het linkobject en de linktekst in een Link-tag te plaatsen.

De volgende bevindingen gaan over de PDF www.tweedekamer.nl/sites/default/files/2023-02/Groningers-boven-gas_boek3-2012-2017.pdf:

• In het document staan meerdere quotes die in de codelaag in een P-tag zijn geplaatst, bijvoorbeeld op pagina 23. Om duidelijk te maken aan hulpsoftware dat hier quotes staan moeten deze in een Quote-tags zijn geplaatst.
• De inhoudsopgave (op pagina 9) is niet correct opgemaakt. Sommige onderdelen van de inhoudsopgave zijn buiten de TOC-tag geplaatst in een L-tag. Ook zijn bij verschillende TOCI-tags één referentie in twee Reference-tag geplaatst. Zorg ervoor dat de inhoudsopgave correct is opgemaakt, hierbij moeten alle items zijn geplaatst in een eigen TOCI-tag die allemaal zijn genest in een TOC-tag. Ook bevat elke TOCI-tag een reference, alle inhoud van een inhoudsopgaveitem is in één Reference-tag geplaatst.
• Bij sommige afbeeldingen in het document is een alternatieve tekst gegeven via de optie 'Daadwerkelijke tekst' in de eigenschappen van de Figure-tag, bijvoorbeeld bij de afbeeldingen op pagina 2 en 3. Dit is niet de correcte manier om afbeeldingen een alternatieve tekst te geven. Geef deze via de optie 'Alternatieve tekst' in de eigenschappen van de Figure-tag.
• Op pagina 15 is de tekst 'Hoofdstuk 4' in de codelaag opgemaakt als een lijst terwijl dit visueel geen lijst is. Deze tekst is onderdeel van de kop op de pagina. Verwijder de L-tag waar deze tekst in is geplaatst en plaats de tekst in de onderstaande H1-tag. Dit komt voor op meerdere pagina's, bijvoorbeeld op pagina 107.
• Bijschriften bij afbeeldingen zijn niet in de codelaag geplaatst, hierdoor worden deze teksten niet gezien door hulpsoftware. Plaats alle bijschriften in een Caption-tag en plaats deze tags onder de bijbehorende Figure-tag.
• De tabel op pagina 109 is niet correct opgemaakt. Er staat een lege TH-tag in de tabel. Ook is de kopcel 'miljard kubieke meter' opgemaakt met een TD-tag in plaats van een TH-tag. Zorg ervoor dat de tabel correct wordt opgemaakt. Soortgelijke problemen komen ook voor in andere tabellen, bijvoorbeeld bij de tabel op pagina 120.
• Het bijschrift bij de tabel op pagina 109 is geplaatst in een P-tag in plaats van in een Caption-tag. Plaats het bijschrift in de juiste tag. Dit probleem komt ook voor bij andere tabellen in het bestand, bijvoorbeeld op pagina 114.
• De lijst op pagina 308 is niet correct opgemaakt. Lijstitems zijn in een eigen L-tag geplaatst en sommige lijstitems staan in een P-tag. Zorg ervoor dat lijsten correct zijn opgemaakt in de codelaag; alle lijstitems moeten in een LI-tag staan die weer zijn genest in één L-tag.

De volgende bevindingen gaan over de PDF www.tweedekamer.nl/sites/default/files/2023-02/Groningers-before-gas_conclusions-and-…:

• Op pagina 1 staat een logo die niet in de codelaag is geplaatst. Deze afbeelding brengt informatie over en moet daarom met een alternatieve tekst in de codelaag zijn geplaatst. Ook de informatie die op de laatste pagina (114) van het document staat is niet in de codelaag geplaatst.
• De inhoudsopgave (pagina 13) van het document is niet correct opgemaakt. Sommige inhoudsopgaveitems zijn samen geplaatst in één TOCI-tag. Ook is een deel van de inhoudsopgave buiten de TOC-tag geplaatst in een L-tag. Zorg ervoor dat de inhoudsopgave correct is opgemaakt, hierbij moeten alle items zijn geplaatst in een eigen TOCI-tag die allemaal zijn genest in de TOC-tag.
• Op pagina 15 staat de tekst 'Chapter 1'. In de codelaag is deze tekst opgemaakt als een lijst. Dit is niet correct, de tekst is namelijk onderdeel van de kop op de pagina. Zorg ervoor dat deze tekst in de H1-tag op deze pagina wordt geplaatst. Dit probleem komt vaker voor in het document, bijvoorbeeld op pagina 27.
• Bij sommige afbeeldingen in het document is een alternatieve tekst gegeven via de optie 'Daadwerkelijke tekst' in de eigenschappen van de Figure-tag, bijvoorbeeld bij de afbeeldingen op pagina 11. Dit is niet de correcte manier om afbeeldingen een alternatieve tekst te geven. Geef deze via de optie 'Alternatieve tekst' in de eigenschappen van de Figure-tag.
• Verschillende afbeeldingen in het document hebben een bijschrift, bijvoorbeeld de afbeeldingen op pagina 11. Het bijschrift is een P-tag geplaatst terwijl dit in een Caption-tag moet staan. Zorg ervoor dat bijschriften in de juiste tag worden geplaatst.
• Op pagina 111 staan teksten die koppen zijn, bijvoorbeeld de dikgedrukte tekst 'Concept & Design'. In de codelaag moeten deze koppen zijn opgemaakt met een kop-tag. Zorg ervoor dat visuele koppen altijd zijn opgemaakt met een kop-tag.
• Op pagina 111 staat een link. Deze link is in de codelaag niet opgemaakt met een Link-tag. Zorg ervoor dat de link correct wordt opgemaakt door het linkobject en de linktekst in een Link-tag te plaatsen.

Advies: In de codelaag van de PDF www.tweedekamer.nl/sites/default/files/2023-02/Groningers-boven-gas_boek3-2012-2017.pdf komen lege P-tags voor. Sommige screenreaders lezen deze tags voor als 'leeg'. Dit kan verwarrend zijn voor gebruikers. Vermijd daarom het gebruik van lege P-tags in de codelaag.

Advies: In de onderzochte PDF's (met uitzondering van de infographic) is het voorblad niet gecodeerd. Er is een toegankelijk alternatief doordat de teksten een aantal pagina's verderop nogmaals gepubliceerd zijn en daar wel gecodeerd zijn. Echter geeft het voorblad duidelijk weer waar het document over gaat, en is het verwarrend dat dit pas een aantal pagina's verderop duidelijk wordt voor blinde of slechtziende bezoekers.
Voorzie daarom de teksten op het voorblad van tags.

Uitkomst: Onvoldoende

Bevindingen: In het venster 'Achtergrondinformatie schade en versterking' op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen staan in verschillende tabellen verwijzingen naar voetnoten, bijvoorbeeld in tabel 'Tabel VIII.2 Aantal en kosten fysieke schademeldingen bij TCMG en IMG'. Voor bezoekers die gebruikmaken van een screenreader is het lastig om de koppeling te maken tussen de verwijzing en de voetnoot. Daarom is het belangrijk dat screenreaders de voetnoot direct na de verwijzing voorlezen. Zorg ervoor dat de voetnoot in de code direct na de verwijzing is geplaatst, of maak bijvoorbeeld gebruik van een meer informatie knop.

In de tijdlijn op pagina rapportaardgaswinning.tweedekamer.nl/tijdlijn zijn verschillende problemen gevonden met de volgorde waarin content door screenreaders wordt voorgelezen:

• Voor sommige jaartallen staan knoppen die gelabeld zijn met een pijl naar beneden. In de code zijn deze knoppen vóór het bijbehorende jaartal geplaatst. Hierdoor is het voor screenreadergebruikers niet duidelijk bij welk jaartal de knop hoort. Zorg ervoor dat de knop ná het bijbehorende jaartal in de code is geplaatst. Het liefst wordt ook duidelijk uit de toegankelijke naam waar de knop bij hoort.
• Wanneer de tijdlijn wordt voorgelezen door screenreader worden alle kolommen apart opgenoemd. Dus eerst worden alle jaartallen voorgelezen, daarna alle informatie onder de tab 'Risico's en kennis', daarna alle informatie onder de tab 'Gasgebouw en besluiten', etcetc. Het is voor gebruikers van screenreaders niet te bepalen welke gebeurtenissen bij welk jaartal horen. Zorg ervoor dat eerst het jaartal wordt voorgelezen en daarna alle bijbehorende gebeurtenissen.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: In het venster 'Gasbaten' op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen staat een grafiek (Figuur III.1 Gasbaten alle velden: absoluut per jaar en als percentage van het bbp) waarin informatie in de legenda wordt gekoppeld aan de grafiek door middel van kleur. Mensen die kleuren niet goed kunnen waarnemen zullen moeite hebben om de legenda te koppelen aan de grafiek. Zorg ervoor dat informatie ook op een kleuronafhankelijke manier wordt gekoppeld, bijvoorbeeld door een patroon te gebruiken.
Kleur wordt ook in andere grafieken gebruikt om informatie te koppelen, bijvoorbeeld bij de grafiek 'Figuur III.3 De gasbalans van Nederland' in hetzelfde venster of in de tijdlijn op rapportaardgaswinning.tweedekamer.nl/tijdlijn.
Ook de PDF's bevatten grafieken waarin kleur wordt gebruikt om informatie over te brengen, bijvoorbeeld in de PDF www.tweedekamer.nl/sites/default/files/2023-02/Groningers-boven-gas_boek3-2012-2017.pdf op pagina 126.

In de PDF www.tweedekamer.nl/sites/default/files/2023-02/Groningers-boven-gas_boek3-2012-2017.pdf wordt gebruik gemaakt van kleur om elk hoofdstuk in te delen naar de onderwerpen die zijn geplaatst in de legenda op pagina 8. Mensen die kleuren niet of niet goed kunnen zien kunnen de informatie in de legenda niet koppelen aan de pagina's die deze kleuren hebben gekregen. Zorg ervoor dat informatie op een kleuronafhankelijke manier wordt overgebracht, bijvoorbeeld door de onderwerpen die aanbod komen in tekst op de desbetreffende pagina's te plaatsen.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen bij 'Thema's in beeld' klikken op 'Welzijn en gezondheid Groningers' verschijnt een venster in beeld. In dit venster staan blauwe teksten (HEX #47A1B7) op een lichtblauwe achtergrond (HEX #EFF3F4). De contrastverhouding is hier 2,6:1, waar dat minimaal 4,5:1 moet zijn. Dit contrastprobleem komt voor in meerdere vensters.

Op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen staat de witte tekst 'Thema's in beeld' op een blauwe achtergrond (HEX #8CBCC9). De contrastverhouding is hier 2:1, waar dat minimaal 4,5:1 moet zijn.
Deze kleurencombinatie komt meerdere keren op de website voor, bijvoorbeeld ook op rapportaardgaswinning.tweedekamer.nl/ (ingezoomde weergave).

In de PDF www.tweedekamer.nl/sites/default/files/2023-02/Groningers-boven-gas_boek1.pdf staat meerdere keren de tekst "Groningers boven gas" waarbij de laatste twee woorden een gradiëntkleur hebben. Deze kleur heeft een te lage contrastwaarde met zowel de donkerblauwe als de witte achtergrond, namelijk tussen de 1,9:1 en 2,0:1. Dit moet minimaal 3,0:1 zijn.
Dit geldt ook voor de gradiënt in andere PDF's, zoals in www.tweedekamer.nl/sites/default/files/2023-02/Groningers-boven-gas_boek3-2012-2017.pdf . Hier is het contrast tussen de 1,3:1 en 1,4:1.

In de PDF www.tweedekamer.nl/sites/default/files/2023-02/Groningers-boven-gas_boek1.pdf wordt gebruik gemaakt van een lichtblauwe tekst (HEX #46A0B6) op een witte achtergrond, bijvoorbeeld op pagina 21. Deze tekst heeft onvoldoende contrast. De contratsverhouding is hier 3:1, waar dat minimaal 4,5:1 moet zijn.
Dit contrastprobleem komt ook voor in de PDF www.tweedekamer.nl/sites/default/files/2023-02/Groningers-boven-gas_boek3-2012-2017.pdf en de PDF www.tweedekamer.nl/sites/default/files/2023-02/Groningers-before-gas_conclusions-and-….

In de afbeelding op pagina 88 van de PDF www.tweedekamer.nl/sites/default/files/2023-02/Groningers-boven-gas_boek1.pdf staat witte tekst op een grijze achtergrond (HEX #828589). De contratsverhouding van deze tekst is 3,7:1, waar dat minimaal 4,5:1 moet zijn.
Dit contrastprobleem komt ook voor de PDF www.tweedekamer.nl/sites/default/files/2023-02/Groningers-before-gas_conclusions-and-….

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: In het venster 'Gasbaten' op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen staat een afbeelding van een tabel (Tabel III.6 Overzichtstabel van kosten schade en versterken uit Miljoenennota 2023). Afbeeldingen van teksten kunnen niet worden aangepast om de tekst leesbaar te maken voor mensen met slecht zicht. Ook wordt de tekst op de afbeelding niet voorgelezen door voorleessoftware. Zorg ervoor dat afbeeldingen van tekst niet worden gebruikt. Plaats de tabel met HTML op de pagina.

In de PDF op pagina www.tweedekamer.nl/sites/default/files/2023-02/Groningers-boven-gas_boek1.pdf staan meerdere afbeeldingen van tekst, bijvoorbeeld op pagina's 2 en 3, en op pagina 86. De teksten op deze afbeeldingen worden niet voorgelezen door screenreaders. Ook is de tekst op de afbeeldingen niet aanpasbaar voor mensen met slechtzicht of dyslexie. Gebruik daarom geen afbeeldingen van tekst, plaatst deze teksten als gewone tekst in het document.
Dit probleem komt ook voor in andere PDF's, bijvoorbeeld in de PDF www.tweedekamer.nl/sites/default/files/2023-02/Groningers-before-gas_conclusions-and-….

De PDF rapportaardgaswinning.tweedekamer.nl/static/PEAG-Inzicht.pdf is een afbeelding met daarin tekst. De tekst wordt niet voorgelezen door screenreader en is daardoor niet beschikbaar voor mensen die het scherm niet kunnen zien. Ook is er geen alternatieve tekst voor deze afbeelding (zie succescriterium 1.1.1). Daarnaast kan de tekst niet worden aangepast voor mensen met slecht zicht of dyslexie. Zorg ervoor dat de tekst op de afbeelding als gewone tekst in het document wordt geplaatst. Ook moet deze tekst correct worden gecodeerd in de codelaag.

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers bij een schermbreedte van 1280 bij 1024 pixels inzoomen tot 400% is het niet meer mogelijk om horizontaal naar beneden te scrollen op pagina rapportaardgaswinning.tweedekamer.nl/. Hierdoor is de website moeilijk te gebruiken voor mensen die moeten inzoomen, bijvoorbeeld vanwege slechtzicht. Zorg ervoor dat geen functionaliteiten verloren gaan wanneer bezoekers inzoomen op een pagina. Let op dat mogelijk andere toegankelijkheidsproblemen die nu niet zichtbaar zijn op de pagina voorkomen bij inzoomen.
Dit probleem komt voor op rapportaardgaswinning.tweedekamer.nl/tijdlijn.

Opmerking: Wanneer bezoekers bij een schermbreedte van 1280 bij 1024 pixels wordt ingezoomd tot 400% op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen, is het deel van de schermweergave waarin content wordt getoond erg klein. Dit komt door de grootte van de sticky header. Hierdoor is de inhoud van de pagina niet goed leesbaar voor sommige bezoekers.
Dit probleem komt ook voor op pagina rapportaardgaswinning.tweedekamer.nl/themas.

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen bij 'Thema's in beeld' klikken op 'Welzijn en gezondheid Groningers' verschijnt een venster in beeld. De sluitknop van dit venster is een witte X op een blauwe achtergrond (HEX #8CBCC9). Het contrast van deze X op de achtergrond is te laag. De contrastverhouding is hier 2:1, waar dat minimaal 3:1 moet zijn.
Deze sluitknop staat in alle vensters.

In het venster 'Gasbaten' op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen staat de grafiek 'Figuur III.1 Gasbaten alle velden: absoluut per jaar en als percentage van het bbp'. In deze grafiek hebben de oranje staven (HEX #E3A752) een contrastverhouding van 2,1:1 op de witte achtergrond, waar dat minimaal 3:1 moet zijn.
Dit contrastprobleem komt ook voor in andere grafieken, bijvoorbeeld in 'Figuur III.2 Overheidssaldo 2001-2020 'met en zonder gasbaten’' in hetzelfde venster.

In het venster 'Gasbaten' op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen staat de grafiek 'Figuur III.3 De gasbalans van Nederland'. De gele kleur (HEX #F9CA27) die in deze grafiek is gebruikt heeft een te laag contrast. Op de witte achtergrond is de contrastverhouding 1,5:1, waar dat minimaal 3:1 moet zijn.

Op de pagina's rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen en rapportaardgaswinning.tweedekamer.nl/tijdlijn staan horizontale scrollbalken. Deze scrollbalken (HEX #EFF3F4) hebben onvoldoende contrast op de witte achtergrond. De contrastverhouding is hier 1,1:1, waar dat minimaal 3:1 moet zijn.

De gele kleur (HEX #E3A753) die in de tijdlijn op pagina rapportaardgaswinning.tweedekamer.nl/tijdlijn wordt gebruikt voor knoppen heeft een te laag contrast op de witte achtergrond. De contrastverhouding is hier 2,1:1, waar dat minimaal 3:1 moet zijn. Deze kleurencombinatie wordt ook gebruikt in vensters voor de sluitknop.

In de tijdlijn op pagina rapportaardgaswinning.tweedekamer.nl/tijdlijn wordt een blauwe kleur (HEX #47A1B7) gebruikt voor knoppen. Deze kleur heeft een te laag contrast op de witte achtergrond. De contratsverhouding is hier 2,9:1, waar dat minimaal 3:1 moet zijn.
Deze kleurencombinatie wordt ook gebruikt voor sluitknoppen in vensters.

In de afbeelding "Grafiek met productie, gasbaten en aardbevingen" op pagina rapportaardgaswinning.tweedekamer.nl/tijdlijn worden kleurcombinaties gebruikt die een te lage contrastwaarde geven. Bijvoorbeeld de kleuren voor de Aardbevingswaarden van M=0-1,0; 1,0-1,5 en 1,5-2 hebben een contrastwaarde van tussen de 1,2:1 en 1,6:1 op de lichtgele achtergrond. De oranje lijn op de lichtgele achtergrond heeft een contrastwaarde van 2,0:1. Het contrast moet minimaal 3,0:1 zijn. Verhoog het contrast, of zorg voor een toegankelijk alternatief.

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers de stijleigenschappen van de tekst aanpassen naar de eigenschappen die staat omschreven bij dit succescriterium, komt op pagina rapportaardgaswinning.tweedekamer.nl/tijdlijn tekst over andere content heen te staan. De tekst 'Tijdlijn: de gevolgen van de aardgaswinning van 1959 tot nu' komt over de knoppen die gelabeld zijn met jaartalen te staan, bijvoorbeeld de knop '1959-1993'. Zorg ervoor dat content niet over elkaar komt te staan wanneer bezoekers de stijleigenschappen van tekst aanpassen.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen staan verschillende knoppen en links die niet te bedienen zijn met het toetsenbord. Het gaat hier bijvoorbeeld om de knop 'Inleiding' en de link 'Download infographics'. Zorg ervoor dat alle elementen die met het toetsenbord te bedienen zijn ook te bereiken en bedienen zijn met het toetsenbord.
Het is wel mogelijk om deze knoppen te bedienen wanneer bezoekers gebruikmaken van een screenreader en met de pijltoetsen over de pagina navigeren.

Wanneer bezoekers op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen bij 'Thema's in beeld' klikken op 'Welzijn en gezondheid Groningers' verschijnt een venster in beeld. In dit venster staat de tabel 'Tabel I.2 Aantal acuut onveilige situaties in de periode 2016-2022' die een horizontale scrollbalk heeft. Deze balk is niet te bedienen met het toetsenbord. Hierdoor kunnen toetsenbordgebruikers de verbogen content in de tabel niet zichtbaar maken. Zorg ervoor dat alle interactieve elementen ook te bedienen zijn met het toetsenbord.
Dit probleem komt ook voor bij andere tabellen, bijvoorbeeld ook bij de tabel 'Tabel III.1 Uitkomsten scenario's Algemene Rekenkamer' in het venster 'Gasbaten' en bij tabellen in het venster 'Achtergrondinformatie schade en versterking'.

In de PDF www.tweedekamer.nl/sites/default/files/2023-04/Groningers-boven-gas_boek1.pdf staat op pagina 117 een link die niet te bedienen is met het toetsenbord maar wel met de muisaanwijzer. Dit komt omdat de link niet correct is opgemaakt in de codelaag (zie ook succescriterium 1.3.1). Zorg ervoor dat deze link te bedienen is met het toetsenbord.
Dit probleem komt ook voor op pagina 111 van de PDF www.tweedekamer.nl/sites/default/files/2023-02/Groningers-before-gas_conclusions-and-….

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen komt automatisch bewegende content voor. Voor sommige bezoekers kan bewegende content op het scherm afleidend werken, bijvoorbeeld voor mensen met bepaalde cognitieve beperkingen. Zorg er daarom voor dat wanneer content automatisch beweegt, er een mechanisme is waarmee bezoekers deze beweging kunnen pauzeren, stoppen of verbergen. Een andere mogelijke oplossing is het verwijderen van de bewegende content.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: De pagina's rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen en rapportaardgaswinning.tweedekamer.nl/tijdlijn hebben beide de paginatitel 'Groningers boven gas | Parlementaire enquête aardgaswinning Groningen'. Elke url heeft een unieke paginatitel nodig. Pas daarom de paginatitel van rapportaardgaswinning.tweedekamer.nl/tijdlijn aan.

De PDF rapportaardgaswinning.tweedekamer.nl/static/PEAG-Inzicht.pdf heeft geen documenttitel. Een documenttitel is belangrijk voor gebruikers die het scherm niet kunnen zien omdat het aan hen aangeeft wat het hoofdonderwerp van het document is. Ook kunnen mensen het bestand herkennen aan de documenttitel in de tabbladen. Zorg er daarom voor het de PDF een goede documenttitel krijgt en dat deze wordt getoond bij het openen van het bestand.

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers voor het eerst op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen komen staat er een 'Welkom' venster op het scherm. Voor toetsenbordgebruikers is het mogelijk om de focus te plaatsen op de achterliggende pagina terwijl dit venster voor de pagina staat. Hierdoor weten ziende toetsenbordgebruikers niet welk element focus heeft. Zorg ervoor dat wanneer vensters voor de pagina staan de toetsenbordfocus hierin blijft tot de bezoeker het venster afsluit.
Dit probleem komt ook voor bij andere vensters op deze pagina, zoals bij de vensters die verschijnen bij de 'Inleiding' (onder het menu) of bij 'Welzijn en gezondheid Groningers' (onder 'Thema's in beeld').

Op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen staat een knop met de toegankelijke naam 'Menu'. Achter deze knop zit een menu verstopt. Wanneer het menu nog is ingeklapt achter de knop is het voor toetsenbordgebruikers mogelijk om focus te plaatsen op de links in dit menu. Zorg ervoor dat het alleen mogelijk is om focus te plaatsen op elementen die visueel zichtbaar zijn, in een nog ingeklapt menu moeten bezoekers geen focus kunnen plaatsen.
Op deze pagina is het mogelijk om ook focus te plaatsen op andere visuele verborgen elementen, bijvoorbeeld in de vensters die nog achter de knoppen 'Inleiding', 'Conclusies' en 'Aanbevelingen' verbogen zijn. Zorg ervoor dat visueel verbogen elementen pas focus krijgen wanneer deze op het scherm te zien zijn.

Wanneer bezoekers inzoomen tot 110% bij een schermbreedte van 1280 bij 1024 pixels verandert de lay-out van pagina rapportaardgaswinning.tweedekamer.nl/. Content verdwijnt achter knoppen zoals de knop 'Conclusies & aanbevelingen'. Wanneer deze knoppen worden geactiveerd verschijnt content op de pagina, maar de toetsenbordfocus wordt niet direct op het eerste bedienbare elementen in deze content geplaatst. De toetsenbordfocus lijkt nog op de achterliggende pagina te staan voordat het op de nieuw verschenen content wordt geplaatst. Zorg ervoor dat wanneer nieuwe content met bedienbare elementen verschijnt, de toetsenbordfocus hier direct op wordt geplaatst.

De volgorde waarop elementen in de tijdlijn op pagina rapportaardgaswinning.tweedekamer.nl/tijdlijn focus krijgen zit de bediening van deze tijdlijn in de weg. De kolommen in de tijdlijn krijgen één voor één focus, waarbij de focusvolgorde in de kolom van boven naar beneden gaat. Hierdoor kunnen toetsenbordgebruikers, wanneer zij bijvoorbeeld zijn aangekomen bij de '+' knop bij 1960 niet direct focus plaatsen op de bijbehorende gebeurtenissen. Zorg ervoor dat de focusvolgorde in de tijdlijn ervoor zorgt dat toetsenbordgebruikers alle gebeurtenissen bij een jaartal achterelkaar kunnen bedienen.

Advies: Wanneer bezoekers met de tabtoets over pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen navigeren en bij de knop 'Tijdlijn' zijn aangekomen, wordt de focus daarna geplaatst op de pagina rapportaardgaswinning.tweedekamer.nl/tijdlijn. Dit kan verwarrend zijn voor sommige toetsenbordgebruikers, omdat ze plots op een andere pagina terecht komen. Zorg ervoor dat focus niet wordt geplaatst op een nieuwe pagina zonder dat een actie uitvoeren, zoals het activeren van een link.

Uitkomst: Onvoldoende

Bevindingen: Op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen is het logo van de tweede kamer opgemaakt als link. Deze link heeft geen toegankelijke naam. Normaal gesproken zou deze link een toegankelijke naam krijgen via de alternatieve tekst op de afbeelding, maar omdat de afbeelding verbogen is (zie succescriterium 1.1.1) wordt de alternatieve tekst niet doorgegeven aan de link. Een mogelijk oplossing voor dit probleem is om het logo niet meer te verbergen.

Advies: Op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen zijn de teksten 'Groningers boven gas' en 'Parlementaire enquête aardgaswinning Groningen' opgemaakt als links. Deze links verwijzen naar de pagina waar de bezoekers zich op dat moment op bevindt. Op de enige andere pagina van deze website, rapportaardgaswinning.tweedekamer.nl/tijdlijn, zijn deze teksten niet opgemaakt als links. Daarom kan het verwarrend zijn dat deze teksten op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen zijn opgemaakt als links. Omdat deze links geen toegevoegde waarde hebben is het beter om de links te verwijderen door het a-element van de teksten te halen.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen bij 'Thema's in beeld' klikken op 'Welzijn en gezondheid Groningers' verschijnt een venster in beeld. In dit venster staan knoppen die de toegankelijke naam 'i' hebben. Dit omschrijft de functie van de knoppen niet. Zorg ervoor dat de toegankelijke naam duidelijk maakt dat de knop meer informatie toont. Het zou ideaal zijn als de toegankelijke naam ook aangeeft waarover de knop meer informatie toont.
Deze knoppen komen voor in meerdere vensters.

In de tijdlijn op pagina rapportaardgaswinning.tweedekamer.nl/tijdlijn staan knoppen die een plus-icoon (+) als toegankelijke naam hebben. Dit omschrijft niet goed wat de knop doet. Deze knoppen hebben via het title-attribuut wel aanvullende informatie gekregen, maar dit wordt niet meegenomen in de toegankelijke naam van de knop. Dit komt doordat de + die binnen het button-element staat het title-attribuut overschrijft voor de toegankelijke naam. Zorg ervoor dat de knoppen een goede toegankelijke naam krijgen, bijvoorbeeld door gebruik te maken van aria-label.

Wanneer het menu op onder andere pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen is geopend, verandert de menuknop in een sluitknop. De toegankelijke naam van deze knop blijft 'Menu', wat de functie van de knop niet goed omschrijft. Zorg ervoor dat de toegankelijke naam van de knop mee verandert met de functie.

Uitkomst: Onvoldoende

Bevindingen: In de tijdlijn op pagina rapportaardgaswinning.tweedekamer.nl/tijdlijn is het niet zichtbaar wanneer de gekleurde knoppen focus hebben. Zorg ervoor dat het altijd zichtbaar is wanneer elementen focus hebben, bijvoorbeeld door gebruik te maken van een focusrand.

Advies: Wanneer toetsenbordfocus wordt geplaatst op sommige elementen, zoals de menuknop op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen, wordt dit aangegeven met een dunne, gestippelde focusrand. Voor sommige bezoekers is deze focusrand niet goed te zien. Ook worden de eisen voor de dikte van een focusrand strenger in de WCAG 2.2, zie w3c.github.io/wcag/understanding/focus-appearance.html. Het is daarom beter om het uiterlijk van de focusrand aan te passen en ervoor te zorgen dat het voldoende contrast heeft met de achtergrond.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: In de eigenschappen van de PDF rapportaardgaswinning.tweedekamer.nl/static/PEAG-Inzicht.pdf is geen taal ingesteld. Zorg ervoor dat PDF's een taal hebben ingesteld. Deze taalinstelling moet overeenkomen met de hoofdtaal dat is gebruikt in het document.

De PDF www.tweedekamer.nl/sites/default/files/2023-02/Groningers-before-gas_conclusions-and-… is bevat grotendeels Engelse content maar heeft een Nederlandse taalinstelling. Hierdoor wordt het document niet correct voorgelezen door screenreaders. Zorg ervoor dat het document een Engelse taalinstelling krijgt in de documenteigenschappen.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen is het attribuut aria-expanded geplaatst op div-elementen zonder een rol. Het aria-expanded attribuut mag alleen worden gebruikt op elementen met een bepaalde rol, zoals button of checkbox. Hierbij mag het attribuut ook alleen worden gebruikt om aan te gegeven of het element is ingeklapt of uitgeklapt. Zorg ervoor dat aria-expanded correct wordt gebruikt en verwijder het van div-elementen die niet de juiste rol voor dit attribuut hebben.

Op pagina rapportaardgaswinning.tweedekamer.nl/tijdlijn zijn knoppen opgemaakt met role=tab, bijvoorbeeld de knop met de toegankelijke naam 'Versterking'. Wanneer elementen de rol tab hebben moeten deze afstammen van een element met de rol tablist. Zorg ervoor dat alle knoppen met de rol tab in een element worden genest met de rol tablist.

Op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen is het logo van de Tweede kamer opgemaakt als link. Deze link heeft geen toegankelijke naam. Hierdoor is de link moeilijk te bedienen voor mensen die gebruikmaken van voorleessoftware of spraakbediening. Zorg ervoor dat de link een toegankelijk naam krijgt, zie ook succescriterium 2.4.4 en 1.1.1.

Op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen staat een menuknop. Voor ziende bezoekers is het duidelijk wanneer deze knop is in- of uitgeklapt, maar deze informatie is niet beschikbaar voor bezoekers die het scherm niet kunnen zien. Zorg ervoor dat in de code wordt aangegeven wanneer deze knop in- en uitgeklapt is, bijvoorbeeld door gebruik te maken van aria-expanded.

Wanneer bezoekers op pagina rapportaardgaswinning.tweedekamer.nl/conclusies-en-aanbevelingen inzoomen tot 110% bij een schermbreedte van 1280 bij 1024 pixels verschijnt een knop die gelabeld is met een huisicoon. Deze knop heeft geen toegankelijke naam. Zorg ervoor dat de knop een toegankelijke naam krijgt zodat deze te bedienen is met hulpsoftware.
Deze knop komt ook voor op andere pagina's wanneer hierop wordt ingezoomd, zoals op pagina rapportaardgaswinning.tweedekamer.nl/tijdlijn en rapportaardgaswinning.tweedekamer.nl/themas.

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers een venster openen op de website, bijvoorbeeld door één van de plusknoppen te activeren in de tijdlijn op pagina rapportaardgaswinning.tweedekamer.nl/tijdlijn, wordt dit niet opgemerkt door hulpsoftware. Screenreaders lezen bijvoorbeeld niet voor dat een venster is geopend. Hierdoor merken screenreadergebruikers niet dat er een verandering is op het scherm. Zorg ervoor dat wanneer een venster verschijnt dit wordt opgemerkt door voorleessoftware.