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

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.eerstekamer.nl/ staan onder het kopje "Nieuws" de zes laatst gepubliceerde berichten. Dit betreft de groepering van een afbeelding, titel in koptekstformaat, synopsis en "lees meer" link. Sommige afbeeldingen zijn voorzien van een alternatieve tekst die gelijk is aan de titel. Schermvoorleessoftware leest hier dus tweemaal dezelfde tekst voor, bijvoorbeeld "zorgen om invoering omgevingswet zorgen om invoering omgevingswet". Voeg een beschrijvende alternatieve tekst toe, of laat de alternatieve tekst leeg zodat hulpsoftware de afbeelding kan negeren.
Dit geldt ook voor de vier blokken onder het overzicht met nieuwsberichten op dezelfde pagina (Europapoort, Staten-Generaal, Onderwijs en Derde kamer).

Op pagina https://www.eerstekamer.nl/begrip/eerste_kamerverkiezingen staat een afbeelding van de tijdlijn van de verkiezingen. Op deze afbeelding staat informatie die niet in de tekst voorkomt, bijvoorbeeld dat er ook andere verkiezen zijn op 15 maart. Voeg deze tekst toe aan de pagina, of voeg een beschrijvende alternatieve tekst toe.

Het logo van de Eerste Kamer op pagina https://www.eerstekamer.nl/9370000/r/index.html#Binnenhof is niet van alternatieve tekst voorzien. Het is tevens een link naar het eerste panoramabeeld van het Binnenhof. De alternatieve tekst van een logo moet tenminste de naam van de organisatie bevatten, en eventuele overige tekst op de afbeelding als het een link is. Overweeg daarnaast om aan de linktekst toe te voegen waar de link naar verwijst, bijvoorbeeld ‘Rondleiding homepage’.

Op pagina https://www.eerstekamer.nl/9370000/r/index.html#Binnenhof is een audio opname te horen. Er ontbreekt een tekstuele beschrijving van de inhoud zoals door dit criterium verplicht gesteld is. Zie tevens SC 1.2.1 voor verdere uitleg over audio opnames.

Op pagina https://www.eerstekamer.nl/9370000/r/index.html#Binnenhof komen meerdere iconen voor (die bijvoorbeeld onderdeel zijn van een knop of link), die geen alternatieve tekst hebben. Bijvoorbeeld de > en X iconen. Hierdoor weten bezoekers die het scherm niet kunnen zien niet waar deze elementen voor zijn. Zie ook succescriterium 4.1.2.

Op pagina https://www.eerstekamer.nl/eu/edossiers staan visueel selectievakjes in de uitvouwbare elementen. Deze selectievakjes zijn op de pagina geplaatst met CSS en zijn daardoor niet zichtbaar voor bezoekers die een eigen stylesheet inladen op de pagina, bijvoorbeeld om tekst te vergroten of om tekst weer te geven in een andere kleur. Plaats daarom alleen puur decoratieve content met CSS op de website. Zie ook 1.3.1.

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.

Advies: Afbeelding met tekst "Alle informatie over de Eerste Kamer verkiezingen in 2023" op pagina https://www.eerstekamer.nl/begrip/eerste_kamerverkiezingen heeft een title-attribuut en een leeg alt-attribuut. Het title attribuut wordt niet eenduidig door alle screenreaders en browsers ondersteund als alternatief voor een alt-attribuut. Voeg een beschrijving toe binnen het alt-attribuut en verwijder eventueel het title-attribuut. De HTML5-werkgroep raadt het gebruik van het title-attribuut af. Zie: https://html.spec.whatwg.org/multipage/dom.html#the-title-attribute
Een vergelijkbaar probleem komt voor op dezelfde pagina bij de afbeelding met tekst "Op weg naar de nieuwe Eerste Kamer" en de afbeelding met de tekst "Stemwaarde", "Stemcijfer" en "Kiesdeler"

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.eerstekamer.nl/9370000/r/index.html#Binnenhof staat een museumgids welk een audiobestand afspeelt met informatie over de achtergrond foto. De informatie uit de opname is op geen andere wijze beschikbaar gesteld, waardoor het verloren gaat voor doven en slechthorenden. Overweeg de tekst direct op de pagina beschikbaar te stellen of te linken naar een bestand met een transcriptie, of middels een video in plaats van de louter-geluid opname. Zie tevens SC 1.1.1

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.eerstekamer.nl/begrip/filmpjes komen meerdere video’s voor waar enkel een automatisch gegenereerde ondertiteling voor aanwezig is. Automatisch gegenereerde ondertiteling bevat vaak fouten (zo wordt ‘Leden der staten generaal’ in de video 200 jaar Staten-Generaal: De ontwikkeling van het instituut’ ondertitelt als ‘Nee de muur abstracte gingen’), onvolledig en mist interpunctie. Voeg voor deze video’s daarom een eigen ondertiteling toe.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.eerstekamer.nl/begrip/filmpjes is er in de video "Wat zijn de Algemene politieke beschouwingen?" op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 0:01. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een schermvoorleessoftware niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript. Of maak gebruik van een extra audiospoor om ook te voldoen aan SC 1.2.5. Dit probleem geldt voor meerdere video's op deze pagina, zoals de video 'Van plan tot wet' en de video 'Prinsjesdag 2022- Achter de schermen'.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.eerstekamer.nl/begrip/filmpjes komen meerdere video’s voor die niet van audiodescriptie zijn voorzien. De informatie in de video’s die alleen zichtbaar is, zoals logo’s, teksten, animaties en belangrijke acties, is daardoor niet beschikbaar voor bezoekers die het scherm niet kunnen zien. Voeg daarom audiodescriptie toe aan de video’s.

