Zugänglichkeit

Zugänglichkeit (oft abgekürzt als A11y — also "a", dann 11 Zeichen und dann "y") im Web-Entwicklungsbereich bedeutet, so vielen Menschen wie möglich die Nutzung von Webseiten zu ermöglichen, selbst wenn ihre Fähigkeiten in irgendeiner Weise eingeschränkt sind.

Für viele Menschen macht Technologie Dinge einfacher. Für Menschen mit Behinderungen macht Technologie Dinge möglich. Zugänglichkeit bedeutet, Inhalte so zu entwickeln, dass sie unabhängig von den körperlichen und kognitiven Fähigkeiten und der Art, wie Menschen auf das Web zugreifen, möglichst zugänglich sind.

"Das Web ist von Grund auf darauf ausgelegt, für alle Menschen zu funktionieren, unabhängig von ihrer Hardware, Software, Sprache, ihrem Standort oder ihrer Fähigkeit. Wenn das Web dieses Ziel erreicht, ist es für Menschen mit einem breiten Spektrum an Hör-, Bewegungs-, Seh- und kognitiven Fähigkeiten zugänglich." (W3C - Accessibility)

Wichtige Anleitungen

Der MDN Bereich "Zugänglichkeit lernen" enthält moderne, aktuelle Tutorials, die die folgenden wesentlichen Zugänglichkeitsaspekte abdecken:

Was ist Zugänglichkeit?

Dieser Artikel beginnt das Modul mit einem guten Blick darauf, was Zugänglichkeit tatsächlich ist — dies umfasst, welche Gruppen von Menschen wir berücksichtigen müssen und warum, welche Tools verschiedene Menschen verwenden, um mit dem Web zu interagieren, und wie wir Zugänglichkeit in unseren Webentwicklungsworkflow integrieren können.

HTML: Eine gute Basis für Zugänglichkeit

Ein Großteil der Webinhalte kann zugänglich gemacht werden, indem sichergestellt wird, dass die richtigen HTML-Elemente jederzeit für den richtigen Zweck verwendet werden. Dieser Artikel zeigt im Detail, wie HTML verwendet werden kann, um maximale Zugänglichkeit zu gewährleisten.

CSS- und JavaScript-Zugänglichkeitspraktiken

CSS und JavaScript können bei richtiger Verwendung ebenfalls barrierefreie Web-Erfahrungen ermöglichen, schaden jedoch der Zugänglichkeit erheblich, wenn sie missbraucht werden. Dieser Artikel skizziert einige bewährte Praktiken in Bezug auf CSS und JavaScript, die beachtet werden sollten, um sicherzustellen, dass auch komplexe Inhalte möglichst zugänglich sind.

WAI-ARIA-Grundlagen

Auf den vorherigen Artikel aufbauend kann es manchmal schwierig sein, komplexe UI-Steuerelemente zu erstellen, die unsemantisches HTML und dynamisch aktualisierte JavaScript-Inhalte enthalten. WAI-ARIA ist eine Technologie, die bei solchen Problemen helfen kann, indem zusätzliche Semantiken hinzugefügt werden, die Browser und unterstützende Technologien erkennen können und den Benutzern mitteilen, was vor sich geht. Hier zeigen wir, wie man es auf einer grundlegenden Ebene nutzt, um die Zugänglichkeit zu verbessern.

Zugängliche Multimedia-Inhalte

Eine weitere Kategorie von Inhalten, die Zugänglichkeitsprobleme verursachen kann, sind Multimedia-Inhalte — Video-, Audio- und Bildinhalte müssen mit angemessenen Textalternativen versehen werden, damit sie von unterstützenden Technologien und deren Nutzern verstanden werden können. Dieser Artikel zeigt, wie das geht.

Mobile Zugänglichkeit

Da der Zugriff auf das Web über mobile Geräte so beliebt ist und beliebte Plattformen wie iOS und Android umfassende Zugänglichkeitstools bieten, ist es wichtig, die Zugänglichkeit Ihrer Webinhalte auf diesen Plattformen zu berücksichtigen. Dieser Artikel befasst sich mit mobilen spezifischen Zugänglichkeitsüberlegungen.

Weitere Dokumentation

Verstehen der Richtlinien für barrierefreie Webinhalte

Diese Sammlung von Artikeln bietet schnelle Erklärungen, die Ihnen helfen sollen, die Schritte zu verstehen, die erforderlich sind, um den Empfehlungen in den W3C-Web Content Accessibility Guidelines 2.0 (WCAG 2.0 oder einfach WCAG für die Zwecke dieses Schreibens) zu entsprechen.

Einführung in Farben und Zugänglichkeit

Dieser Artikel diskutiert unsere Wahrnehmung von Licht und Farbe, bietet eine Grundlage für die Verwendung von Farben in barrierefreien Designs und zeigt bewährte Praktiken für visuelle und lesbare Inhalte.

Tastaturnavigierbare JavaScript-Widgets

Bis jetzt hatten Webentwickler, die ihre auf <div> und <span> basierenden Widgets stilgerecht zugänglich machen wollten, keine geeigneten Techniken. Tastaturzugänglichkeit gehört zu den Mindestanforderungen an Zugänglichkeit, die ein Entwickler kennen sollte.

ARIA

Dies ist eine Sammlung von Artikeln, um zu lernen, wie man Accessible Rich Internet Applications (ARIA) verwendet, um Ihre HTML-Dokumente zugänglicher zu machen.

Checkliste für mobile Zugänglichkeit

Dieser Artikel liefert eine prägnante Checkliste der Anforderungen an die Zugänglichkeit für mobile App-Entwickler.

Kognitive Zugänglichkeit

Dieser Artikel erklärt, wie Sie sicherstellen können, dass die von Ihnen erstellten Webinhalte für Menschen mit kognitiven Beeinträchtigungen zugänglich sind.

Zugänglichkeit für krampfanfällige Störungen

Bestimmte Arten von visuellen Webinhalten können bei Menschen mit bestimmten Gehirnerkrankungen Anfälle auslösen. Dieser Artikel hilft Ihnen zu verstehen, welche Arten von Inhalten problematisch sein können, und zeigt Ihnen Tools und Strategien, um sie zu vermeiden.

Siehe auch