Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Biedboek

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Biedboek
Datum 2 februari 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op biedboek.nl. Dit is getest op de acceptatieomgeving.
  • Alle pagina's op bidbook.eu. Dit is getest op de acceptatieomgeving.
  • De PDF's op beide domeinen.
  • Pagina's achter een inlog.
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 99

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: Het logo van het Rijksvastgoedbedrijf bovenaan iedere pagina heeft als alternatieve tekst 'Logo RVB'. De alternatieve tekst van een logo moet tenminste de (in dit geval uitgeschreven) naam van een organisatie bevatten. Daarnaast is deze afbeelding ook een link, daarom moet de alternatieve tekst ook de overige tekst op de afbeelding bevatten. Voeg daarnaast bij voorkeur een toegankelijk linkdoel toe, bijvoorbeeld 'Home'.

Bevinding 2: Op meerdere pagina's, waaronder op pagina https://www.biedboek.nl/nl/sitemap/index, wordt met een > icoon aangegeven dat iets onderdeel is van een opsomming. Dit icoon is een svg. Een svg wordt herkend door browsers en hulpsoftware als een afbeelding. Voor ieder item wordt nu dus voorgelezen dat er een afbeelding aanwezig is. Aangezien dit icoon puur decoratief is, is dit heel storend en overbodig. Verberg de svg's daarom voor hulpsoftware, bijvoorbeeld met aria-hidden. Dit probleem doet zich op meerdere pagina's voor, waaronder op pagina https://www.biedboek.nl/nl/page/help. Een vergelijkbaar probleem komt voor met het pijlicoon voor volledige schermweergave in de videospeler op pagina https://www.biedboek.nl/nl/page/process.

Bevinding 3: Op pagina https://www.biedboek.nl/nl/page/contact staat een icoon dat aangeeft dat de link naar een externe pagina verwijst. Dit icoon heeft geen alternatieve tekst voor bezoekers die het scherm niet kunnen zien. Daarnaast is dit icoon op de pagina geplaatst met CSS. Bezoekers kunnen om verschillende redenen een eigen stylesheet inladen, bijvoorbeeld om het contrast van teksten te verhogen of tekst standaard vergroot weer te geven. Iconen die met CSS op de pagina zijn geplaatst vallen dan weg. Plaats daarom alleen puur decoratieve content op de pagina met CSS. Plaats het icoon bijvoorbeeld met een img-element en een alternatieve tekst, of als svg-element met een genest title-element met daarin een goede beschrijving.

Dit probleem komt op meerdere pagina's voor, waaronder op pagina https://www.biedboek.nl/nl/page/accessibility.

Bevinding 4: Op pagina https://www.biedboek.nl/nl/page/accessibility komt een afbeelding van een toegankelijkheidsverklaring voor. Met het title-attribuut is de alternatieve tekst 'Status-Toegankelijkheid-1.jpg' gegeven. Dit beschrijft de inhoud van de afbeelding niet. Geef de afbeelding een beschrijvende alternatieve tekst. Het beste is om hier de embed-code van toegankelijkheidsverklaring.nl direct te gebruiken. Vergelijkbare problemen komen voor op pagina https://www.biedboek.nl/nl/page/process en op pagina https://www.biedboek.nl/nl/page/externaloffer (let op: het gaat op deze pagina om logo's).

Bevinding 5: Op pagina https://www.biedboek.nl/nl/page/process komt een video voor. Deze video heeft een korte beschrijving nodig zodat de bezoeker weet dat er een video volgt en waar deze over gaat. Dit geldt ook voor https://www.bidbook.eu/en/page/process.

Bevinding 6: In de videospeler op pagina https://www.biedboek.nl/nl/page/process wordt naast een slider, ook de huidige tijd en de totale tijd van de video weergegeven. Tussen deze twee tijden in staat het | teken. Dit teken wordt voorgelezen als 'bar'. Verberg dit teken voor hulpsoftware en voeg bijvoorbeeld met screenreaderonly tekst het woord 'van' toe, of verwijder het teken en voeg de zichtbare tekst 'van' toe. Dit geldt ook voor https://www.bidbook.eu/en/page/process (maar dan 'of').

Bevinding 7: Op pagina https://www.biedboek.nl/nl/realestate/view/1623/nabij-het-nieuwe-diep-23-te-den-helder staat in het afbeelding blok een + icoon met de alternatieve tekst 'Toon social media icons'. Vervolgens opent aanvullende content met daarin een LinkedIn icoon. Dit icoon heeft geen alternatieve tekst en daarom is er ook geen toegankelijk linkdoel aanwezig. Dit probleem komt op alle objectpagina's voor.

Bevinding 8: Op pagina https://www.biedboek.nl/nl/realestate/view/1623/nabij-het-nieuwe-diep-23-te-den-helder staat een afbeelding van een vraagteken. Dit icoon heeft geen alternatieve tekst en daardoor heeft de knop ook geen toegankelijke naam. Dit probleem komt op alle objectpagina's voor. Daarnaast komt dit icoon voor op onder andere pagina https://www.biedboek.nl/nl/authentication/register?returnUrl=https://www.biedboek.nl/nl en https://www.biedboek.nl/nl/profile/change.

Bevinding 9: Wanneer er een biedboek beschikbaar is in het account van de bezoeker, staat op pagina https://www.biedboek.nl/nl/profile/index onder de kop 'Uw biedboek(en)' een afbeelding die geen alt-attribuut bevat. Zonder alt-attribuut op het img-element gaat voorleessoftware vaak zelf op zoek naar een alternatieve tekst voor de afbeelding. Zorg er daarom voor dat de afbeelding verborgen is voor hulpsoftware door het een leeg alt-attribuut te geven, of geef de afbeelding een beschrijvende alternatieve tekst.

1.2 Op tijd gebaseerde media

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 10: Op pagina https://www.biedboek.nl/nl/page/process komt een video voor, waarin zowel in het beginscherm als in het eindshot tekst in beeld voorkomt, die verder niet voorkomt in de video. Voor informatie die wel in beeld is, maar niet hoorbaar, is een media-alternatief of en audiodescriptie nodig. Audiodescriptie is nodig om te voldoen aan succescriterium 1.2.5, maar een transcript is daarnaast wel een toegankelijke toevoeging voor bezoekers die zowel doof als blind zijn. Dit geldt ook voor de video op pagina https://www.bidbook.eu/en/page/process.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 11: Op pagina https://www.biedboek.nl/nl/page/process komt een video voor, waarin zowel in het beginscherm als in het eindshot tekst in beeld voorkomt, die verder niet voorkomt in de video. Voor informatie die wel in beeld is, maar niet hoorbaar, is audiodescriptie nodig. Audiodescriptie is gesproken tekst die is toegevoegd aan het standaard audiospoor om belangrijke visuele informatie te beschrijven, die niet uit het standaard audiospoor te begrijpen zijn. Vaak kan audiodescriptie in een videospeler aan of uit worden gezet. De audiodescriptie is belangrijk voor blinde of slechtziende bezoekers, die niet kunnen zien wat er in beeld gebeurt of verschijnt. Dit geldt ook voor de video op pagina https://www.bidbook.eu/en/page/process.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 12: Op de homepage staat een afbeelding met daarop de tekst 'Uitgelicht' en 'Pachtgronden Zeeland 2023 – Kavel 1, gelegen aan de'. Beide teksten zijn opgemaakt als een kop van niveau h2. Dit is niet toegestaan. Een kop moet altijd opgevolgd worden door ofwel content (zoals platte tekst, een afbeelding, een video, etc), ofwel een kop van een hoger of lager niveau. Nu zijn de teksten van exact hetzelfde niveau en dus ook hiërarchisch hetzelfde. In dit geval is het het meest logisch op de kop 'Uitgelicht' bóven de drie items te plaatsen en de titels van de uitgelichte items op te maken met kopniveau 3.

