Campus Design System

Appearance

2.4.5 Meerdere manieren niveau A ​

Uitleg ​

Het WCAG-criterium 2.4.5 Meerdere manieren vereist dat er meer dan één manier is om inhoud te vinden of toegang te krijgen tot functionaliteit op een webpagina, tenzij de inhoud of functionaliteit zeer eenvoudig is. Dit betekent dat gebruikers verschillende manieren moeten kunnen gebruiken om te navigeren of te zoeken binnen een website. Dit is belangrijk voor gebruikers die verschillende methoden gebruiken om te navigeren, zoals toetsenbordnavigatie, schermlezers, of zoekmachines.

Door meerdere manieren van toegang aan te bieden, vergroot je de toegankelijkheid van je website voor een breder publiek, inclusief mensen met een handicap die bijvoorbeeld afhankelijk zijn van assistieve technologie zoals schermlezers, maar ook gebruikers die meer gewend zijn aan zoekfunctionaliteiten of navigatie via menus.

Wat betekent dit in de praktijk? ​

Een pagina mag niet alleen een enkele manier bieden om belangrijke inhoud te vinden. Bijvoorbeeld, als een gebruiker een specifieke sectie op de website wil vinden, mag dit niet alleen mogelijk zijn door door de pagina te scrollen. Er moeten alternatieven zijn, zoals een zoekfunctie of een navigatiemenu dat gebruikers direct naar de gewenste sectie leidt.

Oplossing voor dit probleem ​

Zorg ervoor dat er meerdere manieren beschikbaar zijn om inhoud te vinden of functionaliteiten te bereiken. Dit kan bijvoorbeeld door naast een navigatiemenu een zoekfunctie aan te bieden, of door een inhoudsopgave aan te bieden voor lange pagina’s. Een andere mogelijkheid is het aanbieden van een sitemap of een link naar gerelateerde pagina’s.

Voorbeeld van het probleem ​

Stel dat een webpagina geen zoekfunctie heeft en gebruikers alles handmatig moeten doorbladeren om te vinden wat ze zoeken. Dit zou problematisch zijn voor gebruikers die bijvoorbeeld met een schermlezer werken, omdat ze de inhoud niet efficiënt kunnen doorzoeken.

html
<!-- Slecht voorbeeld: alleen scrollen om door de inhoud te navigeren -->
<p>Hier is veel tekst die gebruikers moeten doorleiden om informatie te vinden...</p>

Oplossing voor dit probleem ​

De oplossing is om een alternatieve manier te bieden om de inhoud te vinden, zoals een zoekfunctie of een inhoudsopgave:

html
<!-- Goed voorbeeld: toevoegen van een zoekfunctie -->
<input type="text" id="search" placeholder="Zoek op deze pagina..." />

<!-- Of een inhoudsopgave -->
<ul>
  <li><a href="#section1">Sectie 1</a></li>
  <li><a href="#section2">Sectie 2</a></li>
  <li><a href="#section3">Sectie 3</a></li>
</ul>

Andere manieren om dit probleem op te lossen: ​

  • Sitemap: Een overzicht van de belangrijkste pagina's op de website kan ook als een alternatieve manier dienen om inhoud te vinden.
html
<a href="sitemap.html">Bekijk de sitemap van de website</a>
  • Verwant gerelateerde links: Bied een sectie aan met gerelateerde links naar relevante inhoud, zodat gebruikers snel kunnen schakelen tussen verschillende delen van de website.

Belangrijke overwegingen ​

  • Niet te veel opties: Zorg ervoor dat je geen verwarrende overdaad aan navigatiemethoden biedt. De navigatie moet nog steeds overzichtelijk en eenvoudig te gebruiken blijven.
  • Overzichtelijke structuur: De verschillende manieren om inhoud te vinden moeten logisch en gestructureerd gepresenteerd worden zodat de gebruiker begrijpt hoe ze gebruikt kunnen worden.
  • Zorg voor consistentie: Biedt op verschillende pagina’s vergelijkbare mogelijkheden om door de site te navigeren, zodat de gebruiker niet hoeft te wennen aan een nieuwe manier van navigeren op elke pagina.

Tools en Hulpmiddelen ​

  • WAVE Accessibility Tool: Deze tool kan helpen bij het testen of er voldoende manieren zijn om door een website te navigeren. WAVE Tool.
  • aXe Accessibility Tool: Deze tool biedt hulp bij het verifiëren van toegankelijkheidsrichtlijnen, inclusief die voor meerdere manieren van navigatie. aXe Tool.

Referenties ​