Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Eerste Kamer der Staten-Generaal

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Eerste Kamer en Eerste Kamer.eu
Datum 29 maart 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op eerstekamer.nl.
  • Alle pagina's op eerstekamer.nl/eu.
  • Alle PDF's op de voorgenoemde pagina's.
Buiten de scope van het onderzoek valt:
  • Subwebsite onderwijs.eerstekamer.nl. Dit vereist een apart onderzoek.
  • 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: 33

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 https://www.eerstekamer.nl/ staan bij de links Europapoort, Staten-Generaal, Onderwijs en Derde kamer afbeeldingen die een alternatieve tekst hebben die overeenkomt met de koptekst. Schermvoorleessoftware leest hier dus tweemaal dezelfde tekst voor, bijvoorbeeld "Europapoort". Voeg een beschrijvende alternatieve tekst toe, of laat de alternatieve tekst leeg zodat hulpsoftware de afbeelding kan negeren.

Bevinding 2: De PDF op pagina https://www.eerstekamer.nl/eu/europeesvoorstel/com_2023_411_voorstel_voor_een/document/f=/vm6fkinv10vr.pdf bevat afbeeldingen die als artefact zijn gecodeerd, die niet artefact opgemaakt zouden moeten zijn, zoals het logo op het voorblad. Maak alleen gebruik van een artefact voor puur decoratieve content en maak informatieve afbeeldingen op als figuur met een alternatieve tekst.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 3: Op pagina’s met wetsvoorstellen staan onderaan een lijst met meest recente documenten. Een voorbeeld hiervan is https://www.eerstekamer.nl/wetsvoorstel/36388_afschalen_a_status_covid_19. De datums zijn visueel kopjes voor de onderstaande link en tekst. De teksten zijn echter niet opgemaakt als kopteksten die herkenbaar zijn voor hulpsoftware. Maak daarom gebruik van een kop-element, zoals het h3-element, om dit probleem op te lossen. Op pagina https://www.eerstekamer.nl/toezegging/meer_bekendheid_geven_aan komt een vergelijkbaar probleem voor waar onderstreepte tekst dienst doet als kopjes, net als op pagina https://www.eerstekamer.nl/begrip/eerste_kamerverkiezingen.

Bevinding 4: Op pagina https://www.eerstekamer.nl/eu/thema/europese_werkwijze_van_de_eerste staat onder "Instrumentarium Eerste Kamer bij Europese werkwijze" visueel een genummerde lijst met 5 items. De koppen zijn echter opgemaakt in 5 ongenummerde lijsten (ul), en de tekst is buiten die lijsten geplaatst. Verwijder hier de lijst opmaak, zodat er alleen genummerde kopjes blijven staan. Een echte opsomming is hier niet van toepassing.

Bevinding 5: Op pagina https://www.eerstekamer.nl/begrip/eerste_kamerverkiezingen onder de kop "Restzetels" staan visueel een genummerde lijst, die is opgemaakt als ongeordende lijst (met het ul-element). Gebruik hier het element voor een genummerde lijst (het ol-element) om dit probleem op te lossen.

Bevinding 6: Op pagina https://www.eerstekamer.nl/begrip/eerste_kamerverkiezingen staat onder "Hoe wordt de Eerste Kamer gekozen?" een opsomming van 3 items. De koppen zijn echter opgemaakt in 3 ongenummerde lijsten (ul). Maak hier 1 ul van. Zie voor correct gebuik van het ul-element bijvoorbeeld de opsomming onder "Brieven met aanvullende afspraken over het instemmingsrecht" op pagina https://www.eerstekamer.nl/eu/thema/europese_werkwijze_van_de_eerste. Een vergelijkbaar probleem komt voor op pagina https://www.eerstekamer.nl/wie_zit_waar.

Bevinding 7: Op pagina https://www.eerstekamer.nl/begrip/eerste_kamerverkiezingen staat onder "Getrapte verkiezingen" bij "Voorbeeld" een grijs vak met tekst. Hier is een tabel gebruikt voor de opmaak van content. Een tabel mag gebruikt worden voor opmaak, maar gebruik role=presentation om schermleessoftware erop te attenderen dat tabelinformatie niet voorgelezen hoeft te worden.