Bevinding 13: Op pagina https://www.biedboek.nl/nl/page/contact staan de teksten 'Bezoekadres' en 'Postadres'. Dit zijn koppen voor de tekst daaronder, maar de teksten zijn niet opgemaakt als daadwerkelijke kop. Gebruik bijvoorbeeld het h2-element om deze teksten op te maken. Een vergelijkbaar probleem komt voor op pagina https://www.biedboek.nl/nl/page/accessibility, met de teksten 'Onderzoek' en 'Kennismedewerkers', en op pagina https://www.biedboek.nl/nl/page/process met de tekst 'Aanvullende voorzieningen op verzorgingsplaatsen'.

Bevinding 14: De kopjes op pagina https://www.biedboek.nl/nl/page/accessibility, zoals 'Wat is een toegankelijke website?', zijn opgemaakt met het strong-element. Het strong-element geeft aan dat tekst relatief aan de tekst eromheen belangrijker is. Het mag dus niet puur voor opmaak gebruikt worden en ook niet als vervanging voor een kop-element. Maak deze teksten op zodat ze ook als kop herkenbaar zijn voor hulpsoftware, bijvoorbeeld met het h2-element.
Dit probleem doet zich ook voor op andere pagina's, zoals https://www.biedboek.nl/nl/realestate/view/1623/nabij-het-nieuwe-diep-23-te-den-helder en https://www.biedboek.nl/nl/realestate/view/2051/kruisweg-en-de-burgemeester-dhoogeweg-te-phil.

Bevinding 15: Op pagina https://www.biedboek.nl/nl/page/process zijn kopjes opgemaakt met het strong-element (zie eerdere bevindingen) én het em-element. Het em-element geeft gesproken nadruk aan één of twee woorden. Het mag daarom niet puur voor opmaak gebruikt worden. Verwijder hier zowel het strong- als het em-element en maak de teksten op als kopteksten.

Bevinding 16: De tekst 'De website is vernieuwd' bovenaan elke pagina is opgemaakt met het b-element. Deze tekst is dikgedrukt gemaakt omdat de tekst relatief aan de omringende tekst extra belangrijk is. De bezoeker moet weten dat de website vernieuwd is. Gebruik hier daarom juist wél het strong-element.

Bevinding 17: Op pagina https://www.biedboek.nl/nl/error?statusCode=404&requestedUrl=/bestaatniet is de tekst 'Helaas, de door u...' opgemaakt met het b-element. Het b-element is bedoeld om bepaalde woorden, zoals kernwoorden in een zin, of productnamen in een review, te highlighten. Gebruik het daarom niet puur voor opmaak. Gebruik CSS om eenzelfde visueel effect te creëren zonder de semantische waarde van het b-element.
Het b-element wordt ook gebruikt op pagina https://www.biedboek.nl/nl/bidbook/bf454ce0-674f-4577-8483-0739c88c65e3/Pachtgronden%20Zeeland%202023%20%E2%80%93%20kavel%201 om labels van invoervelden dikgedrukt te maken.

Bevinding 18: In de footer onder aan iedere pagina zijn visueel opsommingen aanwezig, onder 'Service' en 'Over deze site'. Deze zijn echter niet als lijst opgemaakt. Maak gebruik van ul- en li-elementen om dit probleem op te lossen. Een vergelijkbaar probleem komt onder andere voor op pagina op pagina https://www.biedboek.nl/nl/sitemap/index en in de zoekresultaten.

Bevinding 19: Op de homepage komen onder 'Aanbod' twee dropdown menu's voor met de aria role 'listbox'. Een direct child-element van dit element is een element met als rol 'alert'. Dit is geen toegestaan child-element van een element met de rol 'listbox'. Daarnaast is het hier ook niet duidelijk wat het nut van het element met de rol 'alert' is. Vermijd overbodig gebruik van alert en aria-polite. Dit probleem komt op meerdere pagina's voor, waaronder op pagina https://www.biedboek.nl/nl/page/externaloffer en op pagina https://www.biedboek.nl/nl/authentication/register?returnUrl=https://www.biedboek.nl/nl.

Bevinding 20: Op de homepage komen onder 'Aanbod' twee dropdown menu's voor met de aria role 'listbox'. De elementen met de rol 'option' die genest zijn binnen dit element hebben zowel de staat 'selected' als 'checked'. Aria-checked is geen gepaste staat voor een element met de rol 'option', verwijder daarom dit attribuut. Lees meer over aria-checked op https://www.w3.org/TR/wai-aria-1.2/#aria-checked.

Bevinding 21: Op de homepage komen onder 'Aanbod' twee drop down menu's voor met de aria rol 'listbox', twee invoervelden en twee selectievakjes. Deze input-elementen hebben geen toegankelijke naam. Dit is omdat er wel een label aanwezig is maar dit label niet gekoppeld is aan het input-element (bijvoorbeeld met for en id). Bij het tekstinvoerveld Provincie is het label niet gekoppeld aan het input-element maar aan het parent div-element, waardoor de naam niet wordt doorgegeven aan hulpsoftware. Koppel de labels correct (en voeg labels toe waar die nu missen) om dit probleem op te lossen. Een vergelijkbaar probleem komt voor op pagina https://www.biedboek.nl/nl/profile/index (wanneer bezoekers zijn ingelogd), op pagina https://www.biedboek.nl/nl/page/help, met de zoekfunctie en op pagina https://www.biedboek.nl/nl/authentication/register?returnUrl=https://www.biedboek.nl/nl.

Bevinding 22: Op de homepage komen onder 'Aanbod' twee selectievakjes voor. Deze selectievakjes zijn niet gekoppeld aan een overkoepelende vraag. Hierdoor is het voor bezoekers die het scherm niet kunnen zien onduidelijk waarop zij antwoord geven. Koppel ze bijvoorbeeld aan 'Status', in een fieldset en legend combinatie.
Dit komt ook voor op pagina https://www.biedboek.nl/nl/profile/index (wanneer bezoekers zijn ingelogd) en https://www.biedboek.nl/nl/order/new/2bbb5497-7851-4a9b-ae85-79fd82f8ebbd wanneer bezoekers een biedboek bestellen.

