Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website ROVA Inzamelkalender (Postcodegebied Zwolle)

(Alleen de bevindingen)

Scope van de evaluatie

Naam website ROVA Inzamelkalender
Datum 11 november 2022
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op domein inzamelkalender.rova.nl
  • Alle PDF's op inzamelkalender.rova.nl
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 inzamelkalender.rova.nl met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 48

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Op pagina inzamelkalender.rova.nl/nl/8011XW/2/ staat de afbeelding met de tekst "Zwolle" met als tekstalternatief "Het wapen van de gemeente ZWOLLE". Dit beschrijft de afbeelding niet goed. Pas het tekstalternatief aan.

Bevinding 2: Op pagina inzamelkalender.rova.nl/nl/8011XW/2/afvalabc staan iconen met een tekstalternatief dat gelijk is aan de tekst die er naast staat. Deze tekst beschrijft de afbeelding niet. Schermlezers lezen nu dezelfde tekst twee keer. Maak de afbeelding decoratief door het alt-attribuut leeg te laten.

Bevinding 3: Wanneer op pagina inzamelkalender.rova.nl/nl/8011XW/2/bestellen/afspraakmaken/ARTI-nummer=10285 het veld 'pasnummer' niet (goed) wordt ingevuld maar wel wordt verstuurd, verschijnt direct onder de knop 'Verzenden' een waarschuwingstekst met een icoon met een uitroepteken. Dit icoon heeft geen alt-tekst, maar heeft er wel een nodig, bijvoorbeeld 'Let op'.

Bevinding 4: Advies: op pagina inzamelkalender.rova.nl/nl/8011XW/2/bestellen/afspraakmaken/ARTI-nummer=10285 staat een afbeelding met de alt-tekst "Grof huisvuil". Dit beschrijft de afbeelding niet. Gebruik een korte beschrijvende alt-tekst als de afbeelding informatief is, of laat het alt-attribuut leeg als de afbeelding decoratief is.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 5: Op pagina inzamelkalender.rova.nl/ is het label "Huisnummer toevoeging" met for="huisnummer" gekoppeld aan het invoerveld "Huisnummer", waardoor dit veld twee gekoppelde labels heeft, en het invoerveld met id="toevoeging" geen label heeft. Koppel het label "Huisnummer toevoeging" met for="toevoeging" aan het juiste invoerveld.

Bevinding 6: Op pagina inzamelkalender.rova.nl/nl/8011XW/2/uwgemeente zijn koppen opgemaakt met het strong-element, bijvoorbeeld "Milieubrengstation Zwolle" en "Openingstijden:". Het strong- en em-element zijn bedoeld om nadruk te geven aan een of enkele woorden, niet voor hele zinnen. Verwijder het strong-element en geef de koppen een headingselement, zoals H4.

Bevinding 7: Op de pagina inzamelkalender.rova.nl/nl/8011XW/2/bestellen/afspraakmaken/ARTI-nummer=10285 worden koppen gebruikt die niet als koppen zijn opgemaakt, bijvoorbeeld "Grof huishoudelijk afval". Zorg ervoor dat de juiste code in de HTML wordt gebruikt om deze koppen op te maken, bijvoorbeeld H2.

Bevinding 8: Als op pagina inzamelkalender.rova.nl/nl/8011XW/2/ onder "Afvalinformatie" op "GRIP-wagen" wordt geklikt, verschijnt er een tabel op de pagina. De koppen in deze tabel, zoals "Locatie" zijn opgemaakt met het strong-element, in plaats van met het th-element. Daardoor is de relatie tussen de koppen en datacellen voor screenreadergebruikers niet duidelijk. Zorg ervoor dat tabellen goed zijn opgemaakt en gebruik voor tabelkoppen altijd het th-element.

