Naar inhoud springen

Silktide controleert of elke pagina bezoekers een manier biedt om rechtstreeks naar de hoofdinhoud te springen, voorbij herhaalde kopteksten en navigatie. Dit is meestal een link "Naar inhoud springen" bovenaan de pagina, of een landmark voor de hoofdinhoud.

<!-- Een link om naar de hoofdinhoud te springen -->
<a href="#main">Naar hoofdinhoud springen</a>
...
<main id="main">
  <h1>Welkom</h1>
</main>

Waarom dit belangrijk is

Veel mensen ervaren pagina's opeenvolgend: een gebruiker van een hoort de inhoud in volgorde, en een toetsenbordgebruiker doorloopt elke link met de Tab-toets. Omdat de meeste websites op elke pagina dezelfde koptekst en navigatie herhalen, moeten deze gebruikers er op elke afzonderlijke pagina opnieuw doorheen. Een blinde bezoeker kan tientallen of honderden navigatielinks moeten doorlopen voordat de inhoud wordt bereikt. Een link om over te slaan of een landmark voor de hoofdinhoud neemt die hindernis weg.

Links om over te slaan hoeven niet voor iedereen zichtbaar te zijn. Een veelgebruikt patroon houdt de link verborgen totdat deze krijgt, zodat de link geen invloed heeft op je ontwerp.

Hoe je dit oplost

Voeg helemaal bovenaan de pagina een link toe die verwijst naar het begin van je hoofdinhoud, bijvoorbeeld <a href="#main">Naar hoofdinhoud springen</a>.
Controleer of het doel bestaat: het fragment moet overeenkomen met de id van een bestaand element en het doelelement moet zichtbaar zijn.
Markeer als alternatief (of aanvullend) je hoofdinhoud met een <main>-element of role="main" - elk daarvan voldoet op zichzelf aan deze controle.
De beste werkwijze is om beide te combineren: een link om over te slaan die verwijst naar het <main>-landmark. Dit werkt met het grootste aantal browsers en ondersteunende technologieën:

<a href="#main">Naar hoofdinhoud springen</a>
...
<main id="main">...</main>

Hoe Silktide dit controleert

Pagina's met minder dan 500 zichtbare tekens tekst worden overgeslagen - er is te weinig inhoud om naar over te slaan.
Zoeken naar een link die naar een fragment verwijst (zoals #main) op dezelfde pagina. Om mee te tellen, mag de link niet naast andere tekst staan (wat erop zou wijzen dat deze deel uitmaakt van een zin in plaats van een navigatiehulpmiddel), en moet deze zichtbaar zijn of op een voor schermlezers geschikte manier verborgen zijn.
De tekst van de link wordt bewust niet onderzocht, zodat de controle in elke taal werkt.
Er wordt een probleem gemeld wanneer:
- Het fragment van de link verwijst naar een id die niet op de pagina bestaat (een kapotte link om over te slaan).
- De link na meer dan 500 zichtbare tekens tekst verschijnt, te laat om de gebruiker nog moeite te besparen.
- Er geen link om over te slaan bestaat en de pagina geen landmark voor <main> of role="main" heeft.

Problemen oplossen

Ik heb een link om over te slaan, maar de controle mislukt nog steeds

Controleer de drie bovenstaande gevallen waarin een fout optreedt: de meest voorkomende oorzaken zijn een fragment dat verwijst naar een id die niet meer bestaat, een onzichtbaar doelelement, en een cookiebanner of andere inhoud die de link meer dan 500 tekens naar beneden op de pagina duwt.

Mijn inhoud begint bovenaan de pagina

Als de pagina minder dan 500 zichtbare tekens bevat, wordt deze automatisch overgeslagen. Langere pagina's hebben nog steeds een link om over te slaan of een landmark voor de hoofdinhoud nodig, ook wanneer de inhoud vroeg begint, omdat Silktide niet betrouwbaar kan vaststellen dat er geen navigatie aan voorafgaat.