Bevinding 8: Op pagina https://www.eerstekamer.nl/wetsvoorstel/36388_afschalen_a_status_covid_19 komt visueel een groep keuzerondjes voor. De tekst 'Filter op' is niet gekoppeld aan de groep, bezoekers die focus hebben op één van de opties weten daarom niet dat het een filteroptie betreft. Daarnaast zijn dit geen echte keuzerondjes, maar links naar een aparte zoekresultatenpagina. Dit is verwarrend, omdat bezoekers op basis van het uiterlijk een verwachting hebben over hoe deze keuzerondjes te bedienen zijn. Een groep keuzerondjes is namelijk met de pijltoetsen te bedienen, in plaats van met de tabtoets. Dat is hier niet geval. Pas ofwel het uiterlijk aan (bijvoorbeeld naar een kopje 'Filteropties' met daaronder een lijst links) of maak de keuzerondjes op als daadwerkelijke keuzerondjes. Een vergelijkbaar probleem komt voor met de selectievakjes in de uitklapbare items op pagina https://www.eerstekamer.nl/eu/edossiers.

Bevinding 9: Op pagina https://www.eerstekamer.nl/doorlooptijden_wetsvoorstellen?m7m=vltmon0mgfv8 komt een tabel voor waar het headers attribuut gebruikt wordt. Het headers attribuut mag alleen verwijzen naar cellen in dezelfde tabel. Dat is nu niet het geval.

Bevinding 10: De PDF op pagina https://www.eerstekamer.nl/eu/europeesvoorstel/com_2023_411_voorstel_voor_een/document/f=/vm6fkinv10vr.pdf is niet (geheel) goed gecodeerd:

Bevinding 11: De PDF op pagina https://www.eerstekamer.nl/behandeling/20231004/verslag/document3/f=/vm75gbkigfzc.pdf is niet (geheel) goed gecodeerd:

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 12: Op de homepage staan contentblokken, bijvoorbeeld over 'Europapoort', met daarin een afbeelding met een alternatieve tekst, een kop en een stukje tekst. Voor bezoekers die voorleessoftware gebruiken is dit verwarrend, zij verwachten dat content die bij een kop hoort ónder de betreffende kop staat. In dit geval staat de afbeelding met alternatieve tekst bóven de kop, waardoor het niet duidelijk is bij welke kop de afbeelding hoort. Plaats de afbeelding in de code ónder de kop, visueel mag het er wel boven staan. Alternatieve oplossing: maak de afbeeldingen decoratief door het alt-attribuut leeg te laten. Hierdoor worden de afbeeldingen genegeerd door hulpsoftware en is er geen probleem meer in de leesvolgorde. Op pagina https://www.eerstekamer.nl/eu/ gaat dit goed.

Bevinding 13: De leesvolgorde van de PDF op pagina https://www.eerstekamer.nl/eu/europeesvoorstel/com_2023_411_voorstel_voor_een/document/f=/vm6fkinv10vr.pdf is niet (geheel) correct. Op pagina 2 volgen alle voetnotities ná de eerste paragraaf, waarna de leesvolgorde verder gaat met de rest van de tekst, terwijl enkele voetnotities bij andere paragrafen horen. Zorg ervoor dat de leesvolgorde overeen komt met een logische leesvolgorde voor zienden. Dit probleem komt pp meerdere pagina's voor.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 14: Op pagina https://www.eerstekamer.nl/begrip/feiten_en_cijfers wordt gesproken over 'onderstaande overzichten'. Het verwijzen naar een plek op de pagina, zoals met 'onderstaand', mag in dit geval alleen wanneer die content daar ook direct op volgt. Dat is hier niet het geval, er volgt eerst nog een andere alinea. Alle instructies om content te kunnen begrijpen of te bedienen, moeten ook tekstueel en/of semantisch aanwezig zijn zodat de instructies ook te begrijpen zijn voor mensen die het beeld niet zien. Denk hierbij aan vorm, omvang, locatie, geluid en oriëntatie van de content, die ook tekstueel beschreven moet zijn op dezelfde pagina. Een vergelijkbaar probleem komt voor op pagina https://www.eerstekamer.nl/wie_zit_waar.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 15: Kleur mag niet als het enige visuele middel gebruikt worden om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden. Er zijn grafieken aanwezig waarin kleur wordt gebruikt om informatie over te brengen. Bijvoorbeeld de grafiek "Gebruik van bevoegdheden in de Eerste Kamer" op pagina https://www.eerstekamer.nl/begrip/feiten_en_cijfers. Voor kleurenblinde bezoekers is het moeilijk dan wel onmogelijk om kleuren te differentiëren, waardoor veel informatie niet toegankelijk is. Gebruik nog minimaal één andere manier om de informatie te onderscheiden, bijvoorbeeld vormen (zoals streepjes, stippen of driehoeken) of plaats een tekstuele uitleg van wat er in de grafiek te zien is op de pagina. Zie tevens SC 1.4.5

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 16: Op pagina https://www.eerstekamer.nl/begrip/eerste_kamerverkiezingen komt een afbeelding van tekst voor. De groen/blauwe tekst (HEX #0F938D) op de witte achtergrond (en andersom) heeft een contrastratio van 3,7:1 waar dat minimaal 4,5:1. Dit probleem is opgelost door een uitleg van de informatie in de afbeelding op de pagina te plaatsen, als alternatieve tekst.

