Übersicht der Möglichkeiten der Tastaturnavigation für barrierefreie Websites

Tastaturnavigation für barrierefreie Websites

Haben Sie sich schon gefragt, wie digitale Barrierefreiheit und Tastaturnavigation zusammengehören? Und wie genau das funktioniert? Tastaturzugänglichkeit und Tastaturnavigation sind Konzepte, die gar nicht so schwer zu verstehen sind, zumindest für Menschen mit etwas Computererfahrung. Die Tastaturnavigation ermöglicht es Menschen, ihren Computer auch dann zu benutzen, wenn sie Schwierigkeiten mit der Verwendung eines Trackpads oder einer Maus haben. Oftmals sind Websites jedoch nicht für barrierefreie Navigation geeignet. Die Zugänglichkeit der Tastatur muss bei der Webentwicklung sorgfältig bedacht und geplant werden.

Tastaturgestützte Navigation

Es sollte eine andere Möglichkeit als eine Standardmaus geben, um auf Websites zu navigieren. Das Internet ist zu oft für die Bedürfnisse eines Standardnutzers bei optimaler körperlicher Gesundheit und in einer idealen Umgebung konzipiert und noch zu selten mit Blick auf digitale Barrierefreiheit. Millionen von Menschen benötigen jedoch Anpassungen, um das Internet so nutzen zu können, wie es gedacht war, sei es aufgrund einer Behinderung, eines vorübergehenden Leidens oder einfach aufgrund von Müdigkeit und Überlastung. Aus diesem Grund ist die Tastaturnavigation (neben anderen notwendigen Anpassungen) von so großer Bedeutung.  

Nach einem langen Arbeitstag am Computer kann die Genauigkeit des Trackpads bei vielen Menschen nachlassen, da die Bewegungen der Hand und die Kontrolle über den Mauszeiger schwieriger zu steuern sind. Das mag wie ein kleines Problem erscheinen, aber es beeinträchtigt die Produktivität und ist unglaublich frustrierend. Menschen mit Geschicklichkeits- und Mobilitätsproblemen sind täglich mit diesem Problem konfrontiert, da ihnen möglicherweise die Feinmotorik fehlt, die für die Verwendung eines Trackpads oder einer herkömmlichen Maus erforderlich ist und ihnen so die barrierefreie Navigation erschwert wird.  

Funktionen für barrierefreie Navigation können dazu beitragen, die digitale Welt einfacher und übersichtlicher zu gestalten und sicherzustellen, dass mehr Menschen die Technologie nutzen können, die inzwischen so fest in unserem Alltag verankert sind.  

Was ist eine tastaturkompatible Website?

Die W3C-Spezifikationen beschreiben eine tastaturkompatible Website: Sie muss es den Nutzern ermöglichen, mit der Tastatur zwischen Links, Schaltflächen und anderen digitalen Steuerelementen zu wechseln, ohne die Maus benutzen zu müssen.      

Damit eine Website wirklich und vollständig tastaturkompatibel ist, sollten Links, Schaltflächen und Formulare standardmäßig in native HTML-Steuerelemente integriert sein. Sie sollten außerdem in einer logischen Reihenfolge auf der Seite angeordnet sein, damit die Benutzer bei Tastaturfokus auf der Webseite verschiedene Inhalte scannen und ansteuern können.  

Was ist der Tastaturfokus?

Der Tastaturfokus ist ein Teil der Tastaturzugänglichkeit, indem er den Benutzern anzeigt, wo sie sich befinden, während sie mit der Tastatur durch eine Website navigieren. Der "Fokus" hebt Elemente auf einer Seite hervor und umreißt sie, wenn sie ausgewählt oder mit dem Mauszeiger überfahren werden: Er zeigt dem Benutzer genau, wo er sich auf einer Webseite befindet. Die Fokusfunktion wird von den meisten Browsern unterstützt, so dass Benutzer, die keine Maus benutzen können oder wollen, digitale Barrierefreiheit erleben und nahtlos im Internet navigieren können.

