Skip-Link
- Am Anfang des
<body>
, visuell zunächst unsichtbar, als direkter Weg zum<main>
- Es profitieren Screenreader und v.a. Tastaturbediener
Beispiel
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Grundlagen barrierefreie Web-Programmierung | Accessibility Club</title>
</head>
<body>
<!-- Skip link -->
<a href="#main">skip to main content</a>
<!-- Kopfbereich und Navigation ... -->
<!-- Hauptinhalt des Dokuments -->
<main id="main" role="main">
<!-- Inhalt -->
</main>
</body>
</html>
Naviation per Screenreader
- Navigation per Überschriftenstruktur bzw. -liste
- Navigation per Landmarks
- Navigation per Link-Liste
Links
- Responsive Accessible Dropdown Navigation (Marc Haunschild)
- JAWS Tastaturkürzel
- NVDA Tastaturkürzel