Webentwicklung: Barrierrefreie Websites gestalten, 2. Teil

Inhaltsverzeichnis

Was Sie tun müssen, um alle Inhalte einer Website für alle Besucher wahrnehmbar zu machen, zeigt Ihnen der erste Teil dieser Artikelserie. Doch Inhalte wahrnehmen zu können, bedeutet ja zum Beispiel noch nicht, mit ihnen interagieren zu können, dass sie verständlich sind und unter allen Umständen zuverlässig funktionieren.

Eine gut umgesetzte Bedienbarkeit per Tastatur kommt nicht nur Nutzern mit Einschränkungen zugute. Von Haus aus springt der Browser bei Drücken der Tab-Taste nacheinander durch alle Links und Buttons einer Webseite. Hat diese 30 Unterpunkte in der Ausklappnavigation und noch mal zehn im Footer stehen, kann das ganz schön mühsam werden. Für solche Zwecke gibt es Sprungmarken ("Jumplinks" oder "Skiplinks").

Mehr zu Webentwicklung

• Mit Markdown schnell und einfach Texte auszeichnen
• Webseitenoptimierung mit Hilfe von Core Web Vitals
• Webentwicklung: Barrierefreie Websites gestalten
• Webentwicklung: Barrierrefreie Websites gestalten, 2. Teil
• Web-Frontend mit Angular 2: Frontend mit Backend verknüpfen
• HTTP-Antworten mit Kotlin und Spring programmieren
• Mit Spring und Kotlin eine To-do-Liste programmieren
• Webentwicklung: Wie Sie eine Aufgabenliste mit Angular erstellen
• VR-Szenen für den Webbrowser programmieren
• Mehr Perfomance: Mit Phoenix LiveView Echtzeit-Webapplikationen entwickeln
• Webentwicklung: Umstieg auf Bootstrap Version 5
• Webentwicklungs-Tool: Mit Snowpack zu modernen Web-Frontends
• Webseiten-Tool Turndown: HTML in Markdown verwandeln
• Test: Wisej zum Entwickeln mobiler Anwendungen
• Lesezeichenverwaltung: Bookmarks mit mehreren Browsern nutzen
• Webseiten stylen mit dem Frontend-Framework TailwindCSS
• Lahme Websites flottmachen: Performance-Probleme erkennen und beseitigen
• Webentwicklung mit WebXR: VR und Augmented Reality in den Browser bringen
• Vue.js: Blick hinter die Kulissen des JavaScript-Frameworks

Dabei handelt es sich um ganz normale Links zu den wichtigen Regionen der Seite. Die Liste dieser Links muss allerdings am Beginn des Dokuments stehen – und sie wird meistens erst sichtbar, wenn der Benutzer die Tab-Taste drückt. Probieren Sie es mal aus, zum Beispiel auf den Websites von Bundesministerien – wenn dieses Feature gut umgesetzt ist, kann die Maushand beim Surfen gut entspannen.

Das war die Leseprobe unseres heise-Plus-Artikels "Webentwicklung: Barrierrefreie Websites gestalten, 2. Teil". Mit einem heise-Plus-Abo können sie den ganzen Artikel lesen und anhören.