Richtlinien für die Zugänglichkeit von Tastaturen in WCAG 2.1

Die fehlende Zugänglichkeit der Tastatur ist nicht nur eine kleine Unannehmlichkeit. Sie kann darüber entscheiden, ob jemand Ihre Website überhaupt nutzen kann. Aus diesem Grund ist die Tastaturnavigation in die Kriterien der Web Content Accessibility Guidelines (WCAG 2.1) integriert.

Die BITV (Barrierefreie Informationstechnik-Verordnung) wurde schon in 2002 eingeführt und basiert auf den Grundsätzen der Behindertengleichstellung. Sie soll Organisationen dazu verpflichten, sicherzustellen, dass Menschen mit Behinderungen Informationen und Dienstleistungen genauso nutzen können, wie Menschen ohne Behinderungen.

Die WCAG 2.1 & WCAG 2.2 Stufe A (die grundlegendste Stufe der Zugänglichkeit) verlangt, dass alle Inhalte über die Tastatur navigiert werden können, ohne dass der Benutzer bestimmte Tastenanschläge innerhalb einer kurzen Zeitspanne eingeben muss. Diese Anforderung kommt blinden oder sehbehinderten Menschen zugute, die nicht sehen können, wo sich der Inhalt oder der Cursor auf dem Bildschirm befindet. Auch für Menschen mit Handzittern und anderen körperlichen Behinderungen ist es schwierig, mit einer Maus ständig zu navigieren. Für diese Benutzer ist die Tastaturnavigation die beste Alternative. Eine Übersicht dieser diversen Verordnungen finden Sie in unserer BITV Übersicht.

Überprüfen Sie die Tastaturzugänglichkeit Ihrer Website  

Um sicherzustellen, dass Ihre Website mit der Tastatur zugänglich ist, empfehlen wir Ihnen, die Benutzerfreundlichkeit Ihrer Website manuell zu überprüfen, indem Sie die Website selbst ohne Tastatur durchgehen. Das W3C empfiehlt, dass Sie mit der Tabulatortaste vorwärts und mit Umschalt+Tab rückwärts durch die Seite navigieren. Für die Navigation durch verschiedene Elemente, wie z. B. Dropdown-Menüs, verwenden Sie die Pfeiltasten. Sie müssen überprüfen, ob Ihre Website-Benutzer vollständig auf den Inhalt Ihrer Website zugreifen können, indem Sie auf Folgendes achten:  

Die Möglichkeit, mit der Tabulatortaste zu jedem Element Ihrer Website zu gelangen.      Die Möglichkeit, mit den Pfeiltasten durch Dropdown-Listen zu navigieren, ohne dass eine unerwartete Aktion auftritt. Vermeidung der "Tastaturfalle": Sicherstellen, dass Benutzer die Tabulatortaste drücken können, um aus Elementen herauszukommen, in die Sie versehentlich hineingehen könnten.Die Tabulatorreihenfolge ist von links nach rechts, genau wie die logische Lesereihenfolge.Der Fokus eines jeden Elements ist für den Benutzer deutlich sichtbar, wenn er die Tabulatortaste drückt. Jede Aktion kann nur mit der Tastatur ausgeführt werden, und kein Element der Website ist nur mit dem Cursor zugänglich.Es ist für den Benutzer klar erkennbar, wenn Bilder Links zu anderen Webseiten sind, und dass sie nur mit der Tastatur geöffnet werden können.

Ihre Website für die Tastatur zugänglich machen

Wenn Sie Ihre Website für die Tastatur zugänglich machen möchten, kann Ihnen die Zugänglichkeitslösung von UserWay helfen! Unser Zugänglichkeitsscanner schlägt Ihnen intelligente Änderungen an den Teilen Ihrer Website vor, die nicht mit der Tastaturnavigation kompatibel sind. Wenn er etwas findet, das nicht den Richtlinien entspricht oder zu Problemen führen könnte, werden Sie sofort gewarnt.