Bevinding 17: Op onder andere pagina 34 van de PDF op pagina https://www.eerstekamer.nl/eu/europeesvoorstel/com_2023_411_voorstel_voor_een/document/f=/vm6fkinv10vr.pdf komt rode tekst (HEX #FF0000) voor. De contrastratio op de witte achtergrond is 3,9:1 waar dat minimaal 4,5:1 moet zijn.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 18: Op pagina https://www.eerstekamer.nl/begrip/eerste_kamerverkiezingen staat een afbeelding met tekst "Alle informatie over de Eerste Kamer verkiezingen in 2023". Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt verder niet voor op de pagina. Plaats deze tekst daarom als HTML-tekst op de pagina.

Bevinding 19: Advies: Op pagina https://www.eerstekamer.nl/begrip/feiten_en_cijfers komt een afbeelding van tekst voor genaamd "Gebruik van bevoegdheden". Deze afbeelding is een infographic en hoeft daarom niet te voldoen aan dit succescriterium. Echter moet de afbeelding wel een beschrijvende alternatieve tekst hebben (zie 1.1.1). Daarnaast is het toegankelijker om de informatie in de afbeelding óók als platte tekst op de pagina aan te bieden.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 20: Wanneer bezoekers met schermgrootte 1280 bij 1024 inzoomen naar 200% is het het navigatiemenu bovenaan iedere pagina niet meer helemaal leesbaar. Het menu-item 'Over de Eerste Kamer' toont dan alleen nog maar als 'Over...'. Zorg ervoor dat inzoomen niet leidt tot verlies van informatie of functionaliteit. Een vergelijkbaar probleem komt voor op domein https://www.eerstekamer.nl/eu/.

Bevinding 21: Wanneer de bezoeker met schermgrootte 1280 bij 1024 inzoomt naar 175% bedekt een met de tabtoets uitgevouwen zoekbalk een deel van het navigatiemenu. Daarnaast, wanneer men dan met de tabtoets verder door de pagina gaat, blijft de zoekbalk uitgevouwen en over de menubalkkeuzes staan. Overigens is dit probleem vanaf 300% verholpen, daar het navigatiemenu dan overgaat in een hamburgermenu. Een eenvoudige oplossing voor het probleem zou zijn om dit hamburgermenu vanaf 175% te gebruiken. Een vergelijkbaar probleem komt voor op domein https://www.eerstekamer.nl/eu/.

Bevinding 22: Wanneer bezoekers met schermgrootte 1280 bij 1024 inzoomen naar 400% op pagina https://www.eerstekamer.nl/doorlooptijden_wetsvoorstellen?m7m=vltmon0mgfv8 is de tabel niet meer geheel zichtbaar. Ondanks dat er horizontale en verticale scrollbalken verschijnen, is de ruimte in de tabel zelf te klein om de daadwerkelijke tekst te kunnen lezen. Daarnaast veroorzaakt een scrollbalk in de leesrichting (horizontaal) voor bezoekers onnodige complexiteiten. Men kan er bijvoorbeeld voor kiezen om tabellen aan te passen aan het formaat, zoals met andere onderdelen van de pagina het geval is. Dit probleem doet zich voor op meerdere pagina's met tabellen.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Onvoldoende