Bevinding 23: Bovenaan iedere pagina staat een navigatiemenu. Voor ziende bezoekers is het duidelijk dat dit de hoofdnavigatie betreft, maar dit is niet aangegeven in de code. Zorg ervoor dat bezoekers die gebruik maken van bijvoorbeeld voorleessoftware ook weten dat er een navigatiestructuur aanwezig is, bijvoorbeeld door een nav-element te gebruiken.

Bevinding 24: Wanneer bezoekers zijn ingelogd kunnen zijn accountgegevens wijzigen op pagina https://www.biedboek.nl/nl/profile/change. Op deze pagina staat het invoerveld 'Postbus' wat niet gekoppeld is met het visuele label dat ernaast staat. Dis komt omdat de waarde in het id attribuut op het input element niet overeen komen met de waarde van het for attribuut op het label element. Hierdoor heeft het veld ook geen toegankelijke naam. Zorg ervoor dat de waardes in de id en for attributen van deze label en input elementen overeenkomen.
Dit komt ook voor bij het invoerveld 'Plaats (postbus)' op dezelfde pagina.

Bevinding 25: Wanneer bezoekers ingelogd zijn en enige tijd geen actie uitvoeren, komt er een melding op het scherm dat aangeeft dat de bezoeker binnen vijf minuten wordt uitgelogd. Dit venster wordt niet opgemerkt door hulpsoftware, hierdoor kunnen sommige bezoekers de melding missen. Een mogelijk oplossing voor dit probleem is het plaatsen van toetsenbordfocus op het hele venster zodra het verschijnt.
Een soortgelijk probleem komt ook voor in het biedproces op bijvoorbeeld pagina https://www.biedboek.nl/nl/bidbook/bf454ce0-674f-4577-8483-0739c88c65e3/Pachtgronden%20Zeeland%202023%20%E2%80%93%20kavel%201 (wanneer het biedboek is besteld). In dit biedproces wordt het ook niet opgemerkt door hulpsoftware wanneer bezoekers naar de volgende stap gaan.

Bevinding 26: In het proces van een biedboek bestellen komen bezoekers bij stap 2 de 'Vertrouwelijkheids- en integriteitsverklaring en disclaimer' tegen. In deze tekst staan opsommingen die niet met semantische HTML zijn opgemaakt. Zorg ervoor dat geordende lijsten worden opgemaakt met het ol element. Elk lijstitem moet geplaatst zijn in een eigen li element binnen het ol element.

Bevinding 27: Wanneer bezoekers een biedboek hebben besteld kunnen zij bijvoorbeeld op pagina https://www.biedboek.nl/nl/bidbook/bf454ce0-674f-4577-8483-0739c88c65e3/Pachtgronden%20Zeeland%202023%20%E2%80%93%20kavel%201 een bieding plaatsen via de knop 'Volgende stap'. In het venster dat deze knop opent staat het aantal stappen dat het biedproces heeft, de huidige stap heeft een andere achtergrondkleur. Dit is visuele informatie die niet in de code aanwezig. Zorg ervoor dat ook in de code wordt aangegeven wat de huidige stap is, bijvoorbeeld met aria-current=step.

Bevinding 28: De PDF op pagina https://www.biedboek.nl/public/procedure/procedure%20def%2001102023.pdf is niet (volledig) goed gecodeerd:

Bevinding 29: De PDF die te downloaden is vanaf pagina https://www.biedboek.nl/nl/bidbook/bf454ce0-674f-4577-8483-0739c88c65e3/Pachtgronden%20Zeeland%202023%20%E2%80%93%20kavel%201 is niet (volledig) goed gecodeerd:

Bevinding 30: Advies: De kopstructuur op onder pagina https://www.biedboek.nl/nl/page/externaloffer is niet logisch. De h1-kop wordt opgevolgd door twee koppen van niveau 3, en daarna volgt pas een h2-kop. Zorg voor een logische hiërarchische koppenstructuur.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 31: Op pagina https://www.biedboek.nl/nl/realestate/view/1623/nabij-het-nieuwe-diep-23-te-den-helder staan contentblokken onder 'Ander interessant aanbod' bestaande uit een foto met alternatieve tekst, een kop op h3 niveau en een tekst. Omdat de afbeelding bóven de kop staat, is het voor bezoekers die het scherm niet kunnen zien niet duidelijk waar de afbeelding bij hoort. Plaats de afbeelding daarom in de code ónder de koptekst. Visueel mag het er wel boven blijven staan.

Bevinding 32: Advies: Onder 'Aanbod' op de homepage staan contentblokken bestaande uit een tekst, zoals 'Verwacht', een afbeelding, een link naar het object en een korte tekst. Voor de structuur van de pagina is het toegankelijker als de naam van het object ook een koptekst is, en dat dan de tekst zoals 'Verwacht' en de afbeelding met alternatieve tekst in de code ónder de kop worden geplaatst.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 33: Op onder andere pagina https://www.biedboek.nl/nl/page/externaloffer worden gegevens van de bezoeker gevraagd. Hier missen autocomplete attributen. HMTL5 invoervelden die informatie over de gebruiker vragen, zoals naam/achternaam, adres en geboortedatum, moeten een juist autocomplete attritbuut hebben. Lees meer over autocomplete attributen op pagina https://www.w3.org/TR/WCAG21/#input-purposes. Dit probleem doet zich ook voor op onder ander pagina https://www.biedboek.nl/nl/authentication/register?returnUrl=https://www.biedboek.nl/nl en https://www.biedboek.nl/nl/authentication/index.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Voldoende

Bevinding 34: Advies: Op pagina https://www.biedboek.nl/nl/error?statusCode=404&requestedUrl=/bestaatniet is de linktekst 'Home' alleen herkenbaar in de lopende tekst aan een andere kleur. Aangezien de contrastratio tussen de linktekst en de omliggende tekst voldoende hoog is, is dit niet afkeurbaar. Echter, het is toegankelijker om linkteksten op minstens één andere manier herkenbaar te maken, bijvoorbeeld door tekst te onderstrepen. Zo kunnen bezoekers die bijvoorbeeld kleurenblind zijn of moeite hebben met contrast, de linkteksten beter herkennen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 35: Op onder andere homepage komt de blauwe tekst 'Lees verder' (HEX #277DA4) voor op een gele achtergrond (HEX #FFF4DC). De contrastratio is hier 4,2:1 waar dit minimaal 4,5:1 moet zijn.

