Toegankelijkheidsonderzoek

Issues:
Contentaudit digitale toegankelijkheid Registratiesysteem Toeristische Verhuur

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Registratiesysteem Toeristische Verhuur
Datum 10 maart 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op acceptatie.toeristischeverhuur.nl.
Buiten de scope van het onderzoek valt:
  • De techniek van alle pagina's op acceptatie.toeristischeverhuur.nl. Dit vereist een apart onderzoek.
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar de onderzochte website met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 9

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: Nieuwe bevinding als gevolg van het oplossen van een bevinding uit een eerdere audit: de icon fonts die worden ingeladen met het <i>-element, hebben geen alternatieve tekst. Het aria-label element kan niet op generieke HTML-rollen worden gebruikt volgens de ARIA-standaard. Voeg icon fonts op de volgende manier toe:
<span class="phone" aria-hidden="true"></span>
<span class="sr-only">Telefoonnummer</span>

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Voldoende

Bevinding 2: Advies: in de tabel "Overzicht" op https://www.acceptatie.toeristischeverhuur.nl/portaal is het raadzaam om aantal overnachtingen, meldingen en inzien elk een eigen kolom te geven.

2. Bedienbaar

2.2 Genoeg tijd

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Onvoldoende

Bevinding 3: Nieuwe bevinding als gevolg van het oplossen van een bevinding uit een eerdere audit: op https://www.acceptatie.toeristischeverhuur.nl/portaal/registreren is er een animatie waar steeds logo's van partners worden getoond. Deze animatie is niet te pauzeren, stoppen of te verbergen. Voeg een mechanisme toe waarmee bezoekers dit kunnen doen.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 4: Er komen lege links voor op https://www.acceptatie.toeristischeverhuur.nl/portaal/meldingen. Dit is verwarrend voor bezoekers met een screenreader en mensen die afhankelijk zijn van het toetsenbord. Geef de links linktekst of verwijder ze.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 5: Nieuwe bevinding als gevolg van het oplossen van een bevinding uit een eerdere audit: tooltips zoals op bijvoorbeeld https://www.acceptatie.toeristischeverhuur.nl/portaal/melden (na selecteren van adres) hebben de tekst van de tooltip als label gekregen. Dit bemoeilijkt het openen van de tooltip voor bezoekers die afhankelijk zijn van spraakbesturing, daarnaast is het verwarrend voor gebruikers van screenreaders. De functie van de knop voor de tooltip gaat voor hen verloren. Aangezien het om instructies gaat, is het beter de tekst van de tekst van de tooltips gewoon bij de velden zelf te zetten geen knoppen te gebruiken om de instructie te tonen. Dit komt ook voor bij de tooltips van https://www.acceptatie.toeristischeverhuur.nl/portaal/registreren.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 6: In de eerste stap van registreren op https://www.acceptatie.toeristischeverhuur.nl/portaal/registreren zijn er tooltips om instructies op te vragen voor de postcode en het huisnummer. Hoewel de tooltips buttons zijn en dus te openen met een toetsenbord of andere hulptechnologie, wordt de inhoud niet gefocust of voorgelezen. Dit speelt ook in de tweede stap in het registratieproces, al hebben de buttons voor de tooltips daar ook nog eens geen label. Aangezien het om instructies gaat, is het beter om deze gewoon als tekst bij de invoervelden te zetten en geen knop te gebruiken. Dit komt ook voor bij de tooltips op https://www.acceptatie.toeristischeverhuur.nl/portaal/melden.

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 7: Nieuwe bevinding als gevolg van het oplossen van een bevinding uit een eerdere audit: de icon fonts die worden ingeladen met het <i>-element, hebben geen alternatieve tekst. Het aria-label element kan niet op generieke HTML-rollen worden gebruikt volgens de ARIA-standaard. Dit komt voor op bijvoorbeeld https://www.acceptatie.toeristischeverhuur.nl/portaal/meldingen. Voeg icon fonts op de volgende manier toe:
<span class="phone" aria-hidden="true"></span>
<span class="sr-only">Telefoonnummer</span>

Bevinding 8: Nieuwe bevinding: de knop "Profiel" in het navigatiemenu op elke pagina op de website, is genest in een listbox. De listbox heeft geen toegankelijke naam. Ook wordt door het gebruikt van listbox verwacht dat er child-elementen met een bepaalde rol wordt gebruikt. Een betere oplossing is om dit omringende element te verwijderen, van "Profiel" gewoon een button-element te maken met het aria-expanded attribuut. Dit is wel een technische oplossing. Een soortgelijk probleem komt voor op https://www.acceptatie.toeristischeverhuur.nl/portaal/meldingen met de keuzelijsten voor jaar en adres. Gebruik daar het native select-element voor.

Bevinding 9: Nieuwe bevinding: op https://www.acceptatie.toeristischeverhuur.nl/portaal/meldingen wordt een role-alert gebruikt bij de keuzelijsten voor datum en adres. Aangezien de resultaten verschijnen onder de filters en de filters (na de header) het eerste is wat bezoekers tegenkomen, is de verwachting ook wel dat inhoud wordt aangepast. Daarnaast wordt de live-region verkeerd gebruikt. Het staat al in de code en zal dus worden getriggerd bij het laden van de pagina, ook al is de inhoud van de pagina niet gewijzigd. Daarnaast dient een live-region altijd bij een statusbericht te worden gebruikt ("Formulier succesvol verzonden") of op een kop te worden gezet ("125 zoekresultaten voor wet). Verwijder de attributen aria-live en role=alert.

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-05-10 00:04:39 v2.4-011