Uitkomst: Onvoldoende

Bevindingen: 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. Een vergelijkbaar probleem komt voor op pagina https://www.eerstekamer.nl/contact_opnemen. 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.

Op pagina https://www.eerstekamer.nl/begrip/eerste_kamerverkiezingen staat de tekst 'Voorbeeld'. Deze tekst is opgemaakt met het strong-element. Deze tekst is echter een kop voor de onderstaande tekst. Daarom moet deze tekst opgemaakt worden met een kop-element. Het strong-element geeft aan dat tekst relatief aan de tekst eromheen (bijvoorbeeld in dezelfde paragraaf) belangrijker is. Dit element mag daarom nooit puur voor opmaak gebruikt worden.

Op pagina https://www.eerstekamer.nl/begrip/eerste_kamerverkiezingen staat de tekst 'systeem van grootste gemiddelden'. Deze tekst is zowel met het strong-element als het em-element opgemaakt. Het em-element geeft aan dat tekst gesproken nadruk krijgt, dat is hier niet het geval. Verwijder het em-element om dit probleem op te lossen.

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. Een vergelijkbaar probleem komt voor op pagina https://www.eerstekamer.nl/eu/thema/europese_werkwijze_van_de_eerste, hier mist echter ook de kop-opmaak.

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.

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.

Op pagina https://www.eerstekamer.nl/begrip/eerste_kamerverkiezingen staat onder "Getrapte verkiezingen" 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 te attenderen dat tabelinformatie niet voorgelezen hoeft te worden.

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.

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.

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:

• Onder andere de kop 'Toelichting' is gecodeerd als paragraaf in plaats van als kop.
• Op onder andere pagina 4/5 komt visueel een ongeordende lijst voor, maar deze is niet als zodanig opgemaakt.
• Kopcellen in meerdere tabellen zijn niet correct gekoppeld aan datacellen.
• Meerdere tabellen missen kopcellen.
• Op meerdere plekken komt font voor die niet embed is (bijvoorbeeld de teksten 'NL' onderaan de pagina).

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

• Het document bevat <h> tags. Dit is geen tag die bedoeld is voor kop-opmaak. Maak koppen op met de tags h1 tot en met h6.
• Meerdere koppen, zoals 'Inleiding', zijn opgemaakt als paragraaf in plaats van als kop.
• Op pagina 1 komt een tabel voor opmaak voor. Gebruik hier in plaats daarvan een inhoudsophave (toc tag).
• Pagina 2, 3 en een deel van pagina 4 zijn niet getagd.

Uitkomst: Onvoldoende

