AnySurfer Checklist 2.0

Mogelijkheid om de navigatie over te slaan

verplicht met verplichting dat het zichtbaar is

Aandachtspunt ivm 'content first' toevoegen. Naar inhoud wordt naar navigatie. Indicatie geven van hoeveel links veel is (20?) en die een skiplink nodig maken. Alles wissen wat te maken heeft met links onzichtbaar maken.

Als er veel navigatielinks zijn, moet een toetsenbordgebruiker vaak op de tabtoets drukken om hyperlinks verderop in de pagina te bereiken. Dit kunt u voorkomen door bovenaan de pagina een skip link toe te voegen. Met behulp van zo'n link kan een bezoeker alle links tot aan een door de auteur gekozen anker in één keer overbruggen. Wees niet te kwistig met skip links. Meestal volstaat één link per pagina. Plaats hem bovenaan de broncode zodat hij als eerste in de tabvolgorde voorkomt. Geef hem tenslotte een betekenisvolle linktekst, bijvoorbeeld 'naar inhoud'. Bekijk de voorbeeldcode 'skiplink naar inhoud'.

Testmethode

  • Als er een zichtbare skiplink aanwezig is, controleert u of die de focus verplaats naar het begin van de inhoud verderop de pagina.
  • Wanneer u de tabtoets navigeert, moet de skiplink het eerste element zijn dat focus krijgt en zichtbaar wordt. De linktekst moet betekenisvol zijn, bijvoorbeeld 'naar inhoud'.
  • Skiplinks mogen door middel van CSS offscreen gepositioneerd en onzichtbaar gemaakt worden zoals beschreven in de richtlijn. Open Firebug in Firefox en zoek via de functie 'inspecteren' de CSS class op die aan de skiplink is gekoppeld. Deze class mag geen gebruik maken van de eigenschappen 'display:none' of 'visibility:hidden'. Die zorgen ervoor dat een screenreader de skiplink overslaat terwijl die onder andere voor blinden bedoeld is.
  • Het gebruik van meerdere skiplinks wordt sterk afgeraden.

Meer informatie

In het Nederlands

Verborgen tekst

In het Engels

WebAIM "Skip Navigation" Links

Overeenkomstige richtlijnen

WCAG 2.0

Succescriterium 2.4.1 Blokken omzeilen

Aanvullende informatie over dit ijkpunt

Prioriteit

  • Level ASN

Doelgroepen

  • Blinden
  • Slechtzienden
  • Mensen met een motorische beperking
  • Mobiele surfers

Vrije tags

  • skiplink

Webwerkers

  • Webdesigner met kennis van HTML en CSS