Barrierefrei im Netz: Sauberes HTML und Planung helfen

Irgendwie kennen wir das doch: Bahnhöfe, Bushaltestellen, Fußgängerzonen und ja, auch das Netz soll Barrierefrei sein. Heißt im Klartext: Menschen mit Beeinträchtigung oder Behinderung sollen ohne weitere Hilfe – Assistenten und dergleichen – sich bewegen können. Dies kann bei guter Planung bei der Erstellung von Websites sowie bei der App-Entwicklung im Voraus kostengünstig realisiert werden. Barrierefrei im Netz: Sauberes HTML und Planung helfen bei der Schaffung einer umfangreichen Experience für alle User.

Wenn es um ein barrierefreies Web im Besonderen geht, erweitert sich der Fokus. Eine steigende Anzahl älterer Nutzer soll berücksichtigt werden. Ebenso Menschen mit Verständnisschwierigkeiten, zum Beispiel aufgrund sprachlicher Defizite. Die ersten Do´s für eine Website, die diverse Beeinträchtigungen der User berücksichtigt, liegen in einer sauberen HTML-Programmierung.

• Anstatt der häufig genutzten DIV-Elemente, sollten native HTML-Elemente zum Einsatz kommen.
• Ein semantisch sinnvoller und gut sichtbarer Tastaturfokus. Eine Beibehaltung des Fokus spielt eine zentrale Rolle, damit eine Nutzbarkeit und somit die Barrierefreiheit für Tastaturnutzer gegeben ist.
• Bei Verwendung von Bilder sollte der alt-Tag für diese freigeschaltet und für die Beschreibung des Bildes Verwendung finden. Dann kann ein Bildschirmleseprogramm oder andere Hilfstechnologien das Bild interpretieren und es behinderten Menschen zugänglich machen. Ein Verwenden von alt-Tags hilft zudem bei der Onpage-Optimierung.

Viele Merkmale für eine barrierefreie Homepage lassen sich einfach implementieren. Am besten gleich bei der Entwicklung berücksichtigen, dann ist es weitestgehend Kostenneutral. Eine Reparatur im Nachhinein ist hingegen mit hohem Aufwand verbunden. Natürlich gibt es auch einige Leitfäden und Testwerkzeuge für Barrierefreiheit:

• Web Accessibility Initiative
• Tenin.io

Abgesehen von den oben genannten Maßnahmen gilt es, die generelle Usability zu verbessen. Durchdachtes Design und sauberer HTML-Code sind da das A und O. Natürlich sind bei weitergehendem Medieneinsatz Untertitel bei Erklärvideos oder der Einsatz von barrierefreien PDFs hilfreich.

Weitergehende Links zu dem Thema:

• https://t3n.de/news/website-barrierefrei-1185176/
• https://www.barrierefreies-webdesign.de 

Wer die Kernpunkte berücksichtigt, bietet seinen Usern ein barrierefreies Netz! Dank sauberem HTML und guter Planung.