zurück zum Artikel

Klare Optik und gute Bedienbarkeit kommen allen Website-Besuchern zugute. Wir zeigen, wie Sie Inhalte für Sehende, Sehschwache, Blinde und Gehörlose optimieren.

Beim Thema Barrierefreiheit denken viele zunächst an Blinde oder Sehbehinderte, die eine vergleichsweise kleine Gruppe der Website-Besucher stellen. Tatsächlich hilft Barrierefreiheit Menschen mit einer Vielzahl von Einschränkungen. Blinde wollen sich Inhalte vorlesen lassen, stark Fehlsichtige hingegen müssen Inhalte vergrößern und benötigen lesbare Schrift und hohe Kontraste. Farbenblinde können farbliche Hervorhebungen oft nicht wahrnehmen. Videos sind zudem nicht nur für visuell Eingeschränkte, sondern auch für Gehörlose ein Problem.

Die Steuerung der Maus ist für manche körperlich Beeinträchtigten wiederum schwierig; sie brauchen große Schaltflächen und alternativ eine brauchbare Tastatursteuerung. Menschen mit kognitiven Schwierigkeiten verlangen Übersichtlichkeit, wenig Ablenkung durch zappelnde Animationen und manchmal auch Texte in einfacher Sprache.

Auch wer sich die Hand gebrochen hat, ein Baby auf dem Arm trägt oder an einem sonnigen Tag aufs Handy schaut, wird die Vorzüge einer barrierearmen Website zu schätzen lernen. Barrierefreiheit lässt sich auch so übersetzen: Die Website muss für alle Nutzer unter allen Umständen bestmöglich funktionieren.

URL dieses Artikels:
https://www.heise.de/-7140177

Links in diesem Artikel:
[1] https://www.heise.de/hintergrund/Wie-Sie-mit-Markdown-schnell-und-einfach-Texte-auszeichnen-7222418.html
[2] https://www.heise.de/hintergrund/Wie-Sie-mit-Core-Web-Vitals-Webseiten-optimieren-und-analysieren-7168940.html
[3] https://www.heise.de/hintergrund/Webentwicklung-Barrierefreie-Websiten-gestalten-7140177.html
[4] https://www.heise.de/ratgeber/Webentwicklung-Barrierrefreie-Websites-gestalten-2-Teil-7166309.html
[5] https://www.heise.de/hintergrund/Web-Frontend-mit-Angular-2-Frontend-mit-Backend-verknuepfen-7125668.html
[6] https://www.heise.de/ratgeber/Webentwicklung-HTTP-Antworten-mit-Kotlin-und-Spring-programmieren-7060970.html
[7] https://www.heise.de/hintergrund/Webentwicklung-Mit-Spring-und-Kotlin-eine-To-do-Liste-programmieren-6663170.html
[8] https://www.heise.de/hintergrund/Webentwicklung-Wie-Sie-eine-Aufgabenliste-mit-Angular-erstellen-7074425.html
[9] https://www.heise.de/hintergrund/VR-Szenen-fuer-den-Webbrowser-programmieren-6568067.html
[10] https://www.heise.de/hintergrund/Mehr-Perfomance-Mit-Phoenix-LiveView-Echtzeit-Webapplikationen-entwickeln-6297805.html
[11] https://www.heise.de/ratgeber/Webentwicklung-So-gelingt-der-Umstieg-auf-Bootstrap-Version-5-6150502.html
[12] https://www.heise.de/ratgeber/Webentwicklungs-Tool-Mit-Snowpack-zu-modernen-Web-Frontends-6141789.html
[13] https://www.heise.de/ratgeber/Turndown-HTML-in-Markdown-verwandeln-via-JavaScript-5998005.html
[14] https://www.heise.de/tests/Test-Wisej-zum-Entwickeln-mobiler-Anwendungen-5989987.html
[15] https://www.heise.de/ratgeber/Lesezeichenverwaltung-Bookmarks-mit-mehreren-Browsern-nutzen-5004794.html
[16] https://www.heise.de/ratgeber/Webseiten-stylen-mit-dem-Frontend-Framework-TailwindCSS-4998896.html
[17] https://www.heise.de/ratgeber/Lahme-Websites-flottmachen-Performance-Probleme-erkennen-und-beseitigen-4993106.html
[18] https://www.heise.de/hintergrund/Webentwicklung-mit-WebXR-VR-und-Augmented-Reality-in-den-Browser-bringen-6175269.html
[19] https://www.heise.de/hintergrund/Vue-js-Blick-hinter-die-Kulissen-des-JavaScript-Frameworks-7111797.html

Copyright © 2022 Heise Medien