1. Overzicht
Dit onderzoek is uitgevoerd volgens de evaluatiemethode WCAG-EM
Deze audit volgde de Website Accessibility Conformance Evaluation Methodology (WCAG-EM) zoals beschreven in de W3C aanbeveling. De evaluatie omvatte
Om een goed beeld te krijgen van de digitale toegankelijkheid van een website, is het noodzakelijk een onderzoek handmatig uit te voeren. Dit onderzoek omvat alle domeinen, subdomeinen en/of subdomeinen die een logisch geheel vormen met het hoofddomein van de website. Met de WCAG‑evaluatiemethode (WCAG‑EM) nemen we nauwkeurige steekproeven, zodat er een volledig beeld ontstaat van de digitale toegankelijkheid van het product. We onderzoeken waar het product niet aan de richtlijnen voldoet.
Het testen gebeurt grotendeels handmatig en op basis van een steekproef. De resultaten worden per steekproef vastgelegd. Als een type toegankelijkheidsprobleem op meerdere pagina’s voorkomt, worden één of meerdere voorbeelden gegeven.
Omdat we met een steekproef werken en per bevinding één of meerdere voorbeelden geven, moet u zelf het systeem bekijken om uit te vinden waar de fout mogelijk elders optreedt.
Aan het begin van het onderzoek kijken we welke “type” pagina’s en inhoud relevant zijn voor deze steekproef. Denk bijvoorbeeld aan de homepage, een FAQ‑pagina, video‑ en beeldmateriaal, PDF‑bestanden en inhoudspagina’s.
Naast het gebruik van WCAG‑EM bieden we ook persoonlijk advies vanuit onze expertise. Dat betekent dat we ook kijken naar toegankelijkheidsvereisten die niet in de richtlijnen staan, maar waarvan wij vinden dat ze aangepast moeten worden om beter aan de behoeften van de doelgroep te voldoen.
overview_statistics
Titel: Tenderned.nl
Opdrachtgever: TenderNed
Datum van toetsing: 17 augustus 2025
WCAG-versie: WCAG 2.1
Conformiteitsniveau: AA
Managementsamenvatting
Jullie website is al toegankelijk voor sommige mensen, maar nog niet voor iedereen. Dit betekent dat een groot deel van de gebruikers de website nog niet goed kan gebruiken.
Wat kunnen jullie nu doen om de toegankelijkheid te verbeteren?
Hieronder vinden jullie een aantal verbeterpunten in aanvulling op de rest van het rapport. Per punt leggen we uit wat werkt en wat meer aandacht nodig heeft om volledig toegankelijk te zijn:
- De focusindicator is niet altijd zichtbaar. Niet alle gebruikers navigeren met een muis of touchscreen; velen maken gebruik van een toetsenbord om door een website te navigeren. De focus-indicator laat zien waar de gebruiker zich op dat moment bevindt, zodat ze weten welk interactief element geselecteerd is. Zonder een duidelijke focusindicator kunnen toetsenbordgebruikers verdwalen of niet begrijpen welk element actief is, wat hun vermogen om de website effectief te gebruiken belemmert (2.4.7 Focus zichtbaar).
- Er zijn componenten gevonden die niet toetsenbord toegankelijk zijn (2.1.1 Toetsenbord toegankelijk). Niet alle gebruikers kunnen een muis gebruiken en zijn hierdoor afhankelijk van hun toetsenbord om door de website te navigeren. Hierom is het belangrijk dat alle interactieve elementen te bedienen zijn met het toetsenbord.
Maken jullie nieuwe pagina’s aan?
Neem deze en andere verbeterpunten uit het rapport dan vooral mee. Sommige verbeterpunten gelden voor verschillende pagina’s. Let er daarom goed op bij het aanmaken van nieuwe pagina’s dat deze fouten niet worden herhaald. Dat zorgt voor tevreden gebruikers.
Gebruikte tools en technologie
Het systeem wordt ondersteund door gangbare webbrowsers en hulpapparatuur.
2. Scope
Website informatie
| Eigenschap | Waarde |
|---|---|
| Naam van het systeem | Tenderned.nl |
| URL | https://www.tenderned.nl/cms/nl |
| WCAG-versie | WCAG 2.1 |
| Conformiteitsniveau | AA |
Scope van het onderzoek
Binnen scope: Alle pagina's onder https://www.tenderned.nl/cms/nl Buiten scope: Achter de inlog.
Used tools and technologies
supported, Chrome (meest recente versie), Firefox (meest recente versie), Safari (meest recente versie), Microsoft Edge (meest recente versie), Stylus Chrome Extensie, Resize Window Chrome extensie, Axe DevTools, Color contrast Analyzer, NVDA, Voice Over
3. Verkenning
Webtechnologieën
- HTML
- CSS
- JS
- WAI-ARIA
- SVG
4. Steekproef
-
Homepagina
-
Zoeken
-
Nieuws
-
Aankondigingen
-
Bestek Integraal onderhoud Openbare ruimte 2026 (3 percelen)
-
Over ons
-
Team TenderNed
-
Nieuwsartikel: Percentage aanbestedingen opgedeeld in percelen licht gedaald
-
Contact
-
Toegankelijkheid
-
Privacyverklaring
-
Cookies
-
Jaarstatistieken 2024
-
404 (Pagina niet gevonden)
-
Tips voor inschrijven en aanmelden aanbesteding
-
Stappenplan aanbesteding aanmaken in TenderNed
-
Alle webpagina's
-
Contactformulier
-
TenderNed is the Dutch government’s online tendering system
-
Onderhoudskalender
5. Bevindingen
Bevindingen per WCAG-principe
Bevindingen (42)
De volgende toegankelijkheidsproblemen zijn gevonden en moeten worden opgelost:
Principe 2: Bedienbaar
Niet bedienbaar met toetsenbord
Beschrijving: Niet alle websitefunctionaliteiten kunnen worden gebruikt met alleen een toetsenbord.
Locatie: De filters kunnen afzonderlijk worden verwijderd, maar dit is niet mogelijk met een toetsenbord. Wel is het mogelijk om ''wis alle filters'' te bereiken en bedienen met een toetsenbord.
Gekoppelde pagina's: Aankondigingen
Prioriteit: Hoog
WCAG Criteria: 2.1.1, 2.1.1
Uitkomst: Gefaald
Focusindicator niet altijd zichtbaar
Beschrijving: De focusindicator is niet altijd volledig zichtbaar.
Locatie: De focusindicator is niet zichtbaar bij de Ja- en Nee-knop bij de vraag ''Heeft deze informatie u geholpen?''.
Gekoppelde pagina's: Privacyverklaring, Jaarstatistieken 2024, Tips voor inschrijven en aanmelden aanbesteding, Stappenplan aanbesteding aanmaken in TenderNed
Prioriteit: Hoog
WCAG Criteria: 2.4.7, 2.4.7
Uitkomst: Gefaald
Focusvolgorde niet logisch
Beschrijving: Het verplaatsen van de toetsenbordfocus gebeurt niet logisch. De focus verdwijnt bijvoorbeeld buiten een dialoogvenster, of de focus gaat niet logisch door de volgorde van de content heen, of de focus verdwijnt na interactie met de gebruiker.
Locatie: Nadat er binnen het filter "Publicatiedatum" een optie wordt geselecteerd, gaat de focus niet verder naar de volgende filters, maar gaat deze naar halverwege de resultaten.
Gekoppelde pagina's: Aankondigingen
Prioriteit: Hoog
WCAG Criteria: 2.4.3, 2.4.3
Uitkomst: Gefaald
Onderdeel niet te bereiken met extern toetsenbord
Beschrijving: Er is een onderdeel gevonden in de app dat niet met een extern toetsenbord te bedienen is. Alle interactieve elementen moeten bedienbaar zijn met een extern toetsenbord.
Locatie: De disclosures zoals koper, procedure en perceel zijn niet te bereiken met een toetsenbord. Deze onderdelen zijn zichtbaar wanneer de tab Publicatie is geopend.
Gekoppelde pagina's: Bestek Integraal onderhoud Openbare ruimte 2026 (3 percelen)
Prioriteit: Hoog
WCAG Criteria: 2.1.1
Uitkomst: Gefaald
Onderdeel niet te bereiken met extern toetsenbord
Beschrijving: Er is een onderdeel gevonden in de app dat niet met een extern toetsenbord te bedienen is. Alle interactieve elementen moeten bedienbaar zijn met een extern toetsenbord.
Locatie: De bestanden onder de tab Documenten zijn niet toetsenbord toegankelijk.
Gekoppelde pagina's: Bestek Integraal onderhoud Openbare ruimte 2026 (3 percelen)
Prioriteit: Hoog
WCAG Criteria: 2.1.1
Uitkomst: Gefaald
Verborgen element in tab volgorde
Beschrijving: Er is een visueel en/of aria-hidden element dat nog wel focus krijgt.
Locatie: Wanneer de filters niet zijn uitgeklapt en dus niet zichtbaar zijn (onder de tab Vraag en Antwoord) krijgen alsnog de selectievakken focus.
Gekoppelde pagina's: Bestek Integraal onderhoud Openbare ruimte 2026 (3 percelen)
Prioriteit: Gemiddeld
WCAG Criteria: 2.4.3, 2.4.3
Uitkomst: Gefaald
Niet bedienbaar met toetsenbord
Beschrijving: Niet alle websitefunctionaliteiten kunnen worden gebruikt met alleen een toetsenbord.
Locatie: Het submenu is niet toetsenbord toegankelijk, behalve de pagina die al actief is.
Gekoppelde pagina's: Jaarstatistieken 2024, Over ons, Nieuwsartikel: Percentage aanbestedingen opgedeeld in percelen licht gedaald, Tips voor inschrijven en aanmelden aanbesteding, Onderhoudskalender, Team TenderNed, TenderNed is the Dutch government’s online tendering system, Stappenplan aanbesteding aanmaken in TenderNed, Nieuws
Prioriteit: Hoog
WCAG Criteria: 2.1.1, 2.1.1
Uitkomst: Gefaald
Verborgen element in tab volgorde
Beschrijving: Er is een visueel en/of aria-hidden element dat nog wel focus krijgt.
Locatie: Wanneer de filters in mobiele weergave/reflow wordt geopend gaat de focus langs de selectievallen welke zich bevinden onder de disclosures zoals sluitingsdatum. Deze selectievakken krijgen ook focus wanneer de disclosures gesloten zijn.
Gekoppelde pagina's: Aankondigingen
Prioriteit: Gemiddeld
WCAG Criteria: 2.4.3, 2.4.3
Uitkomst: Gefaald
Niet bedienbaar met toetsenbord
Beschrijving: Niet alle websitefunctionaliteiten kunnen worden gebruikt met alleen een toetsenbord.
Locatie: De selectievakken in de modal (zichtbaar nadat wordt geklikt op ''Plaats van uitvoering''), zijn niet toetsenbord toegankelijk.
Gekoppelde pagina's: Aankondigingen
Prioriteit: Hoog
WCAG Criteria: 2.1.1, 2.1.1
Uitkomst: Gefaald
Niet bedienbaar met toetsenbord
Beschrijving: Niet alle websitefunctionaliteiten kunnen worden gebruikt met alleen een toetsenbord.
Locatie: De grafieken zijn niet toegankelijk met een toetsenbord. De onderdelen in de legenda zijn aanklikbaar met een muis, maar niet toegankelijk met een toetsenbord. Ook het hamburgermenu bij de grafieken is niet toetsenbord bedienbaar.
Gekoppelde pagina's: Jaarstatistieken 2024, Nieuwsartikel: Percentage aanbestedingen opgedeeld in percelen licht gedaald
Prioriteit: Hoog
WCAG Criteria: 2.1.1, 2.1.1
Uitkomst: Gefaald
Principe 1: Waarneembaar
Visueel en programmatisch komen niet overeen
Beschrijving: Er is een component gevonden die een visuele betekenis en context heeft, maar die betekenis en context zijn niet programmatisch beschikbaar. Dit leidt tot functieverlies voor gebruikers van een schermlezer. Zorg ervoor dat je het juiste elementtype gebruikt om de betekenis over te brengen.
Locatie: De invoervelden Begindatum en Einddatum (datumprikker) kunnen niet worden gebruikt met een schermlezer.
Gekoppelde pagina's: Onderhoudskalender
Prioriteit: Laag
WCAG Criteria: 1.3.1
Uitkomst: Gefaald
Kop is niet opgemaakt als kop.
Beschrijving: Er is een kop die niet correct is gecodeerd als een kop. Hierdoor worden schermlezergebruikers, zoals degene die TalkBack of VoiceOver gebruiken, niet geïnformeerd dat het een kop is. Overweeg om setHeading of setAccessibilityHeading te gebruiken om deze correct als een kop te markeren.
Locatie: De koppen in de footer ‘’Over TenderNed’’, ‘’Over de site’’, ‘’Blijf op de hoogte’’ en ‘’Language’’ zijn niet programmatisch opgemaakt als kop.
Gekoppelde pagina's: Alle webpagina's
Prioriteit: Gemiddeld
WCAG Criteria: 1.3.1
Uitkomst: Gefaald
De webpagina past zich niet aan het viewport van een gebruiker aan.
Beschrijving: De pagina past zich niet aan het scherm van de gebruiker aan, wat het moeilijk maakt om de pagina te bekijken voor mensen die sterk moeten inzoomen en mensen die de website bekijken op mobiele telefoons of tablets.
Locatie: De webpagina past zich niet aan aan de viewport van de gebruiker.
Gekoppelde pagina's: Onderhoudskalender
Prioriteit: Laag
WCAG Criteria: 1.4.10
Uitkomst: Gefaald
Kop niet programmatisch opgemaakt
Beschrijving: Er is een kop gevonden die niet goed is opgemaakt als kop in de code.
Locatie: De koppen in de footer ‘’Over TenderNed’’, ‘’Over de site’’, ‘’Blijf op de hoogte’’ en ‘’Language’’ zijn niet programmatisch opgemaakt als kop.
Gekoppelde pagina's: Alle webpagina's
Prioriteit: Gemiddeld
WCAG Criteria: 1.3.1, 1.3.1
Uitkomst: Gefaald
Semantische en visuele opmaak komen niet overeen
Beschrijving: Er is een verschil tussen wat visueel getoond wordt en hoe dit semantisch in de code verwerkt is. Dit kan verwarring opleveren, vooral bij gebruik van ondersteunende technologieën, zoals een schermlezer.
Locatie: Onder "Gerelateerde publicaties" wordt met een oranje rondje aangegeven welke publicatie er op dit moment geselecteerd is. Zorg dat deze informatie ook programmatisch over wordt gebracht.
Gekoppelde pagina's: Bestek Integraal onderhoud Openbare ruimte 2026 (3 percelen)
Prioriteit: Gemiddeld
WCAG Criteria: 1.3.1, 1.3.1
Uitkomst: Gefaald
Kop is niet opgemaakt als kop.
Beschrijving: Er is een kop die niet correct is gecodeerd als een kop.
Locatie: De kop "filters" is niet opgemaakt als kop.
Gekoppelde pagina's: Aankondigingen
Prioriteit: Gemiddeld
WCAG Criteria: 1.3.1
Uitkomst: Gefaald
Tabelkoppen programmatisch niet goed opgemaakt
Beschrijving: Er is een tabel gevonden waarvan de rij- en kolomkoppen programmatisch niet goed zijn opgemaakt.
Locatie: Koppen onder de tab "Publicatie", zoals de kop "Officiële naam".
Gekoppelde pagina's: Bestek Integraal onderhoud Openbare ruimte 2026 (3 percelen)
Prioriteit: Gemiddeld
WCAG Criteria: 1.3.1, 1.3.1
Uitkomst: Gefaald
Focusindicator met onvoldoende contrast
Beschrijving: Wanneer het element focus krijgt, is het contrast tussen de focusindicator en de omliggende kleuren niet voldoende. Dit moet 3,0:1 zijn. Hierdoor kan dit makkelijk gemist worden en is het niet (goed) zichtbaar voor bijvoorbeeld mensen met een vorm van kleurenblindheid, of personen die slechtziend zijn. Het is belangrijk een goed zichtbare focusindicator te gebruiken. Een voorbeeld van een focusindicator die op verschillende achtergrondkleuren goed zichtbaar is, is te vinden op de volgende site: https://www.erikkroes.nl/blog/the-universal-focus-state/ .
Locatie: De focusindicator heeft onvoldoende contrast bij de knoppen Digitaal Inschrijven, Op de hoogte blijven en Deel op LinkedIn.
Gekoppelde pagina's: Bestek Integraal onderhoud Openbare ruimte 2026 (3 percelen)
Prioriteit: Gemiddeld
WCAG Criteria: 1.4.11, 1.4.11
Uitkomst: Gefaald
Verlies van content of functionaliteit bij toepassen tekstafstand stijlen
Beschrijving: Bij het toepassen van tekstafstand stijlen, is er content dat verdwijnt of onbruikbaar wordt.
Locatie: Er is overlap van tekst bij het toepassen van tekstafstand stijlen (zie afbeelding).
Gekoppelde pagina's: Alle webpagina's
Prioriteit: Gemiddeld
WCAG Criteria: 1.4.12, 1.4.12
Uitkomst: Gefaald
Huidige locatie visueel, maar niet programmatisch weergegeven
Beschrijving: Er wordt visueel getoond waar je je bevind op de website, maar dit is niet semantisch in de code verwerkt. Hierdoor is deze informatie niet toegankelijk via ondersteunende technologieën, zoals een schermlezer. Een mogelijk oplossing kan zijn om aria-current te gebruiken.
Locatie: De items in het navigatiemenu. Zorg dat er programmatisch wordt doorgegeven welke pagina er op dat moment geselecteerd is.
Gekoppelde pagina's: Alle webpagina's
Prioriteit: Hoog
WCAG Criteria: 1.3.1, 1.3.1
Uitkomst: Gefaald
Verlies van functionaliteit bij reflow
Beschrijving: Er is een component gevonden met verlies van functionaliteit tijdens reflow.
Locatie: Er valt een deel van de tekst ''Geen bestand gekozen'' weg in reflow.
Gekoppelde pagina's: Contactformulier
Prioriteit: Gemiddeld
WCAG Criteria: 1.4.10, 1.4.10
Uitkomst: Gefaald
Invoerveld zonder (correct) autocomplete-attribuut
Beschrijving: Er is een invoerveld zonder het juiste autocomplete-attribuut. Bij invoervelden waarbij persoonlijke gegevens ingevuld moeten worden, is een autocomplete-attribuut nodig. Dat zorgt ervoor dat browsers, maar ook hulpsoftware, ondersteuning kunnen geven bij het invullen van deze invoervelden. Bijvoorbeeld door de invoervelden al automatisch in te vullen.
Locatie: De invoervelden zoals Naam, e-mailadres en telefoonnummer hebben geen autocomplete-attribuut.
Gekoppelde pagina's: Contactformulier
Prioriteit: Laag
WCAG Criteria: 1.3.5, 1.3.5
Uitkomst: Gefaald
Kopniveaus niet logisch genest
Beschrijving: De niveaus en volgorde van de koppen (h-elementen) gebruikt op de pagina zijn niet logisch en kunnen verwarrend werken voor de gebruiker. Het is belangrijk om erop te letten dat de verschillende kopniveau’s goed genest zijn; het gebruik van de verschillende niveaus dient te gebeuren op basis van de functie en niet de styling. Ook is het aan te raden geen kopniveau’s over te slaan.
Locatie: De h3 koppen stap 1 tot en met 7 bevatten koppen welke ook zijn opgemaakt als h3 kop, terwijl deze koppen qua structuur vallen onder de h3 kop van de stap.
Gekoppelde pagina's: Stappenplan aanbesteding aanmaken in TenderNed
Prioriteit: Gemiddeld
WCAG Criteria: 1.3.1
Uitkomst: Gefaald
Lijst niet (voldoende) programmatisch opgemaakt
Beschrijving: Er is een lijst gevonden die in de code niet of niet voldoende als een lijst is opgemaakt. Hierdoor kan deze niet goed gedetecteerd worden door hulpsoftware.
Locatie: De lijsten met links zijn niet programmatisch opgemaakt als lijst.
Gekoppelde pagina's: Contact
Prioriteit: Gemiddeld
WCAG Criteria: 1.3.1, 1.3.1
Uitkomst: Gefaald
Verlies van functionaliteit bij reflow
Beschrijving: Er is een component gevonden met verlies van functionaliteit tijdens reflow.
Locatie: Teksten vallen weg in reflow (zie afbeelding).
Gekoppelde pagina's: Contact
Prioriteit: Gemiddeld
WCAG Criteria: 1.4.10, 1.4.10
Uitkomst: Gefaald
Video zonder titel
Beschrijving: Er is een video gevonden zonder titel. De titel informeert schermlezergebruikers over de inhoud van de video.
Locatie: De video onder de kop Meer en betere inschrijvingen.
Gekoppelde pagina's: Over ons
Prioriteit: Gemiddeld
WCAG Criteria: 1.1.1
Uitkomst: Gefaald
Herschalen van tekst met verlies van functionaliteit
Beschrijving: Bij het vergroten van tekst naar 200% ontstaat er een verlies van functionaliteit.
Locatie: Bij de informatie onder de tab Publicatie is er een overlap van tekst bij herschalen van tekst.
Gekoppelde pagina's: Bestek Integraal onderhoud Openbare ruimte 2026 (3 percelen)
Prioriteit: Gemiddeld
WCAG Criteria: 1.4.4, 1.4.4
Uitkomst: Gefaald
Reflow tweedimensioneel scrollen
Beschrijving: De pagina of onderdeel op de pagina scrolt in twee dimensies, zonder dat dit noodzakelijk is voor het element, zoals bij een tabel of grafiek. Voor kleine schermen is het belangrijk dat content in één scrol (lees) richting geplaatst is.
Locatie: Er kan in twee dimensies worden gescrold in reflow. Daarnaast is ook niet alle content zichtbaar, zoals de knoppen Op de hoogte blijven en Deel op LinkedIn.
Gekoppelde pagina's: Bestek Integraal onderhoud Openbare ruimte 2026 (3 percelen)
Prioriteit: Hoog
WCAG Criteria: 1.4.10, 1.4.10
Uitkomst: Gefaald
Herschalen van tekst met verlies van functionaliteit
Beschrijving: Bij het vergroten van tekst naar 200% ontstaat er een verlies van functionaliteit.
Locatie: De placeholdertekst valt gedeeltelijk weg bij herschalen van tekst.
Gekoppelde pagina's: Bestek Integraal onderhoud Openbare ruimte 2026 (3 percelen)
Prioriteit: Gemiddeld
WCAG Criteria: 1.4.4, 1.4.4
Uitkomst: Gefaald
Verlies van content of functionaliteit bij toepassen tekstafstand stijlen
Beschrijving: Bij het toepassen van tekstafstand stijlen, is er content dat verdwijnt of onbruikbaar wordt.
Locatie: De tekst ''Type aanbestedende dienst'' valt gedeeltelijk weg.
Gekoppelde pagina's: Aankondigingen
Prioriteit: Gemiddeld
WCAG Criteria: 1.4.12, 1.4.12
Uitkomst: Gefaald
Principe 4: Robuust
Verkeerd gebruik van aria
Beschrijving: Er wordt gebruik gemaakt van WAI-ARIA die niet overeenstemt met de richtlijnen voor het gebruik; het is belangrijk erop te letten dat de rol van een element de gebruikte ARIA-attributen ondersteunt, omdat deze anders niet juist herkend kan worden door hulpsoftware.
Locatie: Aria-selected="true" op de huidig geselecteerde pagina uit het menu.
Gekoppelde pagina's: Alle webpagina's
Prioriteit: Hoog
WCAG Criteria: 4.1.2
Uitkomst: Gefaald
Principe 3: Begrijpelijk
Uitvouw/Inklap-functie mist statusindicatie.
Beschrijving: Er is een uitklap en inklap functie zonder indicatie of deze is uitgeklapt of ingeklapt. Deze informatie moet in de naam van het element worden opgenomen.
Locatie: De rijen in de tabel kunnen in- en uitgeklapt worden, maar de rijen hebben geen aria-expanded. Ze hebben ook geen goede rol.
Gekoppelde pagina's: Onderhoudskalender
Prioriteit: Hoog
WCAG Criteria: 3.3.2
Uitkomst: Gefaald
Onduidelijk verschil verplichte en optionele velden + * zonder uitleg
Beschrijving: Het verschil tussen optionele en verplichte velden is niet of niet duidelijk genoeg aangegeven. Dit verschil moet aangegeven worden in het (correct gekoppelde) label zodat het voor iedereen duidelijk waarneembaar is tijdens het invullen. Je kan bij verplichte velden “verplicht” toevoegen of bij optionele “optioneel”. Als je dit doet met een icoon, moet het gebruik van het icoon ook duidelijk worden uitgelegd. Een sterretje alleen is niet voldoende als er geen label is dat uitlegt dat de * betekent dat het veld verplicht is.
Locatie: Er staat een * weergeven bij de invoervelden, welke aangeeft dat een veld verplicht is. Maar dit teken staat nergens toegelicht.
Gekoppelde pagina's: Contactformulier
Prioriteit: Gemiddeld
WCAG Criteria: 3.2.2, 3.2.2
Uitkomst: Gefaald
Foutmelding automatisch gegenereerd door browser
Beschrijving: De foutmelding wordt automatisch gegenereerd door de browser. Dit kan tot veel toegankelijkheidsproblemen leiden, waaronder het contrast, lengte van de weergave en programmatische zichtbaarheid.
Locatie: Wanneer een invoerveld onjuist wordt ingevuld, verschijnt er een browser gegeneerde foutmelding.
Gekoppelde pagina's: Contactformulier
Prioriteit: Gemiddeld
WCAG Criteria: 3.2.1, 3.2.1
Uitkomst: Gefaald
Browser gegenereerde foutsuggestie
Beschrijving: Er is een invoerveld gevonden waarbij de foutsuggestie door de browser wordt gegenereerd. Deze techniek is niet voldoende ondersteund voor toegankelijkheid, omdat deze suggesties niet altijd duidelijk en behulpzaam zijn.
Locatie: Wanneer er een onjuist e-mailadres wordt ingevuld, verschijnt er een browser gegeneerde foutsuggestie.
Gekoppelde pagina's: Contactformulier
Prioriteit: Gemiddeld
WCAG Criteria: 3.2.3, 3.2.3
Uitkomst: Gefaald
Element met verkeerde of missende naam, rol en/of waarde
Beschrijving: Er is een component gevonden voor interactie met de gebruiker, dat geen, of geen goede programmatisch te bepalen naam, rol en/of waarde heeft.
Locatie: De kop ‘’Pagina niet gevonden’’ krijgt focus omdat het element een tabindex=’0’ heeft. Deze kop is geen interactief element, waardoor de kop geen focus zou moeten krijgen.
Gekoppelde pagina's: 404 (Pagina niet gevonden)
Prioriteit: Hoog
WCAG Criteria: 3.3.2, 3.3.2
Uitkomst: Gefaald
Onduidelijk verschil verplichte en optionele velden + * zonder uitleg
Beschrijving: Het verschil tussen optionele en verplichte velden is niet of niet duidelijk genoeg aangegeven. Dit verschil moet aangegeven worden in het (correct gekoppelde) label zodat het voor iedereen duidelijk waarneembaar is tijdens het invullen. Je kan bij verplichte velden “verplicht” toevoegen of bij optionele “optioneel”. Als je dit doet met een icoon, moet het gebruik van het icoon ook duidelijk worden uitgelegd. Een sterretje alleen is niet voldoende als er geen label is dat uitlegt dat de * betekent dat het veld verplicht is.
Locatie: De vraag ''Heeft deze informatie u geholpen? bevat een * die aangeeft dat dit veld verplicht is, maar het * symbool wordt nergens uitgelegd.
Gekoppelde pagina's: Stappenplan aanbesteding aanmaken in TenderNed, Tips voor inschrijven en aanmelden aanbesteding, Privacyverklaring
Prioriteit: Gemiddeld
WCAG Criteria: 3.2.2, 3.2.2
Uitkomst: Gefaald
Element met verkeerde of missende naam, rol en/of waarde
Beschrijving: Er is een component gevonden voor interactie met de gebruiker, dat geen, of geen goede programmatisch te bepalen naam, rol en/of waarde heeft.
Locatie: De knoppen Digitaal inschrijven, Op de hoogte blijven en Deel op Linkedin, hebben een aria-expanded, terwijl dat niet nodig is. Hierdoor krijgen schermlezers de verkeerde informatie door.
Gekoppelde pagina's: Bestek Integraal onderhoud Openbare ruimte 2026 (3 percelen)
Prioriteit: Hoog
WCAG Criteria: 3.3.2, 3.3.2
Uitkomst: Gefaald
Uitvouw/Inklap-functie mist statusindicatie.
Beschrijving: Er is een uitklap en inklap functie zonder indicatie of deze is uitgeklapt of ingeklapt. Deze informatie moet in de naam van het element worden opgenomen.
Locatie: De disclosures zoals koper, procedure en perceel hebben geen aria-expanded.
Gekoppelde pagina's: Bestek Integraal onderhoud Openbare ruimte 2026 (3 percelen)
Prioriteit: Hoog
WCAG Criteria: 3.3.2
Uitkomst: Gefaald
Onduidelijk verschil verplichte en optionele velden + * zonder uitleg
Beschrijving: Het verschil tussen optionele en verplichte velden is niet of niet duidelijk genoeg aangegeven. Dit verschil moet aangegeven worden in het (correct gekoppelde) label zodat het voor iedereen duidelijk waarneembaar is tijdens het invullen. Je kan bij verplichte velden “verplicht” toevoegen of bij optionele “optioneel”. Als je dit doet met een icoon, moet het gebruik van het icoon ook duidelijk worden uitgelegd. Een sterretje alleen is niet voldoende als er geen label is dat uitlegt dat de * betekent dat het veld verplicht is.
Locatie: Het label ''Heeft deze informatie u geholpen?'' bevat een *-symbool. Dit symbool wordt nergens uitgelegd.
Gekoppelde pagina's: Privacyverklaring, Bestek Integraal onderhoud Openbare ruimte 2026 (3 percelen)
Prioriteit: Gemiddeld
WCAG Criteria: 3.2.2, 3.2.2
Uitkomst: Gefaald
Element met verkeerde of missende naam, rol en/of waarde
Beschrijving: Er is een component gevonden voor interactie met de gebruiker, dat geen, of geen goede programmatisch te bepalen naam, rol en/of waarde heeft.
Locatie: De links in het submenu hebben een verkeerde rol. Hierdoor wordt niet via een schermlezer voorgelezen dat de link interactief is en kan het niet bediend worden met een toetsenbord.
Gekoppelde pagina's: Stappenplan aanbesteding aanmaken in TenderNed, Tips voor inschrijven en aanmelden aanbesteding, TenderNed is the Dutch government’s online tendering system, Team TenderNed, Nieuws, Onderhoudskalender, Nieuwsartikel: Percentage aanbestedingen opgedeeld in percelen licht gedaald, Over ons, Jaarstatistieken 2024
Prioriteit: Hoog
WCAG Criteria: 3.3.2, 3.3.2
Uitkomst: Gefaald
Element met verkeerde of missende naam, rol en/of waarde
Beschrijving: Er is een component gevonden voor interactie met de gebruiker, dat geen, of geen goede programmatisch te bepalen naam, rol en/of waarde heeft.
Locatie: De cirkeldiagram en de elementen uit de legenda krijgen focus. Dit komt doordat deze elementen een tabindex=''0'' heeft.
Gekoppelde pagina's: Homepagina
Prioriteit: Hoog
WCAG Criteria: 3.3.2, 3.3.2
Uitkomst: Gefaald
Advies (9)
De volgende toegankelijkheidsbevindingen adviseren we op te lossen, maar zijn niet nodig om aan de scope te voldoen.
Principe 1: Waarneembaar
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De links in de footer hebben onvoldoende contrast met de achtergrond wanneer ze focus krijgen.
Gekoppelde pagina's: Alle webpagina's
Prioriteit: Laag
WCAG Criteria: 1.4.3, 1.4.3
Uitkomst: Advice
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De links in de footer hebben onvoldoende contrast met de achtergrond wanneer ze focus krijgen.
Gekoppelde pagina's: Alle webpagina's
Prioriteit: Laag
WCAG Criteria: 1.4.3, 1.4.3
Uitkomst: Advice
Tabellen worden gebruikt voor layout
Beschrijving: Er is een tabel gebruikt voor presentatie van de content, zonder dat de content data betreft. Dit kan verwarrend zijn voor gebruikers van een schermlezer en kan ook leiden tot problemen met reflow (1.4.10) en herschalen van tekst (1.4.4).
Locatie: Er wordt een tabel gebruikt om alle leden van het team te weergeven, dit is niet nodig. Hierdoor moet er voor de teamleden allemaal te zien in mobiele weergave, tweedimensioneel worden gescrold.
Gekoppelde pagina's: Team TenderNed
Prioriteit: Laag
WCAG Criteria: 1.3.1
Uitkomst: Advice
Overige bevindingen
Bied opties aan voor data invoer
Beschrijving: Bied waar mogelijk zowel een klikgebaseerde datumkiezer, als de mogelijkheid om een datum in te voeren via een tekstveld aan. Dit betekent dat gebruikers die liever een muis gebruiken om de datum te selecteren, dit eenvoudig kunnen doen, terwijl gebruikers die alleen het toetsenbord gebruiken, snel naar de gewenste datum kunnen navigeren en deze in kunnen voeren.
Locatie: De invoervelden Begindatum en Einddatum kunnen alleen via een datumprikker worden ingevuld, er is geen mogelijkheid om zelf de datum in te typen.
Gekoppelde pagina's: Onderhoudskalender
Prioriteit: Laag
WCAG Criteria: Niet gespecificeerd
Uitkomst: Advice
Principe 2: Bedienbaar
Escape sluit bewust geopende pop-up/menu/modal niet
Beschrijving: Er is een element op de pagina dat andere content verbergt, zoals een geopend navigatiemenu, modal of pop-up, dat niet gesloten kan worden met de escape-toets. Hierdoor is het niet makkelijk te sluiten voor mensen die met het toetsenbord door de pagina navigeren, omdat ze eerst de sluitknop moeten vinden.
Locatie: Wanneer een filter, zoals "Zoek op CPV-code" geopend is.
Gekoppelde pagina's: Aankondigingen
Prioriteit: Laag
WCAG Criteria: 2.1.1, 2.1.1
Uitkomst: Advice
Focusvolgorde niet logisch
Beschrijving: Het verplaatsen van de toetsenbordfocus gebeurt niet logisch. De focus verdwijnt bijvoorbeeld buiten een dialoogvenster, of de focus gaat niet logisch door de volgorde van de content heen, of de focus verdwijnt na interactie met de gebruiker.
Locatie: De focus verplaatst zich tussen tussen navigatie-elementen (Home, Aankondigingen, Analyse, etc.) door middel van de pijltoetsen omlaag en omhoog. Bij de meeste websites zal de focus verplaatsen door de TAB-toets of de pijltoetsen links en rechts.
Gekoppelde pagina's: Alle webpagina's
Prioriteit: Gemiddeld
WCAG Criteria: 2.4.3, 2.4.3
Uitkomst: Advice
Toetsenbordval gevonden
Beschrijving: Er is een component gevonden waar je niet uit kan of voorbij kan navigeren met het toetsenbord.
Locatie: Er kan niet voorbij de Inloggen/Registreren knop genavigeerd worden.
Gekoppelde pagina's: Alle webpagina's
Prioriteit: Kritiek
WCAG Criteria: 2.1.2, 2.1.2
Uitkomst: Advice
Escape sluit bewust geopende pop-up/menu/modal niet
Beschrijving: Er is een element op de pagina dat andere content verbergt, zoals een geopend navigatiemenu, modal of pop-up, dat niet gesloten kan worden met de escape-toets. Hierdoor is het niet makkelijk te sluiten voor mensen die met het toetsenbord door de pagina navigeren, omdat ze eerst de sluitknop moeten vinden.
Locatie: Het mobiele menu sluit niet met de esc-toets.
Gekoppelde pagina's: Alle webpagina's
Prioriteit: Laag
WCAG Criteria: 2.1.1, 2.1.1
Uitkomst: Advice
Principe 3: Begrijpelijk
Link inconsistent in opmaak
Beschrijving: Er zijn links gevonden met een afwijkende opmaak ten opzichte van andere links op de website binnen dezelfde context.
Locatie: De links zijn soms dikgedrukt en soms met een onderlijning.
Gekoppelde pagina's: Contact
Prioriteit: Laag
WCAG Criteria: 3.1.5, 3.1.5
Uitkomst: Advice
6. Samenvatting
Resultaat van toetsing
| Status | WCAG Criteria | Percentage |
|---|---|---|
| Geslaagd | 35 | 70.0% |
| Gefaald | 15 | 30.0% |
Prioriteitsverdeling
- Kritieke prioriteit: 1 - bevindingen vereisen onmiddellijke aandacht.
- Hoge prioriteit: 17 - bevindingen moeten zo snel mogelijk worden aangepakt.
- Gemiddelde prioriteit: 23 - bevindingen moeten ingepland worden voor oplossing.
- Lage prioriteit: 10 - bevindingen kunnen worden aangepakt wanneer middelen dit toelaten.
Advies
- Pak kritieke bevindingen zo snel mogelijk aan.
- Implementeer het systematisch testen van toegankelijkheid.
- Train het development team in toegankelijkheid.
- Plan regelmatige hertests.
- Overweeg het gebruiken van geautomatiseerde testtools.