Bevinding 36: Op de homepage komt de blauwe tekst 'Lees verder' (#217BA8) voor op een blauwe achtergrond (HEX #D9EBF7). De contrastratio is hier 3,8:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 37: In het biedproces op pagina https://www.biedboek.nl/nl/bidbook/bf454ce0-674f-4577-8483-0739c88c65e3/Pachtgronden%20Zeeland%202023%20%E2%80%93%20kavel%201 moeten bezoekers bij stap 6 een SMS code invoeren. Hierbij staat de blauwe link 'SMS niet ontvangen? Klik hier om nogmaals te verzenden' (HEX #007BC7). Op de grijze achtergrond (HEX #F3F3F3) heeft deze link onvoldoende contrast. De contrastratio is hier 4: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 38: Op pagina https://www.biedboek.nl/nl/page/process komen afbeeldingen voor die tekst bevatten. Deze tekst komt verder niet voor op de pagina en is daardoor niet toegankelijk. Voor bezoekers met een visuele beperking is het belangrijk dat tekst als HTML wordt geplaatst en niet in een afbeelding. Zij kunnen tekst in HTML namelijk met een eigen stylesheet naar hun wensen opmaken, terwijl tekst in een afbeelding niet aanpasbaar is. Plaats deze informatie daarom ook op een toegankelijke manier, bijvoorbeeld als platte tekst, op de pagina.

Bevinding 39: Advies: Op pagina https://www.biedboek.nl/nl/page/externaloffer staan logo's, onder 'Aanbieders'. Bij inzoomen is de tekst in de afbeeldingen niet meer goed leesbaar voor alle bezoekers. Overweeg daarom de aanbieders ook in platte tekst te benoemen, bijvoorbeeld onder de logo's.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 40: Wanneer bezoekers inzoomen op de pagina, verdwijnt (bij schermgrootte 1280 bij 1024 pixels) vanaf 175% zoom de tekst naast het logo van de Rijksoverheid bovenaan iedere pagina. Zorg ervoor dat inzoomen niet leidt tot verlies van functionaliteit of informatie.

Bevinding 41: Wanneer bezoekers inzoomen op pagina https://www.biedboek.nl/nl/page/process, verdwijnt (bij schermgrootte 1280 bij 1024 pixels) vanaf 175% de volumeregelaar in de videospeler. Zorg ervoor dat inzoomen niet leidt tot verlies van functionaliteit of informatie.

Bevinding 42: Wanneer bezoekers met schermgrootte 1280 bij 1024 pixels inzoomen naar 400% op pagina https://www.biedboek.nl/nl/authentication/register?returnUrl=https://www.biedboek.nl/nl, verdwijnen de vraagteken-knoppen uit beeld omdat ze niet meer in het scherm passen. Zorg ervoor dat inzoomen niet leidt tot verlies van functionaliteit of informatie.
Dit komt ook voor op onder andere pagina https://www.biedboek.nl/nl/profile/change en https://www.biedboek.nl/nl/order/new/2bbb5497-7851-4a9b-ae85-79fd82f8ebbd.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 43: Op onder andere pagina https://www.biedboek.nl/nl/page/externaloffer staan dropdownmenu's. De contrastratio van de focusrand (HEX #8FCAE7) om het geselecteerde item heeft een contrastratio van 1,5:1 op de lichtblauwe achtergrond (HEX #E5F0F9), waar dat minimaal 3:1 moet zijn. Deze dropdownmenu's komen op meerdere pagina's voor, waaronder op de homepage.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 44: Wanneer bezoekers inzoomen op de pagina verandert het navigatiemenu in een hamburgermenu. Het element om dit menu te openen is niet bereikbaar en bedienbaar met het toetsenbord. Het element is opgemaakt als link, met een a-element, maar het href attribuut mist. Zie verder succescriterium 4.1.2 voor advies over dit element.

Bevinding 45: Op pagina https://www.biedboek.nl/nl/authentication/register?returnUrl=https://www.biedboek.nl/nl kunnen bezoekers bij het intypen van een wachtwoord op het oog-icoon klikken om het ingevoerde wachtwoord te zien. Deze functie is niet bereikbaar en bedienbaar met het toetsenbord.
Dit komt ook voor op pagina https://www.biedboek.nl/nl/authentication/index.

Bevinding 46: Op onder andere de homepage komt een contentblok voor met daarin een x-icoon om de melding weg te klikken, bijvoorbeeld 'Verhuurd: zevenentwintig benzinestation locaties langs rijkswegen. Lees verder.' De knop om deze melding te verwijderen is niet bereikbaar en bedienbaar met het toetsenbord.

Bevinding 47: Wanneer bezoekers een biedboek hebben besteld kunnen zij bijvoorbeeld op pagina https://www.biedboek.nl/nl/bidbook/bf454ce0-674f-4577-8483-0739c88c65e3/Pachtgronden%20Zeeland%202023%20%E2%80%93%20kavel%201 een bieding plaatsen via de knop 'Volgende stap'. Deze knop opent een venster waarin een sluitknop staat. Deze sluitknop is niet te bedienen met het toetsenbord, mogelijk omdat het niet is opgemaakt met een button element. Zorg ervoor dat toetsenbordgebruikers deze knop kunnen bereiken en bedienen.

Bevinding 48: In het biedingsproces, bijvoorbeeld op pagina https://www.biedboek.nl/nl/bidbook/bf454ce0-674f-4577-8483-0739c88c65e3/Pachtgronden%20Zeeland%202023%20%E2%80%93%20kavel%201, kunnen bezoekers bij stap 2 een bestand uploaden. Wanneer het bestand is geüpload staat er een knop die visueel gelabeld is met een vuilnisbakicoon. Deze knop is niet te bedienen met het toetsenbord. Zorg ervoor dat toetsenbordgebruikers deze knoppen kunnen bereiken en bedienen. Deze knop verschijnt ook bij andere stappen.

Bevinding 49: In het biedproces op pagina https://www.biedboek.nl/nl/bidbook/bf454ce0-674f-4577-8483-0739c88c65e3/Pachtgronden%20Zeeland%202023%20%E2%80%93%20kavel%201 moeten bezoekers bij stap 6 een SMS code invoeren. Hierbij staat de link 'SMS niet ontvangen? Klik hier om nogmaals te verzenden'. Deze link is niet te bedienen met het toetsenbord. Zorg ervoor dat toetsenbordgebruikers deze link kunnen bereiken en bedienen.

Bevinding 50: In het biedproces op pagina https://www.biedboek.nl/nl/bidbook/bf454ce0-674f-4577-8483-0739c88c65e3/Pachtgronden%20Zeeland%202023%20%E2%80%93%20kavel%201 moeten bezoekers bij de laatste stap dubbel klikken op een knop om de bieding te bevestigen. Deze actie kan niet worden uitgevoerd door toetsenbordgebruikers. Zorg ervoor dat toetsenbordgebruikers ook de bieding kunnen bevestigen door de knop te activeren.

Bevinding 51: Op pagina https://www.biedboek.nl/nl/bidbook/bf454ce0-674f-4577-8483-0739c88c65e3/Pachtgronden%20Zeeland%202023%20%E2%80%93%20kavel%201 (war bezoekers op kunnen bieden) staat onder de kop 'Bijbehorende documenten' de uitklapbare knop 'Bijlage'. Deze knop is niet te bedienen met het toetsenbord. Hierdoor zijn ook de achterliggende items niet bedienbaar voor toetsenbordgebruikers. Zorg ervoor dat deze elementen bereikbaar en bedienbaar zijn voor toetsenbordgebruikers.

Bevinding 52: Advies: Op pagina https://www.biedboek.nl/nl/realestate/view/1623/nabij-het-nieuwe-diep-23-te-den-helder kunnen bezoekers met de muis met zowel de < en > knop en door op de afbeeldingen onder carrousel te klikken door de afbeeldingen navigeren. Voor bezoekers die gebruik maken van het toetsenbord zijn alleen de < en > knoppen beschikbaar. Idealiter zijn de afbeeldingen onder de carrousel ook met het toetsenbord bereikbaar en bedienbaar, zeker aangezien ze voorzien zijn van aria-labels en aria-current attributen. Dit probleem komt op alle objectpagina's voor.

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Onvoldoende

Bevinding 53: Als bezoeker het formulier op pagina https://www.biedboek.nl/nl/profile/change opslaan worden zij doorgestuurd naar een andere pagina waarop de melding 'Succesvol opgeslagen' te zien is. Deze melding verdwijnt na enkele seconden. Voor sommige mensen zal dit niet genoeg tijd zijn om de melding te kunnen lezen. Zorg ervoor dat wanneer content een tijdslimiet heeft, bezoekers deze tijdslimiet kunnen verlengen. Een andere oplossing voor dit probleem is het verwijderen van de tijdlimiet op deze melding zodat bezoekers de melding zelf kunnen verwijderen.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 54: De titel van pagina https://www.biedboek.nl/nl/page/process is 'Contact'. Dit beschrijft de inhoud van de pagina niet. Een goede titel is belangrijk voor bezoekers met verschillende beperkingen, het is namelijk een belangrijk hulpmiddel bij het navigeren van de website. Pas de titel van de pagina aan, bijvoorbeeld naar 'Procedure'. Dit geldt ook voor https://www.bidbook.eu/en/page/process. Een vergelijkbaar probleem komt voor op pagina https://www.biedboek.nl/nl/page/externaloffer.

Bevinding 55: De titel van pagina https://www.biedboek.nl/nl/error?statusCode=404&requestedUrl=/bestaatniet is de default titel die wordt getoond tijdens het laden van de pagina, maar beschrijft niet de inhoud van de pagina. Pas de titel aan, bijvoorbeeld naar 'Pagina niet gevonden'. Ditzelfde probleem komt voor op pagina https://www.biedboek.nl/nl/search/help.

Bevinding 56: De PDF op pagina https://www.biedboek.nl/public/procedure/procedure%20def%2001102023.pdf heeft geen titel, enkel een bestandsnaam. Geef het document een beschrijvende titel en zorg ervoor dat niet de bestandsnaam maar de documenttitel getoond wordt bij openen.
Dit geldt ook voor de PDF die te downloaden is vanaf pagina https://www.biedboek.nl/nl/bidbook/bf454ce0-674f-4577-8483-0739c88c65e3/Pachtgronden%20Zeeland%202023%20%E2%80%93%20kavel%201 (de pagina waarop bezoekers kunnen bieden).

Bevinding 57: Advies: In de PDF op pagina https://www.biedboek.nl/public/procedure/procedure%20def%2001102023.pdf wordt in de metadata een auteur benoemd. Vanuit privacy redenen kan het de voorkeur genieten de auteursnaam te verwijderen.
Dit komt ook voor in de PDF die te downloaden is vanaf pagina https://www.biedboek.nl/nl/bidbook/bf454ce0-674f-4577-8483-0739c88c65e3/Pachtgronden%20Zeeland%202023%20%E2%80%93%20kavel%201 (de pagina waarop bezoekers kunnen bieden).

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 58: Wanneer bezoekers inzoomen verandert het navigatiemenu bovenaan iedere pagina in een hamburgermenu. Wanneer bezoekers met het toetsenbord door het menu navigeren en verder navigeren na het laatste item, gaat de focusvolgorde verder op de onderliggende pagina terwijl het menu open blijft staan en inhoud van de pagina bedekt. Zorg ervoor dat bezoekers het menu moeten sluiten met de sluitknop, of dat het menu vanzelf sluit zodra de bezoeker verder navigeert na het laatste item.

Bevinding 59: Wanneer bezoekers op pagina https://www.biedboek.nl/nl/authentication/index ongeldige gegevens gebruiken bij het inloggen verschijnt de melding 'Loginnaam of wachtwoord niet juist. Voor vragen zie Help.' op het scherm. Voor toetsenbordgebruikers blijft de focus staan op de knop 'Inloggen' terwijl de foutmelding hierboven verschijnt, hierdoor moeten toetsenbordgebruikers terugnavigeren. Een oplossing voor dit probleem is om de focus te verplaatsen naar de foutmelding als deze verschijnt. Het beste is om dan de foutmelding boven de invoervelden te plaatsen.

Bevinding 60: Wanneer bezoekers een biedboek hebben besteld kunnen zij bijvoorbeeld op pagina https://www.biedboek.nl/nl/bidbook/bf454ce0-674f-4577-8483-0739c88c65e3/Pachtgronden%20Zeeland%202023%20%E2%80%93%20kavel%201 een bieding plaatsen via de knop 'Volgende stap'. Nadat deze knop is geactiveerd opent er een venster. Voor toetsenbordgebruikers is dit venster moeilijk te bedienen omdat focus niet in het venster wordt geplaatst. De toetsenbordfocus gaat verder op de achterliggende pagina en komt pas als laatst in het venster terecht. Zorg ervoor dat toetsenbordfocus direct in het venster wordt geplaatst als deze verschijnt.

Bevinding 61: Wanneer toetsenbordgebruikers het biedingsproces op bijvoorbeeld pagina https://www.biedboek.nl/nl/bidbook/bf454ce0-674f-4577-8483-0739c88c65e3/Pachtgronden%20Zeeland%202023%20%E2%80%93%20kavel%201 doorlopen, verloopt de focus volgorde incorrect. Als bij stap 1 de knop 'Doorgaan' wordt geactiveerd staat bij stap 2 de toetsenbordfocus nog steeds op de knop 'Doorgaan'. Hierdoor weten sommige bezoekers niet dat er nieuwe content is verschenen en moeten toetsenbordgebruikers terugnavigeren in het venster. Zorg ervoor dat bij elke stap de toetsenbordfocus weer bovenaan het venster begint.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 62: Op de homepage komt onder 'Aanbod' paginering voor. De toegankelijke linknamen van de pagina's bestaat enkel uit een cijfer, zoals '2' en 'Volgende'. Dit is niet beschrijvend genoeg. Pas de linkteksten aan, bijvoorbeeld naar 'Pagina 2' en 'Volgende pagina'.
Dit komt ook voor op andere pagina's, zoals https://www.biedboek.nl/nl/realestate/view/2051/kruisweg-en-de-burgemeester-dhoogeweg-te-phil.

Bevinding 63: Op pagina https://www.biedboek.nl/nl/realestate/view/1623/nabij-het-nieuwe-diep-23-te-den-helder staat in het afbeelding blok een + icoon met de alternatieve tekst 'Toon social media icons'. Vervolgens opent aanvullende content met daarin een LinkedIn icoon. De link naar LinkedIn heeft geen toegankelijk linkdoel, omdat er geen alternatieve tekst aanwezig is.
Dit komt ook voor op pagina https://www.biedboek.nl/nl/realestate/view/2051/kruisweg-en-de-burgemeester-dhoogeweg-te-phil.

Bevinding 64: Advies: Op onder andere de homepage komen linkteksten voor als 'Lees meer', 'Lees verder' en 'Klik hier'. Uit de context (dezelfde zin of paragraaf) is het duidelijk waar de link naar verwijst, maar bezoekers die gebruik maken van voorleessoftware kunnen ook aan de hand van een linklijst of sneltoets door de links op een pagina navigeren. Teksten als 'Lees meer' zijn dan niet erg duidelijk. Pas bij voorkeur de linkteksten aan.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevinding 65: Om pagina's op de website te kunnen vinden is er onder andere een sitemap aanwezig op pagina https://www.biedboek.nl/nl/sitemap/index. Niet alle pagina's van deze website zijn te vinden via deze sitemap. Pagina https://www.biedboek.nl/nl/page/externaloffer is bijvoorbeeld niet te vinden via de sitemap. Zorg ervoor dat bezoekers via de sitemap alle pagina's van de website kunnen vinden.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 66: Op pagina https://www.biedboek.nl/nl/realestate/view/1623/nabij-het-nieuwe-diep-23-te-den-helder staan een afbeeldingen carrousel met daarin twee knoppen. Beide knoppen hebben een aria-label 'Vorige afbeelding' terwijl de tweede knop de volgende afbeelding toont. Pas het aria-label van deze knop daarom aan. Dit probleem komt op alle objectpagina's voor.

Bevinding 67: Op de homepage staat een zoekveld met als visuele label een vergrootglasicoon. De toegankelijke naam van dit veld is de placeholdertekst 'bv. Herengracht Leiden', wat de functie van het zoekveld onvoldoende omschrijft. Zorg ervoor dat dit veld een goede toegankelijke naam krijgt, bijvoorbeeld 'Zoeken'.
Dit zoekveld komt ook voor op pagina https://www.biedboek.nl/nl/profile/index (wanneer bezoekers zijn ingelogd).

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 68: Wanneer de uitgelichte items op de homepage toetsenbordfocus hebben, is dat niet zichtbaar. Zorg ervoor dat bezoekers die gebruik maken van het toetsenbord om over een pagina te navigeren en het scherm wél kunnen zien, altijd weten waar zij zich bevinden door een zichtbare focusrand toe te voegen.

Bevinding 69: Wanneer de selectievakjes onder 'Aanbod' op de homepage toetsenbordfocus hebben, is dat niet zichtbaar. Zorg ervoor dat bezoekers die gebruik maken van het toetsenbord om over een pagina te navigeren en het scherm wél kunnen zien, altijd weten waar zij zich bevinden door een zichtbare focusrand toe te voegen.
Dit komt ook voor bij dezelfde selectievakjes op pagina https://www.biedboek.nl/nl/profile/index (wanneer bezoekers zijn ingelogd). Ook komt het probleem voor bij andere selectievakjes, bijvoorbeeld op pagina https://www.biedboek.nl/nl/order/new/2bbb5497-7851-4a9b-ae85-79fd82f8ebbd.

Bevinding 70: Advies: Wanneer de bezoeker de website voor het eerst bezoekt verschijnt de melding 'De website is vernieuwd'. Wanneer de skiplink 'Direct naar de inhoud' focus heeft wordt de focusrand bedekt door de verschenen melding. In de WCAG 2.2 die later dit jaar opgenomen wordt in de wetgeving, gaat dit worden afgekeurd onder het nieuwe succescriterium 2.4.11 Focus not obscured.

Bevinding 71: Advies: Op meerdere pagina's, bijvoorbeeld in de videospeler op pagina https://www.biedboek.nl/nl/page/process, is de focusrand niet geheel zichtbaar omdat de focusrand 'achter' de gekleurde achtergrond van een andere knop valt. Zorg er idealiter voor dat de gehele focusrand altijd zichtbaar is.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 72: Op pagina https://www.biedboek.nl/nl/page/process komt een videospeler voor. Met een aria-label is aan de knop om de ondertiteling in- of uit te schakelen de naam 'Ondertiteling aan' of 'Ondertiteling uit' gegeven. De visueel zichtbare naam is echter 'cc'. Zorg ervoor dat de zichtbare naam tenminste voorkomt in de toegankelijke naam, het liefst vooraan. Dit zorgt ervoor dat de knop beter bedienbaar is voor bezoekers die gebruik maken van spraakgestuurde navigatie.

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 73: De taalinstelling van het domein https://www.biedboek.nl/nl/ is ingesteld als Engelstalig. Hierdoor leest hulpsoftware de tekst op de pagina in het Engels voor, waardoor de tekst onverstaanbaar wordt. Zorg dat de taalinstelling van het domein overeenkomt met de hoofdtaal van de teksten, in dit geval Nederlands. Let op: Sommige elementen maken gebruik van Engelstalige knoppen, zoals de videospeler op https://www.biedboek.nl/nl/page/process. Let op dat als de taalinstelling van de pagina Nederlands is, de taal van de knoppen wordt afgekeurd op succescriterium 3.1.2. Geef dan een taalwissel aan voor de videospeler, of idealiter, vertaal de knoppen naar het Nederlands.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 74: Op de Engelstalige website komen afbeeldingen voor met Nederlandstalige alternatieve teksten voor niet tekstuele content, bijvoorbeeld op pagina https://www.bidbook.eu/en/page/process. Vertaal de alternatieve teksten, of plaats de afbeeldingen in een container element met een taalwissel. Het vertalen van teksten is de meest toegankelijke oplossing.

Bevinding 75: Onderaan iedere pagina staat een link naar de Nederlandse en de Engelse pagina. Voor deze links moet een taalwissel worden aangegeven, zodat een screenreader de link in de juiste taal voorleest. Let op: De taalinstelling van beide domeinen is nu Engels. De taalwissel moet alleen worden aangegeven voor de linktekst die afwijkt van de huidige hoofdtaal van de pagina. Dit wijzigt dus wanneer wordt voldaan aan succescriterium 3.1.1.

3.2 Voorspelbaar

3.2.2 Bij input (Niveau A)

Informatie over succescriterium 3.2.2 Bij input

Uitkomst: Onvoldoende

Bevinding 76: Op de homepage staan onder 'Aanbod' input-elementen, die bij input van de bezoeker direct de zoekresultaten tonen op een nieuwe url. Een verandering van de instelling van een component van de gebruikersinterface (zoals een optie selecteren in een dropdown menu) mag niet automatisch een contextwijziging (zoals het openen van een nieuwe url) veroorzaken, tenzij de gebruiker geïnformeerd is over het gedrag vóór het gebruik van de component. Idealiter kies de bezoeker alle opties en klikt dan zelf op een knop als 'Toon zoekresultaten'. Laat in het andere geval in ieder geval aan de bezoeker weten dat de zoekresultaten direct na invoer wijzigen.
Dit komt ook voor op pagina https://www.biedboek.nl/nl/profile/index (zichtbaar wanneer bezoekers zijn ingelogd).

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 77: Wanneer een bezoeker een veld niet of verkeerd invult op pagina https://www.biedboek.nl/nl/page/externaloffer, verschijnt een foutmelding. Bijvoorbeeld 'Dit veld is verplicht' of 'Vul een geldig e-mailadres in'. Bovenaan de pagina verschijnt de melding 'Verbeter de aangegeven fouten'. Een goede foutmelding moet vermelden welke fout de bezoeker heeft gemaakt en waar de fout is gemaakt, bijvoorbeeld: 'Het veld Voornaam is niet ingevuld.' Dat een veld verplicht is, is een foutsuggestie, geen foutbeschrijving.
Een soortgelijk probleem komt ook voor bij het inlogformulier op pagina https://www.biedboek.nl/nl/authentication/index.

Bevinding 78: Wanneer bezoekers in het biedingsproces op pagina https://www.biedboek.nl/nl/bidbook/bf454ce0-674f-4577-8483-0739c88c65e3/Pachtgronden%20Zeeland%202023%20%E2%80%93%20kavel%201 een verplicht veld niet invullen of een verplicht document niet uploaden, verschijnt de foutmelding 'Dit is een verplicht veld'. Deze foutmelding geeft onvoldoende aan wat de bezoeker fout heeft gedaan. Idealiter geeft een foutmelding ook aan in welk veld de fout is gemaakt. Zorg ervoor dat de foutmeldingen de gemaakte fout omschrijven en waar de fout is gemaakt.

Bevinding 79: Advies: In het biedproces op pagina https://www.biedboek.nl/nl/bidbook/bf454ce0-674f-4577-8483-0739c88c65e3/Pachtgronden%20Zeeland%202023%20%E2%80%93%20kavel%201 moeten bezoekers bij stap 6 een code invoeren die zij via een SMS hebben ontvangen. In WCAG 2.2 is het niet meer toegestaan om gebruik te maken van een cognitieve test voor het doorlopen van een proces. Hierbij hoeven bezoekers bijvoorbeeld geen codes meer te onthouden of rekensommen te maken. Het is bijvoorbeeld wel toegestaan om gebruik te maken van een een e-maillink om het proces mee af te ronden. Zie https://www.w3.org/WAI/WCAG22/Understanding/accessible-authentication-minimum voor meer informatie.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 80: Op pagina https://www.biedboek.nl/nl/page/externaloffer komt het invoerveld 'E-mail' voor. In het invoerveld staat de placeholder instructie 'Bijv. fred@domein.nl'. Deze instructie verdwijnt zodra een bezoeker begint met typen. Plaats instructies zichtbaar boven of onder het invoerveld. Dit probleem doet zich ook voor op pagina https://www.biedboek.nl/nl/authentication/register?returnUrl=https://www.biedboek.nl/nl.

Bevinding 81: Het formulier op pagina https://www.biedboek.nl/nl/page/externaloffer bevat verplichte velden, die worden aangegeven met een asterisk (*). Het is niet voor alle bezoekers duidelijk wat een asterisk betekent. Voeg daarom een instructie toe, bijvoorbeeld 'Velden met een * zijn verplicht'. Plaats deze instructie het liefst boven het formulier.
Dit komt ook voor in het biedingsproces op pagina https://www.biedboek.nl/nl/bidbook/bf454ce0-674f-4577-8483-0739c88c65e3/Pachtgronden%20Zeeland%202023%20%E2%80%93%20kavel%201 bij stap 4.

Bevinding 82: Opmerking: In het invoerveld 'Wachtwoord' op pagina https://www.biedboek.nl/nl/authentication/index staat een knop waarmee bezoekers het ingevulde wachtwoord zichtbaar kunnen maken. Wanneer deze knop is aangeklikt verdwijnt het visuele label van de knop, maar het gebied blijft klikbaar. Dit kan verwarrend zijn voor sommige bezoekers. Zorg ervoor dat wanneer de knop geactiveerd is deze nog steeds een visueel label heeft.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 83: Wanneer een bezoeker het veld 'E-mail' verkeerd invult op pagina https://www.biedboek.nl/nl/page/externaloffer, verschijnt de foutmelding 'Vul een geldig e-mailadres in'. Dit is onvoldoende behulpzaam om bezoekers te helpen het veld correct in te vullen. Zorg ervoor dat instructies beschikbaar zijn om het veld correct in te vullen. Dit probleem doet zich ook voor op pagina https://www.biedboek.nl/nl/authentication/register?returnUrl=https://www.biedboek.nl/nl.

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 84: Op de homepage komen onder 'Aanbod' twee drop down menu's voor met de aria rol 'listbox', twee invoervelden en twee selectievakjes. Deze input-elementen hebben geen toegankelijke naam. Zorg ervoor dat ieder interactief element een naam, rol en waar van toepassing een waarde en status hebben. Een vergelijkbaar probleem komt voor op onder andere pagina https://www.biedboek.nl/nl/profile/index (wanneer bezoekers zijn ingelogd), op pagina https://www.biedboek.nl/nl/page/help, op pagina https://www.biedboek.nl/nl/page/externaloffer en op pagina https://www.biedboek.nl/nl/authentication/register?returnUrl=https://www.biedboek.nl/nl.

Bevinding 85: Wanneer bezoekers de homepage openen verschijnt de melding 'De website is vernieuwd'. De knop om deze melding te sluiten heeft geen toegankelijke naam. Zorg ervoor dat ieder interactief element een naam, rol en waar van toepassing een waarde en status hebben.

Bevinding 86: Op pagina https://www.biedboek.nl/nl/page/help komt een zoekfunctie voor met een 'knop' van een vergrootglas icoon. Dit element is enkel een icoon dat klikbaar is gemaakt, het heeft zowel geen toegankelijke naam als geen rol. Zorg ervoor dat ieder interactief element een naam, rol en waar van toepassing een waarde en status hebben. Deze zoekfunctie komt op meerdere pagina's voor. Een vergelijkbaar probleem komt voor met het x-icoon om meldingen te sluiten, op onder andere de homepage.

Bevinding 87: Wanneer bezoekers inzoomen op de pagina verandert het navigatiemenu in een hamburgermenu. Het element om dit menu te openen heeft geen toegankelijke naam. Daarnaast is dit element nu opgemaakt als link (zonder href attribuut), terwijl het functioneert als een knop. Een link verwijst een bezoeker ergens heen (zoals een andere plek op een pagina, of een andere pagina) en een knop voert een actie uit, zoals het openklappen van aanvullende content. Maak hier daarom gebruik van een knop en geef deze knop een toegankelijke naam. Daarnaast is het nu voor bezoekers die het scherm niet kunnen zien, onduidelijk of het menu is ingeklapt of uitgeklapt. Maak daarom gebruik van bijvoorbeeld het aria-expanded attribuut.

Bevinding 88: De videospeler op pagina https://www.biedboek.nl/nl/page/process bevat een slider-element. Dit slider-element moet ook een toegankelijke naam hebben, zodat de bezoeker die het scherm niet kan zien weet welke informatie de slider overbrengt.

Bevinding 89: Op pagina https://www.biedboek.nl/nl/realestate/view/1623/nabij-het-nieuwe-diep-23-te-den-helder staat in het afbeelding blok een + icoon met de alternatieve tekst 'Toon social media icons'. Vervolgens opent aanvullende content met daarin een LinkedIn icoon. De link naar LinkedIn heeft geen toegankelijke naam. Dit komt voor op alle object pagina's.

Bevinding 90: Op pagina https://www.biedboek.nl/nl/realestate/view/1623/nabij-het-nieuwe-diep-23-te-den-helder staat een afbeelding van een vraagteken. Dit icoon heeft geen alternatieve tekst en daardoor heeft de knop ook geen toegankelijke naam. Dit probleem komt op meerdere pagina's voor, waaronder op pagina https://www.biedboek.nl/nl/authentication/register?returnUrl=https://www.biedboek.nl/nl.

Bevinding 91: Als bezoekers zijn ingelogd is pagina https://www.biedboek.nl/nl/profile/index zichtbaar. Op deze pagina staat naast de kop 'Uw biedboek(en)' een knop waarmee bezoekers content in en uit kunnen klappen. Deze knop heeft geen toegankelijke naam. Hierdoor weten gebruikers van hulpsoftware niet waar deze knop voor dient. Ook wordt de status van de knop niet aangegeven. Zorg ervoor dat deze knop een toegankelijke naam krijgt, bijvoorbeeld door gebruik te maken van aria-label. En geeft de status van de knop aan met aria-expanded.

Bevinding 92: Op pagina https://www.biedboek.nl/nl/realestate/view/1623/nabij-het-nieuwe-diep-23-te-den-helder staat in het afbeelding blok een + icoon met de alternatieve tekst 'Toon social media icons'. Het is voor bezoekers die het scherm niet kunnen zien niet duidelijk of de knop in- of uitgeklapt is. Voeg bijvoorbeeld een aria-expanded attribuut toe om dit probleem op te lossen. Een vergelijkbaar probleem komt op dezelfde pagina voor met het vraagteken icoon naast 'Status procedure'. Dit icoon komt ook voor op onder andere pagina https://www.biedboek.nl/nl/authentication/register?returnUrl=https://www.biedboek.nl/nl en https://www.biedboek.nl/nl/profile/change.

Bevinding 93: Op pagina https://www.biedboek.nl/nl/profile/change staan twee invoervelden die geen toegankelijke naam hebben, 'Postbus' en 'Plaats (postbus)'. Dit komt doordat de label-elementen niet correct zijn gekoppeld aan de input-elementen. Zorg ervoor dat deze velden een toegankelijke naam krijgen.

Bevinding 94: Wanneer bezoekers een biedboek bestellen bijvoorbeeld via https://www.biedboek.nl/nl/order/new/2bbb5497-7851-4a9b-ae85-79fd82f8ebbd staan er selectievakjes op de pagina die geen toegankelijke naam hebben. Hierdoor zijn de selectievakjes moeilijk te bedienen met hulpsoftware. Zorg ervoor dat deze selectievakjes een toegankelijke naam krijgen, bijvoorbeeld door ze te koppelen aan het visuele label.

Bevinding 95: Op pagina https://www.biedboek.nl/nl/bidbook/bf454ce0-674f-4577-8483-0739c88c65e3/Pachtgronden%20Zeeland%202023%20%E2%80%93%20kavel%201 staat een iframe-element zonder toegankelijk naam. Zorg ervoor dat de iframe een toegankelijk naam krijgt via het title-attribuut.

Bevinding 96: Wanneer bezoekers een bieding hebben gedaan is op pagina https://www.biedboek.nl/nl/bidbook/bf454ce0-674f-4577-8483-0739c88c65e3/Pachtgronden%20Zeeland%202023%20%E2%80%93%20kavel%201 het veld 'Uw bieding:' niet-bedienbaar. Ondanks dat dit veld niet-bedienbaar is heeft het een toegankelijke naam nodig. Koppel dit veld daarom aan het visuele label met for- en id-attributen.

Bevinding 97: Advies: Op onder andere pagina https://www.biedboek.nl/nl/authentication/register?returnUrl=https://www.biedboek.nl/nl wordt gebruik gemaakt van aria-describedby attributen, de waarden in deze attributen verwijzen niet naar een bestaand id. Hierdoor hebben de attributen geen functie. Verwijder ze of verwijs naar bestaande id's.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 98: Op de homepage staan onder 'Aanbod' input-elementen, die bij input van de bezoeker direct de zoekresultaten tonen op een nieuwe url. Soms duurt het even voor de resultaten geladen zijn en verschijnt er een laadanimatie in beeld. Hulpsoftware krijgt geen hier bericht van. Gebruik hiervoor bijvoorbeeld aria-live of een role=alert.

Bevinding 99: Wanneer bezoekers op pagina https://www.biedboek.nl/nl/authentication/index ongeldige gegevens gebruiken bij het inloggen verschijnt de melding 'Loginnaam of wachtwoord niet juist. Voor vragen zie Help.' op het scherm. Deze melding wordt niet opgemerkt door hulpsoftware. Hierdoor missen bijvoorbeeld blinde bezoekers die gebruikmaken van voorleessoftware de melding. Zorg ervoor dat de melding wordt opgemerkt door hulpsoftware.

Onderbouwing van de evaluatie

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

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

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

Geprint: 2024-11-24 05:46:42 v2.4-011