Bevindingen: Op de homepage staan contentblokken, bijvoorbeeld over 'Nieuws', 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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.eerstekamer.nl/wie_zit_waar staat witte tekst op een mosgroene achtergrond (HEX #98C41C), van de partij ‘BBB’. De contrastverhouding is hier 2:1, waar dit minimaal 4.5:1 moet zijn. Het probleem komt meermalig op deze pagina voor. Vergelijkbare contrastproblemen komen voor bij ‘GroenLinks/PvdA’, ‘VVD’, ‘D66’, ‘ChristenUnie’.

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.

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.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.eerstekamer.nl/9370000/r/index.html#Binnenhof staat in de HTML-code bij meta name="viewport" de instelling "user-scalable=no" en "maximum-scale=1.". Op mobiel of tablet kunnen bezoekers daarom in sommige gevallen niet inzoomen, bijvoorbeeld op Android telefoon. Hierdoor zal de pagina in verslechterde mate bruikbaar zijn voor slechtziende bezoekers en wordt navigeren onnodig verhinderd. Laat deze instellingen weg.

Uitkomst: Onvoldoende

Bevindingen: 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.

Op pagina https://www.eerstekamer.nl/9370000/r/index.html#Binnenhof staan tooltips. Wanneer deze uitgeklapt zijn, staat er een afbeelding van tekst voor, bijvoorbeeld 'Introductie'. 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.

Advies: Op pagina https://www.eerstekamer.nl/begrip/eerste_kamerverkiezingen komt een afbeelding van tekst voor genaamd "Op weg naar de nieuwe Eerste Kamer". 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. Ditzelfde geldt voor de grafiek "Gebruik van bevoegdheden" op https://www.eerstekamer.nl/begrip/feiten_en_cijfers.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.eerstekamer.nl/9370000/r/index.html#Binnenhof staat in de HTML-code bij meta name="viewport" de instelling "user-scalable=no" en "maximum-scale=1.". Op mobiel of tablet kunnen bezoekers daarom in sommige gevallen niet inzoomen, bijvoorbeeld op Android telefoon. Hierdoor zal de pagina in verslechterde mate bruikbaar zijn voor slechtziende bezoekers en wordt navigeren onnodig verhinderd. Laat deze instellingen weg.

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/.

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/.

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.

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers op pagina https://www.eerstekamer.nl/9370000/r/index.html#Binnenhof de virtuele rondleiding volgen en de afspeelknop hebben ingedrukt, is de contrastratio van de knop om het afspelen te pauzeren (een rode afspeelknop op een rode achtergrond) slechts 1:1 waar dat minimaal 3:1 moet zijn. Zorg ervoor dat de functie van een knop herkenbaar is, door te zorgen voor voldoende contrast.

Op pagina https://www.eerstekamer.nl/wie_zit_waar is het niet goed zichtbaar wanneer sommige elementen toetsenbordfocus hebben, omdat de zwarte focusrand niet goed zichtbaar is op de donkere achtergrond, bijvoorbeeld bij 'FVD. Hou er rekening mee dat de contrastratio van de focusstijl op de achtergrond ook overal voldoende moet zijn.

Uitkomst: Onvoldoende

Bevindingen: 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.

Wanneer bezoekers op pagina https://www.eerstekamer.nl/ de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium, is de tekst Lees meer onder een aantal van de nieuwsartikelen niet meer (goed) leesbaar omdat de tekst dan door elkaar heen loopt. Zorg ervoor dat informatie beschikbaar en leesbaar blijft, ook wanneer bezoekers een eigen tekstopmaak toepassen. Dit geldt ook voor pagina https://www.eerstekamer.nl/eu/ .

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.eerstekamer.nl/doorlooptijden_wetsvoorstellen?m7m=vltmon0mgfv8#content staat een tabel met tooltips met verklarende teksten. Deze verschijnen bij muishover. De bezoeker kan nu wel met de muis over de aanvullende content hoveren zonder dat de content verdwijnt, maar de bezoeker kan de content niet weghalen zonder de muishover te verplaatsen. Zorg dat de bezoeker dit wel kan doen, bijvoorbeeld met de escape toets.

Op pagina https://www.eerstekamer.nl/9370000/r/index.html#Binnenhof staat een virtuele tourguide, die verschijnt bij muishover. De bezoeker kan nu wel met de muis over de aanvullende content hoveren zonder dat de content verdwijnt, maar de bezoeker kan de content niet weghalen zonder de muishover te verplaatsen. Zorg dat de bezoeker dit wel kan doen, bijvoorbeeld met de escape toets.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.eerstekamer.nl/9370000/r/index.html#Binnenhof staan interactieve panoramafoto’s die middels verschillende elementen van informatie zijn voorzien, zogeheten info hotspots met tooltips. De hotspots zijn niet met het toetsenbord te bereiken of te bedienen. Het betreft de blauwe vierkante blokjes die bij openen informatie tonen. Zorg er op dergelijke interactieve pagina’s voor dat functionaliteiten toetsenbordgebruikers niet benadelen.

Wanneer bezoekers op pagina https://www.eerstekamer.nl/9370000/r/index.html#Binnenhof met het < icoon in het menu het menu dichtklappen, kunnen bezoekers die gebruik maken van het toetsenbord dit menu niet meer openen met het > icoon, omdat dit icoon geen toetsenbordfocus meer krijgt. Zorg ervoor dat interactieve elementen zowel met de muis als het toetsenbord bereikbaar en bedienbaar.

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.

Advies: Op pagina https://www.eerstekamer.nl/stemmingen_per_vergaderdag is er een uitklapmenu onder "specifieke periode selecteren". Met het toetsenbord is het echter onmogelijk om de individuele dagen te bereiken in de kalenderfunctie. De kalenderfunctie staat slechts toe om maanden en jaartallen te veranderen. Omdat bezoekers een alternatief hebben (zelf een datum invullen) is dit niet afkeurbaar maar idealiter is ook de kalenderfunctie toegankelijk met het toetsenbord.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://www.eerstekamer.nl/begrip/filmpjes wordt gebruikgemaakt van de videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld f voor fullscreen. Deze functionaliteit is iets wat mensen die afhankelijk zijn van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Los dit op door de embedcode van de YouTube video aan te passen zodat de bediening met tekentoetsen uit staat. De eigenschap die toegevoegd moet worden aan de embedcode is 'disablekb=1'. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op onder andere pagina https://www.eerstekamer.nl/wetsvoorstel/36388_afschalen_a_status_covid_19 verwijst de skiplink naar de hoofdinhoud naar de ReadSpeaker widget. Deze widget komt op meerdere pagina's voor en is daarmee herhalende content. Verwijs naar de eerste niet-herhalende content om dit probleem op te lossen. Dit probleem komt op meerdere pagina's voor.

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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).

