Barrierefreiheit

Der Zugang zu Webinhalten wie öffentlichen Dienstleistungen, Bildung, E-Commerce-Seiten und Unterhaltung ist ein Menschenrecht. Niemand sollte aufgrund von Behinderung, ethnischer Zugehörigkeit, geografischer Lage oder anderen menschlichen Eigenschaften ausgeschlossen werden. Dieses Modul behandelt die besten Praktiken und Techniken, die Sie erlernen sollten, um Ihre Websites so barrierefrei wie möglich zu gestalten.

Voraussetzungen

Sie sollten mit HTML, CSS und JavaScript vertraut sein, bevor Sie mit diesem Modul beginnen.

Hinweis: Wenn Sie an einem Computer/Tablet/anderen Geräten arbeiten, auf denen Sie keine eigenen Dateien erstellen können, können Sie die meisten der Codebeispiele in einem Online-Coding-Programm wie JS Bin oder Glitch ausprobieren.

Tutorials und Herausforderungen

Was ist Barrierefreiheit?: Dieser Artikel beginnt das Modul mit einem guten Einblick in die Barrierefreiheit — dazu gehört, welche Personengruppen wir berücksichtigen müssen und warum, welche Werkzeuge verschiedene Menschen zur Interaktion mit dem Web verwenden und wie wir Barrierefreiheit in unseren Webentwicklungsworkflow integrieren können.
Werkzeuge für Barrierefreiheit und unterstützende Technologien: Als nächstes widmen wir uns den Werkzeugen für Barrierefreiheit und bieten Informationen über die Arten von Werkzeugen, die Sie verwenden können, um Barrierefreiheitsprobleme zu lösen, sowie die unterstützenden Technologien, die von Menschen mit Behinderungen beim Surfen im Web verwendet werden. Diese Werkzeuge werden in den nachfolgenden Artikeln zum Einsatz kommen.
HTML: Eine gute Basis für Barrierefreiheit: Ein Großteil der Webinhalte kann durch die Verwendung der korrekten HTML-Elemente zugänglich gemacht werden. Dieser Artikel untersucht im Detail, wie HTML genutzt werden kann, um maximale Barrierefreiheit zu gewährleisten.
CSS- und JavaScript-Praktiken für Barrierefreiheit: CSS und JavaScript haben das Potenzial, barrierefreie Web-Erfahrungen zu ermöglichen, wenn sie richtig eingesetzt werden. Missbrauch kann jedoch die Barrierefreiheit erheblich beeinträchtigen. Dieser Artikel beschreibt einige Best Practices für CSS und JavaScript, die berücksichtigt werden sollten, um sicherzustellen, dass auch komplexe Inhalte so barrierefrei wie möglich sind.
WAI-ARIA Grundlagen: Aufbauend auf dem vorherigen Artikel zeigt dieser, wie komplexe Benutzeroberflächensteuerungen, die unsemantisches HTML und dynamische mit JavaScript aktualisierte Inhalte betreffen, mit WAI-ARIA gefördert werden können. Diese Technologie fügt weitere Semantiken hinzu, die von Browsern und unterstützenden Technologien erkannt werden können, um den Nutzern mitzuteilen, was geschieht. Hier zeigen wir, wie sie auf einer grundlegenden Ebene eingesetzt werden kann, um die Barrierefreiheit zu verbessern.
Barrierefreie Multimedia-Inhalte: Eine weitere Kategorie von Inhalten, die Barrierefreiheitsprobleme verursachen kann, sind Multimedia-Inhalte – Video-, Audio- und Bildinhalte müssen mit geeigneten textuellen Alternativen versehen werden, damit sie von unterstützenden Technologien und deren Nutzern verstanden werden können. Dieser Artikel zeigt, wie das geht.
Mobile Barrierefreiheit: Da der Internetzugang auf mobilen Geräten sehr beliebt ist und Plattformen wie iOS und Android vollständig entwickelte Barrierefreiheitstools bieten, ist es wichtig, die Barrierefreiheit Ihrer Webinhalte auf diesen Plattformen zu berücksichtigen. Dieser Artikel befasst sich mit spezifischen Überlegungen zur Barrierefreiheit auf Mobilgeräten.
Fehlerbehebung bei der Barrierefreiheit ^{Herausforderung}: In dieser Herausforderung präsentieren wir Ihnen eine einfache Website mit mehreren Barrierefreiheitsproblemen, die Sie diagnostizieren und beheben müssen.

Siehe auch

[Lernen Sie barrierefreies Webdesign]https://v2.scrimba.com/learn-accessible-web-design-c031?via=mdn) ^{MDN Curriculum-Partner}: Der Kurs Learn Accessible Web Design von Scrimba lehrt, wie Sie barrierefreies HTML durch das Lösen von interaktiven Codierungsherausforderungen und das Verbessern einer realen Website schreiben können.
Beginnen Sie noch heute mit dem Erstellen barrierefreier Webanwendungen: Eine ausgezeichnete Serie von Videotutorials von Marcy Sutton.
Ressourcen der Deque University: Enthält Codebeispiele, Referenzen für Screenreader und andere nützliche Ressourcen.
WebAIM-Ressourcen: Enthält Leitfäden, Checklisten, Werkzeuge und mehr.
Liste der Werkzeuge zur Bewertung der Barrierefreiheit im Web: Umfasst eine Liste von Werkzeugen zur Bewertung der Barrierefreiheit im Web.