Umgehen von fokussierbaren Inhalten
veröffentlicht in 2016
zuletzt bearbeitet in
Umgehen durch strukturelle Navigation
Im Gegensatz zu sehenden Nutzenden, die beim Aufruf einer Webseite ihre Aufmerksamkeit dem Hauptinhalt einer Webseite widmen und die Kopfbereich und Navigationsleisten quasi ignorieren können, müssen Nutzende von Screenreadern zuerst zu den Inhalten navigieren, um sie lesen oder bedienen zu können. Das Erfolgskriterium 2.4.1 der Web Content Accessibility Guidelines (WCAG) 2.2 fordert daher, dass Nutzende wiederkehrende Blöcke, wie Navigationsleisten, durch Nutzende umgangen werden können, um beispielsweise direkt zum Hauptinhalt der Webseite zu gelangen.
Sie könnten der Meinung sein, dass der Sprunglink zum Inhalt der Anforderung bereits genügt. Das ist auch absolut richtig: Verfügt die Webseite über einen solchen Sprunglink, der beispielsweise Navigationsbereiche überspringen lässt, dann ist das Erfolgskriterium erfüllt. Die Navigation mit einem Screenreader innerhalb einer Webseite erfolgt aber typischerweise mit der strukturellen Navigation, das heißt es werden Überschriften, Seitenregionen und andere Elemente mit Tastaturkürzel des Screenreaders angesteuert. Die Tab-Taste wird sicher auch genutzt, aber nicht unbedingt, um den Inhalt zu erreichen.
Für Nutzende von Screenreadern ist eine gute Struktur der Seiteninhalte mit HTML wichtig (Erfolgskriterium 1.3.1). Da es beim Umgehen von Blöcken darum geht, vor allem die Hauptinhalte einer Webseite zu erreichen, ist es auf vielen Webseiten erforderlich, den Hauptinhalt mit einem main-Element zu gruppieren oder mit einem h1-Element einzuleiten oder beides. Dann ist der Hauptinhalt sehr wahrscheinlich mit einem Tastendruck erreichbar.
<main>
<h1>Hauptüberschrift</h1>
… Hauptinhalte …
</main>
Darüber hinaus sollten Sie Navigationsbereiche nicht nur mit nav<-Elementen gruppieren, sondern auch als Liste auszeichnen:
<nav aria-label="Artikelnavigation">
<ul>
<li><a href="einleitung.html">Einleitung</a></li>
<li><a href="teil1.html">Grundlagen</a></li>
…
</ul>
</nav>
Damit können Nutzende von Screenreadern nicht nur zur Navigationsregion oder zur Liste springen, sondern, wenn sie sich in der Liste befinden, auch zum Ende der Liste beziehungsweise der Navigationsregion springen.
Der Beitrag Umgehen von fokussierbaren Inhalten besteht aus folgenden einzelnen Webseiten:
- Sprunglink zum Inhalt (Skip navigation link)
Mit Sprunglinks können Inhaltsblöcke einer Webseite per Tab-Taste übersprungen werden.
- Umgehen durch strukturelle Navigation
Um in einem Screenreader Blöcke mit vielen aktiven Elementen zu umgehen, muss eine Webseite eine gute Struktur im HTML haben.
- Umgehen durch Ausblenden
Inhaltsblöcke mit vielen aktiven Elementen können per Tastatur umgangen werden, wenn die Inhaltsblöcke ausgeblendet werden können.
Die folgenden Begriffe dieser Seite werden auch im Glossar definiert:
Blättern zur nächsten oder vorherigen Seite
- Inhaltsblöcke mit vielen aktiven Elementen können per Tastatur umgangen werden, wenn die Inhaltsblöcke ausgeblendet werden können. Umgehen durch Ausblenden
- Mit Sprunglinks können Inhaltsblöcke einer Webseite per Tab-Taste übersprungen werden. Sprunglink zum Inhalt (Skip navigation link)