Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website oisterwijk.accommodatiehuur.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website oisterwijk.accommodatiehuur.nl
Datum 20 januari 2023
Scope van de website Binnen de scope van dit onderzoek vallen:
  • Alle content op het domein oisterwijk.accommodatiehuur.nl.
  • Alle PDF's op het domein oisterwijk.accommodatiehuur.nl.
Buiten de scope van dit onderzoek vallen:
  • Alle techniek op de pagina's van het domein oisterwijk.accommodatiehuur.nl.
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via oisterwijk.accommodatiehuur.nl met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 8

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: Deze bevinding is mogelijk technisch van aard:
Op pagina https://oisterwijk.accommodatiehuur.nl/ staan iconen voor adressen, bijvoorbeeld voor 'Stokeind 11 A, Moergestel'. Deze iconen geven aan dat het achterstaande tekst de locatie is waar de zaal zich bevindt. Omdat het icoon visueel informatie overbrengt moet deze informatie ook beschikbaar zijn voor bezoekers die het scherm niet (goed) kunnen zien. Het icoon heeft een alternatieve tekst gekregen via het title-attribuut maar is verborgen voor hulpsoftware omdat het attribuut aria-hidden is gebruikt. Zorg ervoor dat het icoon niet verbogen is voor hulpsoftware door aria-hidden op het i-element te verwijderen.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 2: Op pagina https://oisterwijk.accommodatiehuur.nl/planboard staan verschillende koppen die alleen met het strong-element zijn opgemaakt, bijvoorbeeld de kop 'Sporthal Stokeind'. Het strong-element is niet geschikt om koppen mee op te maken. Het heeft namelijk een andere semantische waarde dan een kop-element. Het strong-element mag alleen worden gebruikt op woorden of korte zinnen die belangrijk zijn, bijvoorbeeld op woorden die je met nadruk zou voorlezen. Los dit probleem op door het strong-element van de koppen te verwijderen en deze op te maken met een kop-element.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 3: Deze bevinding is mogelijk technisch van aard:
Het beschikbaarheidsoverzicht op pagina https://oisterwijk.accommodatiehuur.nl/bookings is zo opgemaakt dat content niet in de juiste volgorde staat voor hulpsoftware. De tijden op de pagina worden eerste voorgelezen door voorleessoftware, daarna worden pas de zaalnamen en beschikbare blokken voorgelezen. Hierdoor is de koppeling tussen de tijd en het beschikbare blok niet te bepalen voor gebruikers van voorleessoftware. Zorg ervoor dat het voor tijden gekoppeld zijn aan de beschikbare blokken op deze pagina. Dit kan door bijvoorbeeld de toegankelijke naam van het klikbare blok aan te passen naar de datum en tijd waarop de zaal beschikbaar is, bijvoorbeeld 'Stokeind hele sporthal beschikbaar: 23 januari 2023 9:30 tot 10:00'.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 4: Op pagina https://oisterwijk.accommodatiehuur.nl/bookings/court/2 staan grijze tekst 'Stokeind hele sporthal' (HEX #848484) op een witte achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is hier 3,7:1, waar dat minimaal 4.5:1 moet zijn.
Dit contrastprobleem komt ook voor op andere pagina's, bijvoorbeeld op https://oisterwijk.accommodatiehuur.nl/planboard/location/sporthal-stokeind.

Bevinding 5: Op pagina https://oisterwijk.accommodatiehuur.nl/book staat een witte '1' op een blauwe achtergrond (HEX#007BFF). Deze tekst heeft een te laag contrast. De contrastverhouding is hier 3.9:1 waar dat minimaal 4.5:1 moet zijn.
Deze kleurencombinatie komt voor bij alle stappen in het reserveringsproces.
Dit contrastprobleem komt ook voor op andere pagina's, bijvoorbeeld op https://oisterwijk.accommodatiehuur.nl/content/handleiding en op https://oisterwijk.accommodatiehuur.nl/content/reserveringsvoorwaarden.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 6: Deze bevinding is mogelijk technisch van aard:
De focusrand die verschijnt op het selectievakje 'Informatieve mailings ontvangen' is lichtblauw (HEX #BFDEFF). Op de achtergrond (HEX #F8F9fFA) heeft deze focusrand een te laag contrast. De contrastverhouding is hier 1.3:1 waar dat minimaal 3:1 moet zijn.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 7: Op de website komen verschillende pagina's voor die de paginatitel 'Reserveringssysteem - Accommodatiehuur.nl' hebben. Het gaat bijvoorbeeld om de pagina's https://oisterwijk.accommodatiehuur.nl/location/gymzaal-pannenschuur, https://oisterwijk.accommodatiehuur.nl/location/sporthal-stokeind en https://oisterwijk.accommodatiehuur.nl/location/gymzaal-de-coppele. Pagina's moeten een unieke paginatitel hebben die de inhoud van de pagina goed omschrijft.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://oisterwijk.accommodatiehuur.nl/content/reserveringsvoorwaarden is de link ‘: www.oisterwijk.nl’ opgemaakt met meerdere a-elementen. Eén a-element is alleen geplaatst op de letter 'l' in deze link en een ander a-element bevat helemaal geen content. Dit kan erg verwarrend zijn voor screenreadergebruikers. De link wordt niet goed voorgelezen, sommige letters worden apart voorgelezen en er is één link zonder toegankelijke naam. Zorg ervoor dat deze link correct wordt voorgelezen door deze linktekst op te maken met één a-element.

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: 2025-04-02 15:56:19 v2.4-011