Barrierefreiheit
Der Zugang zu Webinhalten wie öffentlichen Dienstleistungen, Bildung, E-Commerce-Websites und Unterhaltung ist ein Menschenrecht. Niemand sollte aufgrund von Behinderung, Herkunft, geografischer Lage oder anderen menschlichen Eigenschaften ausgeschlossen werden. Dieses Modul behandelt die bewährten Methoden und Techniken, die Sie erlernen sollten, um Ihre Websites so barrierefrei wie möglich zu gestalten.
Voraussetzungen
Es wird vorausgesetzt, dass Sie mit HTML, CSS und JavaScript vertraut sind, bevor Sie mit diesem Modul beginnen.
Tutorials und Herausforderungen
- Was ist Barrierefreiheit?
-
Dieser Artikel beginnt das Modul mit einem umfassenden Blick darauf, was Barrierefreiheit ist — dazu gehört, welche Personengruppen berücksichtigt werden müssen und warum, welche Hilfsmittel verschiedene Menschen nutzen, um mit dem Web zu interagieren, und wie wir Barrierefreiheit in unseren Webentwicklungs-Workflow integrieren können.
- Barrierefreiheits-Werkzeuge und unterstützende Technologien
-
Anschließend wenden wir uns den Werkzeugen zur Barrierefreiheit zu, die Informationen über Arten von Tools bereitstellen, die dabei helfen, Barrierefreiheitsprobleme zu lösen, sowie den unterstützenden Technologien, die von Menschen mit Behinderungen beim Surfen im Netz verwendet werden. Sie werden diese Werkzeuge in den folgenden Artikeln nutzen.
- HTML: Eine gute Grundlage für Barrierefreiheit
-
Ein Großteil der Webinhalte kann barrierefrei gemacht werden, indem einfach darauf geachtet wird, dass die richtigen HTML-Elemente für die jeweiligen Zwecke verwendet werden. Dieser Artikel betrachtet im Detail, wie HTML verwendet werden kann, um maximale Barrierefreiheit sicherzustellen.
- CSS- und JavaScript-Best-Practices für Barrierefreiheit
-
CSS und JavaScript haben, wenn sie ordnungsgemäß eingesetzt werden, das Potenzial, barrierefreie Web-Erfahrungen zu ermöglichen, können aber bei falscher Anwendung die Barrierefreiheit erheblich beeinträchtigen. Dieser Artikel beschreibt einige Best-Practices für CSS und JavaScript, die beachtet werden sollten, um sicherzustellen, dass auch komplexe Inhalte so barrierefrei wie möglich sind.
- WAI-ARIA-Grundlagen
-
Im Anschluss an den vorherigen Artikel kann es manchmal schwierig sein, komplexe UI-Steuerelemente zu erstellen, die unsymantisches HTML und dynamisch aktualisierte JavaScript-Inhalte umfassen. WAI-ARIA ist eine Technologie, die bei solchen Problemen helfen kann, indem sie zusätzliche Semantik hinzufügt, die von Browsern und unterstützenden Technologien erkannt und genutzt werden kann, um den Nutzern mitzuteilen, was vor sich geht. Hier zeigen wir, wie sie auf einer grundlegenden Ebene eingesetzt wird, um die Barrierefreiheit zu verbessern.
- Barrierefreie Multimedia-Inhalte
-
Eine weitere Kategorie von Inhalten, die Barrierefreiheitsprobleme schaffen kann, sind Multimedia-Inhalte — Video-, Audio- und Bildinhalte müssen mit entsprechenden textuellen Alternativen versehen werden, damit sie von unterstützenden Technologien und deren Nutzern verstanden werden können. Dieser Artikel erklärt, wie das gemacht wird.
- Barrierefreiheit auf Mobilgeräten
-
Da der Zugriff auf Webseiten über Mobilgeräte sehr verbreitet ist und Plattformen wie iOS und Android vollwertige Tools für Barrierefreiheit bieten, ist es wichtig, die Barrierefreiheit Ihrer Webinhalte auf diesen Plattformen zu berücksichtigen. Dieser Artikel unterscheidet sich durch spezielle Überlegungen zur Barrierefreiheit auf Mobilgeräten.
- Problemlösung bei Barrierefreiheit Herausforderung
-
In dieser Herausforderung stellen wir Ihnen eine einfache Website mit mehreren Barrierefreiheitsproblemen vor, die Sie diagnostizieren und beheben müssen.
Siehe auch
- Starten Sie noch heute mit dem Aufbau barrierefreier Webanwendungen
-
Eine hervorragende Serie von Videotutorials von Marcy Sutton.
- Ressourcen der Deque University
-
Beinhaltet Code-Beispiele, Screenreader-Referenzen und andere nützliche Ressourcen.
- WebAIM-Ressourcen
-
Beinhaltet Leitfäden, Checklisten, Tools und mehr.
- Liste der Tools zur Bewertung der Barrierefreiheit im Web
-
Beinhaltet eine Liste von Tools zur Bewertung der Barrierefreiheit im Web.
- Barrierefreies Webdesign lernen MDN-Partner für Lernen
-
Der Learn Accessible Web Design-Kurs von Scrimba vermittelt Ihnen, wie Sie barrierefreies HTML schreiben, indem Sie interaktive Coding-Herausforderungen lösen und eine reale Website verbessern.