Advies- en onderzoeksbureau in digitale toegankelijkheid | properaccess.nl | 06-28742275 | contact@properaccess.nl
De website https://www.mijnafvalwijzer.nl/nl/5281Ap/12/ is onderzocht tussen 10 en 18 september 2024. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. Voor dit deelonderzoek is alleen de content gecontroleerd. De content voldoet nog niet aan alle onderzochte succescriteria.
Uit het onderzoek naar toegankelijkheid is gebleken dat de website in bepaalde opzichten al goed toegankelijk is. Hierdoor kunnen veel mensen met een functiebeperking een groot deel van de content goed lezen en gebruiken.
Dit onderzoek dient gebruikt te worden in combinatie met het techniekonderzoek. Dit techniekonderzoek is op te vragen bij de leverancier van het platform.
In dit rapport zijn de beschrijvingen van de succescriteria verkort. Volledige beschrijvingen zijn te vinden in de WCAG-documentatie. We bieden bij elk succescriterium ook een algemene toelichting. Hoewel de WCAG-norm voldoende duidelijkheid biedt voor gedegen onderzoek, kan de beoordeling van succescriteria op detailniveau in de toekomst veranderen. Zo kan iets dat nu wordt afgekeurd, bij een volgend onderzoek worden goedgekeurd en andersom.
Dit rapport bevat slechts voorbeelden van geconstateerde problemen; het biedt geen volledig overzicht. Omdat het onderzoek op een steekproef is gebaseerd, kan het zijn dat bepaalde problemen niet worden gedetecteerd. Deze kunnen echter bij een volgend onderzoek aan het licht komen. Bij het doorvoeren van verbeteringen moet men er rekening mee houden dat er nieuwe toegankelijkheidsproblemen kunnen ontstaan.
| Principe | Resultaten per principe |
|---|---|
| Waarneembaar | 17 uit 20 |
| Bedienbaar | 14 uit 17 |
| Begrijpelijk | 9 uit 10 |
| Robuust | 3 uit 3 |
| Totaal | 43 uit 50 |
Dit onderzoek geeft een overzicht van de mate waarin de website momenteel voldoet aan de WCAG 2.1, niveau A en AA. WCAG, oftewel Web Content Accessibility Guidelines, zijn internationale richtlijnen voor de toegankelijkheid van webinhoud. Deze richtlijnen zijn opgedeeld in vier principes: Waarneembaar, Bedienbaar, Begrijpelijk en Robuust, elk met specifieke meetbare succescriteria.
Dit onderzoek is uitgevoerd volgens de WCAG-EM methodologie. Het volgende proces is daarbij gebruikt:
Het onderzoek omvat alle eisen uit de Europese toegankelijkheidsnorm EN 301 549 (WCAG 2.2).
Het grootste deel van het onderzoek is een handmatig proces. Voor een deel van de criteria wordt ter ondersteuning gebruik gemaakt van automatische tools, zoals axe-core en Chrome Developer Tools.
Omdat het onderzoek gebaseerd is op een steekproef, kan het zijn dat bepaalde problemen onopgemerkt blijven en bij een volgend onderzoek anders worden geëvalueerd. De steekproef vertegenwoordigt alle content op het getoetste domein Het onderzoek biedt een momentopname; bij het doorvoeren van verbeteringen kunnen nieuwe toegankelijkheidsproblemen ontstaan.
De beoordeling per criterium is gebaseerd op falsificatie: "voldoet" betekent dat we geen redenen hebben gevonden om het als "voldoet niet" te beoordelen.
Voor elk probleem geven we maximaal drie voorbeelden. Het is mogelijk dat hetzelfde probleem op meerdere plaatsen voorkomt. Gebruik dit rapport als een blueprint om alle delen van de website te controleren.
Scope:
Niet in scope:
De onderzochte website zou minimaal moeten kunnen worden gebruikt in de volgende browsers en hulptechnologieën:
De onderzochte maakt gebruik van de volgende technologieën:
Voor dit onderzoek zijn de volgende pagina's gebruikt als representatieve steekproef van de onderzochte website:
Kies je postcode
De homepagina van Mijnafvalwijzer Boxtel
De nieuwspagina van Mijnafvalwijzer Boxtel
Inzamellocatiespagina van Mijnafvalwijzer Boxtel
Privacy statement van Mijnafvalwijzer Boxtel
Uw gemeente van Mijnafvalwijzer Boxtel
Inkomende berichten van Mijnafvalwijzer Boxtel
Veelgesteld vragen van Mijnafvalwijzer Boxtel
PDF AfvalWijzer voor Sint-michielsgestel
Op de homepage staat een logo. De volledige tekst van het logo is "meewerkend Boxtel". De alternatieve tekst is "Logo gemeente Boxtel". Het is belangrijk om deze tekst op te nemen in het tekstalternatief om te zorgen voor een volledige en accurate representatie van de afbeelding voor gebruikers die vertrouwen op schermlezers.
Geef dit logo alt-tekst waarin de volledige tekst van het logo in voorkomt.
Op de homepage, onder het kopje "Scheidingsinfo", staan afbeeldingen die extra content openen. In deze content zijn em- en strong-elementen gebruikt als alternatief voor koppen. Zie het nieuwsbericht op de homepagina met de kop “Wat als uw PMD-zak wordt afgekeurd?”. Vervang het strong-element door een h2-element.
Verwijder de strong- en em-elementen en vervang ze door kop-elementen (H1 - H6) om de juiste hiërarchie te waarborgen.
Op de homepage komen opsommingen voor die niet correct als lijsten zijn opgemaakt. Ze zijn alleen visueel te herkennen als een opsomming. Onder het kopje “Kerstbomen” staat een genummerde lijst zonder de juiste opmaak.
Gebruik het <ul>-element (onopgemaakte lijst) of het <ol>-element (genummerde lijst). Dit element is te vinden onder de lijstknop in een tekstbewerker. Wanneer een lijst correct wordt opgemaakt met een lijstelement, zoals <ul> of <ol>, wordt de structurele informatie van de lijst overgedragen aan hulpsoftware, zoals schermlezers, wat bijdraagt aan de toegankelijkheid van de pagina.
Het volgende PDF-document, “AfvalWijzer voor Boxtel”, bevat geen codes, waardoor hulpsoftware (zoals voorleessoftware) de PDF niet kan interpreteren. Door het ontbreken van tags kan de PDF niet volledig worden beoordeeld met betrekking tot andere toegankelijkheidscriteria.
Corrigeer het bron-document en sla het op met behoud van toegankelijkheidseigenschappen. Let erop dat bij het oplossen van dit probleem geen nieuwe toegankelijkheidsproblemen ontstaan. Een alternatief kan zijn om een volledig toegankelijke PDF te maken die alleen tekstuele informatie over de afvalverzameling bevat.
Op deze website is een limegroene kleur gebruikt in tekst op een witte achtergrond of andersom (witte tekst op een limegroene achtergrond). Het kleurcontrast van deze combinatie is slechts 2,1:1. Deze kleurencombinatie komt op alle pagina’s voor. Zie links, koppen, tekst in de footer en meer.
De contrastverhouding moet minimaal 4,5:1 zijn voor tekst onder 24px en niet-vette tekst, en 3,0:1 voor tekst groter dan 24px.
Wanneer een bezoeker voor het eerst de Login pagina opent en sterk inzoomt, verandert de tekst op de knop "Voer uw gegevens in" in wit, terwijl de achtergrond van de knop oranje (#E1A627) blijft. De kleurcontrastverhouding is te laag: 2,2:1.
De tekst moet een contrastverhouding van minimaal 4,5:1 hebben voor kleine tekst, of 3,0:1 voor grote tekst, ten opzichte van de achtergrond. Pas de kleuren aan om aan deze vereisten te voldoen.
In het PDF-document "AfvalWijzer voor Boxtel", dat te downloaden is via https://www.mijnafvalwijzer.nl/nl/5271NC/1/, staat witte tekst met de tekst "Afval Wijzer 2024" op een lichtblauwe achtergrond. De kleurcontrastverhouding is te laag: 2,5:1.
Zorg ervoor dat het contrast tussen de tekst en de achtergrond minstens 3,0:1 is. Pas de kleuren van de tekst of achtergrond aan om deze minimale vereiste te behalen.
Op de homepage, komt de link met de tekst “Hier” meerdere malen voor, bijvoorbeeld in de sectie onder "Milieustation" en "Grofvuil". De tekst van een link moet betekenisvol zijn en de bestemming van de link duidelijk aangeven. Linkteksten zoals "Hier" of "Lees meer" beschrijven niet goed waar de link naar toe leidt en helpen bezoekers die schermlezers gebruiken niet om te begrijpen wat het doel of de bestemming van de link is.
Bezoekers die schermlezers gebruiken, genereren vaak lijsten met links om de inhoud van een pagina te scannen. Nietszeggende of dubbelzinnige linkteksten, zoals "Hier" of "Lees meer", maken het moeilijk om te bepalen waar de link over gaat of naar toe leidt.
Vervang onduidelijke linkteksten zoals "Hier" of "link" door meer beschrijvende teksten die het doel of de bestemming van de link aangeven, zoals "Bekijk milieustation tarieven" of "Lees meer over grofvuil".
Op de homepage, onder “Scheidingsinfo”, komt de link met de tekst “formulier” twee keer voor, in de secties onder “Koelkast” en “Blik aluminium”. De links verwijzen naar verschillende bestemmingen.
Maak de linktekst langer door extra informatie over elk formulier te geven, bijvoorbeeld “formulier koelkast verwijderen”.
De nieuwsberichten hebben een link “Lees meer” om het volledige nieuwsartikel te openen. Wanneer er meerdere nieuwsberichten op een pagina staan, ontstaat een situatie waarin meerdere links met dezelfde tekst, maar verschillende bestemmingen aanwezig zijn. Dit is ontoegankelijk. Hoewel dit momenteel niet het geval is, kan dit een probleem worden wanneer de website met meer content wordt gevuld.
Dit kan worden opgelost door meer tekst aan de link toe te voegen. Overleg met de leverancier van het platform hoe dit toegankelijk kan worden gemaakt. Het toevoegen van verborgen tekst is een goede oplossing.
Controleer andere pagina's op het voorkomen van dit issue.
Op de pagina Inkomende berichten staan koppen die de inhoud die erop volgt niet duidelijk beschrijven. Een voorbeeld hiervan zijn teksten zoals '28-05-2024 18:03'. Gebruikers van screenreaders gebruiken koppen om de structuur van de pagina te scannen en snel de gewenste content te vinden. Daarom is het belangrijk dat de koppen voldoende beschrijvend zijn, zodat ze duidelijk aangeven welke content volgt.
Voeg extra tekst toe aan de koppen, bijvoorbeeld "Milieustraat Schijndel beperkt bereikbaar", zodat de koptekst relevant is voor de bijbehorende inhoud en duidelijk is voor alle gebruikers, inclusief mensen die schermlezers gebruiken. Mogelijke technische issues onder dit succescriterium zijn niet genoemd.
Controleer andere pagina's op het voorkomen van dit issue.
De zichtbare tekst op een interactief element moet deel uitmaken van de toegankelijke naam. Anders kan dit problemen veroorzaken voor bezoekers die spraakbesturing gebruiken, omdat de commando's die ze uitspreken deze elementen niet zullen activeren. Om ervoor te zorgen dat stemactivering mogelijk is, moet de zichtbare tekst worden opgenomen in de toegankelijke naam, bij voorkeur aan het begin van de naam.
Op de homepage, onder het kopje "Notificaties", staat een selectievakje waarvan de zichtbare tekst niet overeenkomt met zijn toegankelijke naam. De toegankelijke naam is "Groente, Fruit en Tuinafval", terwijl de zichtbare tekst "gft" is. Dit geldt ook voor de links onder het kopje "Scheidingsinfo". Hier is de toegankelijke naam bijvoorbeeld "Scheidingsinformatie over Groente, Fruit en Tuinafval", maar de zichtbare tekst is "gft". Dit kan problemen veroorzaken voor bezoekers die spraakbesturing gebruiken, omdat de zichtbare tekst die zij uitspreken niet overeenkomt met de toegankelijke namen van de keuzevakjes en links.
Zorg ervoor dat de zichtbare tekst van de selectievakjes en links overeenkomt met de toegankelijke naam, zodat gebruikers die spraakbesturing gebruiken, gemakkelijk toegang hebben tot de juiste functionaliteit. Dit kan bijvoorbeeld betekenen dat je zowel "gft" als "Groente, Fruit en Tuinafval" opneemt in de toegankelijke naam, of ervoor zorgt dat de zichtbare en toegankelijke tekst identiek zijn. Mogelijke technische issues onder dit succescriterium zijn niet genoemd.
Controleer andere pagina's op het voorkomen van dit issue.
In de metadata van de PDF "AfvalWijzer voor Sint-Michielsgestel" is de taal niet ingesteld. De taalinstelling is belangrijk, zodat hulpsoftware (zoals schermlezers) de informatie uit het bestand correct kan overdragen aan de bezoeker in de juiste taal.
De taal kan worden ingesteld via de bestandseigenschappen van de PDF. Zorg ervoor dat de taal correct wordt ingesteld om de toegankelijkheid voor gebruikers van hulpsoftware te waarborgen.