Möchten Sie Ihre Website auf Kompatibilität mit der Tastaturnavigation testen?      Nutzertests sind der offensichtlichste und einfachste erste Schritt, den Sie selbst durchführen können. Ihre Website sollte einfach zu navigieren und übersichtlich gestaltet sein, damit jeder Nutzer das Gewünschte findet, egal wie er darauf zugreift.

Sie können auch einen Nutzertest durchführen, indem Sie prüfen, wie gut Sie sich auf Ihrer Website allein mit der Tastatur zurechtfinden. Versuchen Sie, zu einem bestimmten Inhalt zu gelangen, und sehen Sie, wie schwer oder leicht er zu finden ist. Oder, wenn Sie selber eine Webseite gestalten, prüfen Sie doch ganz leicht mit diesem Zugänglichkeits-Checker. Wenn Sie diesen Prozess als frustrierend empfinden, werden es Ihre Nutzer vielleicht auch sein, und Sie sollten einige Änderungen an Ihrer Website vornehmen. Wenn Sie bereit sind, Ihre Website für die Tastatur zugänglich zu machen und sie generell für alle zugänglicher zu machen, fordern Sie noch heute eine kostenlose UserWay-Demo an!    

FAQ  - häufig gestellte Fragen  

Was ist Barrierefreiheit im PC?

Die Arbeit am Computer wird durch die Struktur der Inhalte, die verwendeten Geräte, die installierten Programme und das Design der Websites zugänglich gemacht. Barrierefreiheit ist wichtig, damit Nutzer aller Altersgruppen, körperlicher Merkmale und Behinderungen das Internet nutzen und sich darin barrierefrei bewegen können.

Wie navigiere ich auf einer Website nur mit meiner Tastatur?    

Die wichtigsten Tasten für die Navigation auf einer Website nur mit der Tastatur sind Tab, Umschalt+Tab, Leertaste, Enter und die Pfeiltasten: nach oben, unten, links und rechts. Es ist auch gut zu wissen, dass die Tastaturkürzel je nach Marke und Art des Geräts, das die Besucher verwenden, variieren, z. B. Desktop oder Handy. Microsoft-Geräte haben andere Tastenkombinationen als Apple-Geräte, weshalb beide Marken separate Anleitungen für die Verwendung ihrer Produkte mit einem Tastaturnavigator haben. Lesen Sie den Microsoft-Leitfaden für Tastenkombinationen für Windows-Geräte und den Apple-Leitfaden für die Tastaturnavigation für Mac-Geräte. Benutzer können die Tastenkombinationen auch anpassen, um ihre Navigationstechniken so einzurichten, dass sie intuitiv und bequem für ihre individuellen Bedürfnisse und Arbeitsweisen sind.    

Woher weiß ich, dass meine Website vollständig über die Tastatur zugänglich ist?      

Auch hier können Sie die Tastaturzugänglichkeit Ihrer Website überprüfen, indem Sie nur mit der Tastatur und ohne Cursor durch die Schaltflächen, Links, Formulare und Seiten Ihrer Website navigieren. Das sind die bereits erwähnten Benutzertests, und es ist eine gute Möglichkeit, einen Gesamteindruck davon zu bekommen, was für Ihre Tastaturbenutzer passiert.    

Wie immer sollten Sie bedenken, dass Websites für die Allgemeinheit gedacht sind und immer eine Vielzahl von Nutzern im Blick haben sollten. Wenn Sie sich nicht sicher sind, wie es um die Zugänglichkeit Ihrer eigenen Website bestellt ist, oder wenn Sie eine wirklich gründliche, professionelle und zertifizierte Bewertung der Zugänglichkeit und Vorschläge für Abhilfemaßnahmen benötigen, wenden Sie sich an UserWay, um eine vollständige manuelle Prüfung der Zugänglichkeit durchzuführen