Bevinding 23: Wanneer bezoekers op pagina https://www.eerstekamer.nl/wetsvoorstel/36388_afschalen_a_status_covid_19 de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium, is onder andere de tekst Tweede Kamer (Onder de kop Stand van zaken) niet meer (goed) leesbaar omdat de laatste letters wegvallen (Tweede Ka...). Zorg ervoor dat informatie beschikbaar en leesbaar blijft, ook wanneer bezoekers een eigen tekstopmaak toepassen.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 24: Op pagina https://www.eerstekamer.nl/doorlooptijden_wetsvoorstellen?m7m=vltmon0mgfv8#content staat een tabel met tooltips met verklarende teksten. Deze tooltips zijn wel met de muis te bereiken en te bedienen, maar niet met het toetsenbord. Zorg ervoor dat interactieve elementen zowel met de muis als het toetsenbord bereikbaar en bedienbaar zijn of zorg voor een toegankelijk alternatief. Een vergelijkbaar probleem komt voor op pagina https://www.eerstekamer.nl/wetsvoorstel/36388_afschalen_a_status_covid_19.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 25: De PDF op pagina https://www.eerstekamer.nl/behandeling/20231004/verslag/document3/f=/vm75gbkigfzc.pdf (PDF Verslag 4 oktober 2023 (36388_afschalen_a_status_covid_19) heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond.

Bevinding 26: De PDF op pagina https://www.eerstekamer.nl/eu/europeesvoorstel/com_2023_411_voorstel_voor_een/document/f=/vm6fkinv10vr.pdf (PDF document Voorstel voor een verordening over nieuwe genomische technieken) heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft.

Bevinding 27: Advies: Er is een paginatitel op pagina https://www.eerstekamer.nl/begrip/english_2, namelijk "English" maar deze beschrijft de inhoud van de pagina onvoldoende. De inhoud van de pagina wordt in de eerste alinea van de pagina beschreven: "In this document you will find general information about the election, procedures and history of the Senate." oftewel: "algemene informatie over de verkiezing, procedures en geschiedenis van de Eerste Kamer.". Een volledigere titel zou bijvoorbeeld zijn "General information in English" met evt. nog een aanvulling (about the election, procedures and history of the Senate).

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 28: Wanneer bezoekers inzoomen op de pagina verandert het navigatiemenu bovenaan iedere pagina in een hamburgermenu. Na het laatste item, gaat de focusvolgorde verder op de pagina maar blijft het menu opengeklapt. Hierdoor is het niet zichtbaar waar de focus zich bevindt, wanneer items áchter het hamburgermenu focus hebben. Zorg dat het menu vanzelf sluit na het laatste item, of dat de bezoeker zelf het menu moet sluiten, bijvoorbeeld met een sluitknop.

Bevinding 29: Wanneer een bezoeker op pagina https://www.eerstekamer.nl/wie_zit_waar een zetel selecteert, verschijnt aan de rechterkant de informatie van de betreffende persoon. De bezoeker moet nu eerst met de tabtoets door álle overige zetels in de Eerste Kamer navigeren voor de bezoeker uitkomt bij de interactieve elementen in het contentblok van de persoon. Zorg ervoor dat de bezoeker na het selecteren van een zetel naar het contentblok gaat, en daarna pas weer verder navigeert door de zetels.

Bevinding 30: Advies: Wanneer een bezoeker een partij selecteert op pagina https://www.eerstekamer.nl/wie_zit_waar, moet de bezoeker alsnog door álle zetels in de Eerste Kamer navigeren voor de bezoeker uit komt bij de zetels van de geselecteerde partij. Overweeg zetels die niet bij de geselecteerde partij horen inactief te maken.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 31: In de eigenschappen van PDF vm75gbkigfzc.pdf (PDF Verslag 4 oktober 2023 (36388_afschalen_a_status_covid_19)) is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF (Nederlands).

Bevinding 32: In de eigenschappen van PDF vm6fkinv10vr.pdf (PDF document Voorstel voor een verordening over nieuwe genomische technieken) is de taal niet goed ingevuld. Deze staat op "fr-BE" in plaats van Nederlands (NL). Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

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 33: In het navigatiemenu bovenaan iedere pagina wordt gebruik gemaakt van de aria rol 'menubar'. De a-elementen hebben als rol 'menuitem', maar daarnaast zijn er ook buttons aanwezig. Buttons mogen geen direct child element zijn van een menubar. Gebruik hier bij voorkeur standaard HTML5 door een lijst op te maken met de rol nav.

Onderbouwing van de evaluatie

Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

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

Geprint: 2025-04-12 03:05:51 v2.4-011