Bevinding 9: De PDF afvalkalender 2022 is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Er kan daardoor bijvoorbeeld niet worden bepaald wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriterium met betrekking tot de PDF code laag zoals semantische koppen en alt teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

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 10: Op pagina inzamelkalender.rova.nl/ hebben de invoervelden de waarde autocomplete=off. Hierdoor kan de benodigde invoer van deze velden niet programmatisch bepaald worden. Zorg dat elk veld de juiste autocomplete waarde heeft. Dit is voor het veld Postcode bijvoorbeeld 'postal-code'. (Voor de velden huisnummer en toevoeging bestaat geen autocomplete waarde.)
Autocomplete mag wel uitgezet worden, maar dan moet dit op het <form> element geplaatst worden, en niet op het <input> element.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 11: Op pagina inzamelkalender.rova.nl/nl/8011XW/2/ staan onder "Inzameldagen" links naar alle maanden van het jaar. De huidige maand is alleen herkenbaar door een andere achtergrondkleur. Slechtzienden en kleurenblinden kunnen dat mogelijk niet zien. Zorg ervoor dat informatie niet van kleur afhankelijk is om dit probleem op te lossen.
Hetzelfde komt vaker voor in de website. Bijvoorbeeld in de kaart op dezelfde pagina onder "Inzamellocaties" geeft een donkerder achtergrondkleur van een icoon aan welk icoon actief is.

Bevinding 12: Op pagina inzamelkalender.rova.nl/nl/8011XW/2/ staat onder "Melding maken" een formulier. Als een bezoeker een formulierveld verkeerd of niet invult, verschijnt de algemene tekst "Deze velden zijn niet ingevuld of bevatten niet het juiste formaat." Het is alleen zichtbaar om welke velden het gaat doordat de rand van het invoerveld van kleur verandert. Zorg ervoor dat informatie niet van kleur afhankelijk is om dit probleem op te lossen. Zie ook succescriterium 3.3.1.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 13: Op pagina inzamelkalender.rova.nl/nl/8011XW/2/ komen teksten voor met de kleurcombinatie lichtblauw (Hex: 8BB0EB) op wit, zoals "Menu" en "Inzameldagen", die een te laag contrast hebben. De contrastverhouding is hier 2,2:1, waar dit minimaal 3:1 moet zijn voor grote tekst en 4,5:1 voor kleine letters.
Hetzelfde geldt voor witte tekst op dezelfde kleur blauwe achtergrond zoals "Eerstvolgende ophaalmoment:" en de teksten in het uitklapmenu, wanneer deze de focus ontvangen.
Dit komt ook voor op pagina inzamelkalender.rova.nl/nl/8011XW/2/afvalabc wanneer teksten in het zoekveld de focus krijgen en bij hover op de teksten 'Diversen' en 'Afspraak maken' op pagina inzamelkalender.rova.nl/nl/8011XW/2/bestellen .

Bevinding 14: Het contrast van de witte tekst "Zwolle" op grijze achtergrond (Hex: B2B2B2) in de afbeelding boven aan pagina inzamelkalender.rova.nl/nl/8011XW/2/ is te laag. De contrastverhouding is hier 2,1:1, waar dit minimaal 3:1 moet zijn.

Bevinding 15: In de PDF Afvalkalender 2022 is het contrast van de witte tekst van de dag van de maand waarop PMD in zakken opgehaald wordt op oranje achtergrond (Hex: E69054) te laag. De contrastverhouding is hier 2,5:1, waar dit minimaal 3:1 moet zijn.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 16: Op pagina inzamelkalender.rova.nl/nl/8011XW/2/ staat de afbeelding met de tekst "Zwolle". Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt verder niet voor op de pagina. Plaats deze tekst daarom als HTML-tekst op de pagina.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 17: De grijze invoervelden (Hex: F8F8F8) op de witte achtergrond op pagina inzamelkalender.rova.nl/ hebben een te laag contrast. De contrastverhouding is hier 1,1:1, waar dit minimaal 3:1 moet zijn.
Een mogelijke oplossing is een rand toevoegen rondom de formuliervelden, die wel genoeg contrast heeft met de witte achtergrond.
Dit komt ook voor bij het invoerveld op pagina inzamelkalender.rova.nl/nl/8011XW/2/afvalabc .