Advies: De meeste pagina's hebben een beschrijvende titel gevolgd door de naam van de website. Dit is een goede, duidelijke opmaak. Op de pagina https://www.eerstekamer.nl/9370000/r/index.html#Binnenhof staat de titel in deze volgorde "Eerste Kamer der Staten-Generaal - Virtuele Rondleiding", dus eerst de sitenaam en daarna de paginanaam. Pas dit hier (en mogelijk elders) aan ten behoeve van de consistentie.

Uitkomst: Onvoldoende

Bevindingen: 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.

Wanneer bezoekers op pagina https://www.eerstekamer.nl/9370000/r/index.html#Binnenhof verder navigeren na het hoofdmenu, krijgt voordat de afspeelknop focus krijgt een onzichtbaar niet-interactief element toetsenbordfocus. Dit is verwarrend omdat het niet duidelijk is waar de toetsenbordfocus zich bevindt. Verwijder niet-interactieve en onzichtbare items uit de focusvolgorde.

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.

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 te inactief te maken.

Uitkomst: Onvoldoende

Bevindingen: Het logo van de Eerste Kamer op pagina https://www.eerstekamer.nl/9370000/r/index.html#Binnenhof is een link naar het eerste panoramabeeld van het Binnenhof. Er wordt voorgelezen dat het een link betreft, maar het is niet geheel duidelijk waar het naar verwijst. Overweeg een tekst zoals "Terug naar de panorama van het Binnenhof - Eerste Kamer der Staten Generaal" of iets dergelijks.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op de homepage (en op iedere pagina, in het navigatiemenu bovenaan iedere pagina) staat een zoekfunctie met als visuele naam 'zoekterm'. De toegankelijke naam is echter 'Zoek door deze site door trefwoord of wetsvoorstelnummer als zoekterm in te voeren'. Omdat dit niet overeenkomt met de visuele naam, is de zoekfunctie niet of moeilijk te bedienen voor bezoekers die gebruik maken van spraakgestuurde navigatie. Zorg ervoor dat de visuele naam tenminste voorkomt in de toegankelijke naam en liefst vooraan. Een vergelijkbaar probleem komt voor op pagina https://www.eerstekamer.nl/zoeken.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.eerstekamer.nl/9370000/r/index.html#Binnenhof is de taalaanduiding van de hele pagina "en" (Engels). De pagina is echter in het Nederlands. Zorg voor de juiste taalcodering in de HTML zodat hulpsoftware de tekst op correcte wijze voorleest.

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).

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.

Uitkomst: Onvoldoende

Bevindingen: In de footer van iedere pagina staat de tekst 'Coordinated Vulnerability Disclosure'. Er is geen taalwissel aangegeven voor deze tekst, waardoor de tekst door screenreaders in de hoofdtaal van de pagina (in dit geval Nederlands) wordt voorgelezen. Hierdoor is de tekst mogelijk moeilijk of niet verstaanbaar. Geef een taalwissel voor deze tekst, of vertaal de tekst naar het Nederlands.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers op pagina https://www.eerstekamer.nl/eu/edossiers in de invoervelden iets typen, bijvoorbeeld 'behandeling in de' in 'Fase' worden automatisch meerdere opties geselecteerd voor de bezoeker. Het is niet duidelijk wat het selecteren veroorzaakt en waar dat op is gebaseerd. Zorg ervoor dat input van de bezoeker niet onaangekondigd zorgt voor wijzigingen op de pagina.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

De link achter het logo van de Eerste Kamer op pagina https://www.eerstekamer.nl/9370000/r/index.html#Binnenhof heeft geen toegankelijke naam. Zorg ervoor dat ieder interactief element een toegankelijke naam, rol en waar van toepassing een waarde en staat heeft. Zie verder ook succescriterium 1.1.1 voor andere afbeeldingen zonder toegankelijke naam, waaronder voor pagina https://www.eerstekamer.nl/9370000/r/index.html#Binnenhof.

Uitkomst: Niet aanwezig