Bevinding 18: Wanneer het zoekveld ('Scheidingswijzer') rechts bovenaan pagina inzamelkalender.rova.nl/nl/8011XW/2/ geopend wordt, verschijnt een invoerveld. De randen hiervan (HEX #aaaaaa) hebben een contrastwaarde van 2,3:1 met de achtergrond. Dit moet minimaal 3:1 zijn.

Bevinding 19: Het vergrootglas naast het zoekveld heeft een contrastwaarde dat ligt tussen de 2,0:1 en 2,9:1, maar moet overal minimaal 3:1 zijn. Het vergrootglas dient als visueel label voor het invoerveld en moet daarom voldoende contrast hebben.

Bevinding 20: Het contrast van de witte afbeeldingen op de licht gekleurde achtergrond van de afval type iconen in de kaart van Google maps op pagina inzamelkalender.rova.nl/nl/8011XW/2/ is te laag, terwijl de afbeelden belangrijke informatie bevatten. Bijvoorbeeld bij Restafval is de contrastverhouding van de witte afbeelding met de lichtgrijze achtergrond (Hex: C9CBD2) 1,5:1, waar dit minimaal 3:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Gebruik bijvoorbeeld een andere kleur op die plekken waar het contrast te laag is.
Ook als de iconen niet lichter gemaakt zijn is voor een aantal het contrast te laag. Bijvoorbeeld bij glas met een gele achtergrond (Hex:FEC90C) is het contrast 1,5:1 waar dat 3:1 moet zijn.

Bevinding 21: Op pagina inzamelkalender.rova.nl/nl/8011XW/2/ zijn er onder Meldingen selectievakjes naast de verschillende soorten afval. Deze krijgen een lichtblauwe schaduwrand als ze toetsenbordfocus krijgen. Het contrast van deze schaduwrand is 1,5:1 in combinatie met de witte achtergrond. Dit moet minimaal 3:1 zijn.
Hetzelfde komt vaker voor, bijvoorbeeld bij de knop "Opslaan" direct onder de selectievakjes, op pagina inzamelkalender.rova.nl/nl/8011XW/2/bestellen rondom de knoppen 'Diversen' en 'Afspraak maken' en op pagina inzamelkalender.rova.nl/nl/8011XW/2/bestellen/afspraakmaken/ARTI-nummer=10285 op de link 'Grof huishoudelijk afval' in het broodkruimelpad.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 22: Op pagina inzamelkalender.rova.nl/nl/8011XW/2/afvalabc staat in het zoekveld een kruisje. Deze is niet bedienbaar met het toetsenbord.

Bevinding 23: Advies: Op inzamelkalender.rova.nl/nl/8011XW/2/ staat onder 'Inzamellocaties' een kaart. De verschillende iconen onder 'Selecteer de gewenste afvalsoort voor de beschikbare inzamellocaties' op de kaart zijn niet bedienbaar met het toetsenbord. Ook zijn de getoonde locaties op de kaart niet bedienbaar met het toetsenbord. Er is wel een alternatief beschikbaar doordat alle locaties ook tekstueel beschikbaar zijn, maar dit alternatief kan erg bewerkelijk zijn voor bezoekers die afhankelijk zijn van het toetsenbord.
Voor kaarten en karteringsdiensten geldt een permanente uitzondering, zie: www.digitoegankelijk.nl/wetgeving/specifieke-situaties/online-kaarten-en-karteringsdiensten

2.2 Genoeg tijd

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Onvoldoende

Bevinding 24: Boven aan de startpagina inzamelkalender.rova.nl/nl/8011XW/2/ staat onder "Eerstvolgende ophaalmoment:" een carrousel die na elke paar seconden een nieuw datum laat zien. (Mogelijk gebeurt dat alleen als de tweede ophaaldatum minder dan 8 dagen in de toekomst ligt.) Deze carrousel kan niet gestopt, gepauzeerd of verborgen worden. Bij sommige mensen kan de beweging misselijkheid veroorzaken. Voor mensen met bijvoorbeeld een cognitieve beperking kan het lastig zijn omdat zij zich tijdens het lezen niet kunnen concentreren op de tekst, doordat de tekst beweegt. Zorg dat bezoekers de carrousel kunnen stoppen of pauzeren, of verwijder de carrousel in z’n geheel.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 25: Elke pagina bevat wel een skiplink (een mechanisme om naar een ander deel van de pagina te springen), maar de skiplink werkt niet. Zorg dat bezoekers direct naar de hoofdinhoud van een pagina kunnen springen, zonder dat zij daar extra handelingen voor moeten uitvoeren.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 26: De titel van de PDF Inzamelkalender 2022 in de eigenschappen: "ROVA Archief PDF" beschrijft de inhoud niet en in de eigenschappen staat ingesteld dat de bestandsnaam wordt getoond. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de documenttitel wordt getoond.

Bevinding 27: De titel van de pagina inzamelkalender.rova.nl/nl/8011XW/2/undefined/search "ROVA Inzamelkalender - Uw zoekresultaten" beschrijft de inhoud van de pagina onvoldoende. Dezelfde titel wordt voor verschillende pagina's gebruikt. Dit is een pagina met afvalinformatie over restafval, maar bijvoorbeeld de afvalinformatie pagina over de GRIP-wagen heeft dezelfde titel. Zorg dat er een beknopte titel aanwezig is die de inhoud van de pagina beschrijft. Hetzelfde komt vaker voor. Bijvoorbeeld de Contactpagina inzamelkalender.rova.nl/nl/8011XW/2/uwgemeente heeft de titel "ROVA Inzamelkalender - Rozemarijnstraat 2 8011XW ZWOLLE"

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 28: Wanneer een pagina geopend wordt, wordt de focus automatisch op het 'Menu' geplaatst. Zorg dat de focus bovenaan de pagina wordt geplaatst, zodat het eerst focusbare element de skiplink wordt.

Bevinding 29: Wanneer bezoekers op pagina inzamelkalender.rova.nl/nl/8011XW/2/ met het toetsenbord navigeren, krijgt na de knop 'Menu' de inhoud van het menu focus, ook al heeft de gebruiker het menu niet geopend. Zorg dat de focus alleen naar de inhoud gaat wanneer de bezoeker het menu heeft geopend.

Bevinding 30: Op pagina inzamelkalender.rova.nl/nl/8011XW/2/ kan je met de tabtoets door de pagina navigeren. Er wordt in de HTML gebruikgemaakt van het attribuut tabindex=0 op de kaart van Google Maps. Daardoor ontstaat er bij een onlogische focusvolgorde. Plaats geen tabindex="0" op elementen die geen focus horen te krijgen.

Bevinding 31: Wanneer bezoekers op pagina inzamelkalender.rova.nl/nl/8011XW/2/ onder afvalinformatie een icoon aanklikken, verschijnt er zonder dat de pagina ververst een tekst over het betreffende type afval. Bezoekers die met het toetsenbord navigeren moeten met de tabtoets direct bij die nieuwe informatie uitkomen, dat is nu niet het geval.
Hetzelfde gebeurt op meer plaatsen in de website, bijvoorbeeld bij het klikken op een maand onder "Inzameldagen" op de zelfde pagina.

Bevinding 32: Wanneer bezoeker het veld e-mailadres onder "Meldingen" niet (goed) invullen, ververst de pagina, maar wordt visueel gesprongen naar het id #notificaties. De focus wordt echter geplaatst op de menuknop. Zorg dat de focus wordt verplaatst naar het gedeelte met id=notificaties, bij voorkeur naar het invoerveld.
Dit geldt ook voor het formulier onder "Melding maken" met id #melding-maken.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 33: Op pagina inzamelkalender.rova.nl/nl/8011XW/2/ staan meerdere knoppen/links met dezelfde tekst, zoals 'Bestellen' en 'Afspraak maken'. Het linkdoel moet uniek zijn, zodat een bezoeker direct kan bepalen waar het over gaat. Voeg bijvoorbeeld onder water toe bij welke titel deze link hoort, zodat de toegankelijke naam iets wordt als 'Bestellen Pmd-zakken' of 'Afspraak maken Grof huishoudelijk afval'.
Dit komt ook voor op pagina inzamelkalender.rova.nl/nl/8011XW/2/bestellen/afspraakmaken/

Bevinding 34: Advies: op pagina inzamelkalender.rova.nl/nl/8011XW/2/afvalabc hebben de klikbare afbeeldingen een toegankelijke naam via een title-attribuut en een alt-tekst. Hierdoor wordt door sommige hulpsoftware twee keer hetzelfde voorgelezen. Daarnaast wordt het woordje 'afbeelding' elke keer opgelezen (doordat het een afbeelding betreft).
Een mooiere oplossing is de <span> met de uitgeschreven tekst die naast de afbeelding staat binnen de <a> tags te plaatsen, en de afbeelding decoratief te maken door het alt-attribuut leeg te laten (alt="") en het title-attribuut achterwege te laten.
Dit komt op meerdere pagina's voor, zoals op pagina inzamelkalender.rova.nl/nl/8011XW/2/search. Hier is aan de afbeelding ook de tekst 'Scheidingswijzer over' toegevoegd, maar dit is overbodig en beschrijft de afbeelding niet. In dit geval is het overigens aan te raden om de link te verwijderen, aangezien de afbeelding linkt naar de pagina waar de bezoeker zich al op bevindt.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevinding 35: De pagina's inzamelkalender.rova.nl/nl/8011XW/2/pushmessages en inzamelkalender.rova.nl/nl/8011XW/2/uw-gemeente zijn alleen te bereiken via het menu. Zorg dat er een tweede manier is om elke pagina te kunnen bereiken.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 36: In Firefox is op pagina inzamelkalender.rova.nl/nl/8011XW/2/ niet zichtbaar dat een afvalicoon onder "Afvalinformatie" focus heeft. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen.
Dit komt ook voor op pagina inzamelkalender.rova.nl/nl/8011XW/2/afvalabc . Hier is de focus wel zichtbaar, maar staat deze niet goed rondom de klikbare afbeeldingen.

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 37: In de eigenschappen van PDF Inzamelkalender 2022 is de taal niet ingevuld. Voorleessoftware maakt gebruik van deze taalinstelling. Zorg ervoor dat de taal is ingesteld in overeenkomt met de taal die gebruikt wordt in de PDF.

3.2 Voorspelbaar

3.2.4 Consistente identificatie (Niveau AA)

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Onvoldoende

Bevinding 38: Op pagina inzamelkalender.rova.nl/nl/8011XW/2/undefined/search staat: "Zijn uw zakken op? Dan kunt u deze gratis bestellen via deze app (menu > bestellen) " en in het menu bestaat alleen de optie "Aanvragen".

Bevinding 39: De begrippen Afvalinformatie en Scheidingswijzer verwijzen naar dezelfde functionaliteit . De Scheidingswijzer pagina inzamelkalender.rova.nl/nl/8011XW/2/afvalabc en het blok Afvalinformatie op de homepagina inzamelkalender.rova.nl/nl/8011XW/2/undefined/ lijken erg op elkaar, resultaten van de scheidingswijzer zoekfunctie bijvoorbeeld inzamelkalender.rova.nl/nl/8011XW/2/undefined/search worden getoond onder afvalinformatie. Dit kan verwarring veroorzaken. Zorg er voor dat componenten die dezelfde functionaliteit hebben binnen een website consistent worden geïdentificeerd.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 40: Wanneer bezoekers in het formulier op pagina inzamelkalender.rova.nl/nl/8011XW/2/ een formulierveld onder "Melding maken" niet goed invullen, verschijnt er een foutmelding: "Deze velden zijn niet ingevuld of bevatten niet het juiste formaat." Deze melding is algemeen. Er mist een specifieke foutmelding die beschrijft welke fout is gemaakt en wáár die is gemaakt. Velden waarin een fout zit zijn alleen te herkennen aan de kleurverandering van de rand, wat problemen oplevert met succescriterium 1.4.1 Zorg voor een duidelijke foutmelding voor elk veld dat niet goed is ingevuld.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 41: Het zoekveld rechts bovenaan pagina inzamelkalender.rova.nl/nl/8011XW/2/ heet de placeholdertekst 'Scheidingswijzer'. In de code is dit nu ook het label van het invoerveld. Een bezoeker die afhankelijk is van hulpsoftware hoort nu 'Scheidingswijzer menuknop'. Het kan daardoor onduidelijk zijn wat de bezoeker hier moet invullen. Gebruik een duidelijker label/placeholdertekst om dit probleem op te lossen.

Bevinding 42: Op pagina inzamelkalender.rova.nl/nl/8011XW/2/bestellen/afspraakmaken/ARTI-nummer=10285/ mist het invoerveld 'pasnummer' een visueel label. De placeholder-tekst is niet voldoende, want die verdwijnt zodra de bezoeker begint met typen. Voor sommige mensen kan het moeilijk zijn om te onthouden wat ze moeten invullen als dat er niet duidelijk bij staat. Voeg een label toe dat altijd zichtbaar blijft om dit probleem op te lossen.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Onvoldoende

Bevinding 43: Op dagen dat er meerdere ophaalmomenten in de carrousel op pagina inzamelkalender.rova.nl/nl/8011XW/2/ staan, komen er dubbele id's in voor, namelijk id="dot0". Dit kan problemen opleveren met hulpsoftware. Zorg dat id's unieke waarden hebben op een pagina.
Dit probleem komt ook voor op pagina inzamelkalender.rova.nl/nl/8011XW/2/bestellen/afspraakmaken/ met id="js-desktop-select-other-message""

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 44: Het zoekveld rechts bovenaan pagina inzamelkalender.rova.nl/nl/8011XW/2/ heeft het attribuut role='button'. Hulpsoftware leest daarom voor: 'Scheidingswijzer knop'. Deze rol is op zich gepast wanneer het zoekveld nog niet is uitgevouwen, maar is niet toegestaan op het <input> element en maakt in combinatie met de naam niet duidelijk wat het element doet. Pas daarom de naam en de rol aan, zie ook de bevinding bij succescriterium 1.3.1.
Wanneer het element is uitgevouwen, moet het invoerveld ook de juiste rol hebben: het is dan geen knop meer maar een invoerveld.

Bevinding 45: Het carrousel op pagina inzamelkalender.rova.nl/nl/8011XW/2/ bestaat uit een <a> zonder href. Daardoor klopt de rol van dit element niet. Maak de carrousel op een andere manier op om dit probleem op te lossen.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 46: Wanneer op pagina inzamelkalender.rova.nl/ een postcode en huisnummer worden ingevoerd, verschijnt er tijdens het typen feedback onder de invoervelden (zoals 'Ongeldige invoer'). Pas als er een geldige combinatie is ingevoerd verschijnt de knop om in te loggen. Blinden en slechtzienden die met een screenreader werken krijgen geen signaal dat er iets is gewijzigd, dat er fouten zijn of dat ze kunnen inloggen. Zorg ervoor dat de feedback ook direct doorgegeven wordt aan screenreadergebruikers, bijvoorbeeld via aria-live.

Bevinding 47: Wanneer op pagina inzamelkalender.rova.nl/nl/8011XW/2/bestellen/afspraakmaken/ARTI-nummer=10285 het veld 'pasnummer' niet (goed) wordt ingevuld maar wel wordt verstuurd, verschijnt direct onder de knop 'Verzenden' een waarschuwingstekst. Doordat de focus op de knop 'Verzenden' blijft, wordt deze tekst niet voorgelezen. Zorg ervoor dat de feedback ook direct doorgegeven wordt aan screenreadergebruikers, bijvoorbeeld via aria-live.

Bevinding 48: Advies: Wanneer een bezoeker op de knop "Toon alle inzamellocaties" op pagina inzamelkalender.rova.nl/nl/8011XW/2/search klikt, worden extra locaties geladen. Een bezoeker die met tab-toetsen navigeert (waarmee hij van interactief element naar interactief element kan springen) hoort niet dat er nieuwe content is verschenen. Voeg bijvoorbeeld onderwater toe dat wordt doorgegeven dat alle locaties zijn geladen.

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-05-17 09:00:44 v2.4-011