全国禁毒系统掀起学习十九大报告热潮
Barrierefreiheit (oft abgekürzt als A11y — wie ?a“, dann 11 Zeichen und dann ?y“) im Webentwicklungskontext bedeutet, m?glichst vielen Menschen die Nutzung von Websites zu erm?glichen, selbst wenn deren F?higkeiten in irgendeiner Weise eingeschr?nkt sind.
Für viele Menschen macht Technologie Dinge einfacher. Für Menschen mit Behinderungen macht Technologie Dinge erst m?glich. Barrierefreiheit bedeutet, Inhalte so zu gestalten, dass sie für alle zug?nglich sind, unabh?ngig von den physischen und kognitiven F?higkeiten der Einzelnen und davon, wie sie auf das Web zugreifen.
Das Web ist grunds?tzlich so konzipiert, dass es für alle Menschen funktioniert, unabh?ngig von ihrer Hardware, Software, Sprache, ihrem Standort oder ihren F?higkeiten. Wenn das Web dieses Ziel erreicht, ist es für Menschen mit unterschiedlichen F?higkeiten in Bezug auf H?ren, Bewegung, Sehen und Kognition zug?nglich. – (W3C - Accessibility)
Leitf?den zur Barrierefreiheit
Die Leitf?den zur Barrierefreiheit decken Autorenprinzipien, WCAG-Compliance, zug?ngliche Widgets und Navigation, mobile Barrierefreiheit und andere wichtige Themen ab, die Ihnen helfen zu verstehen, warum Barrierefreiheit für das Web wichtig ist und wie Sie diese in Ihren Projekten verbessern k?nnen.
- Barrierefreiheitsinformationen für Webautoren
-
Dieses Dokument listet Richtlinien und Vorschriften, Anleitungen und Werkzeuge zur überprüfung und Behebung von Barrierefreiheitsproblemen auf Websites auf.
- Personalisierung für sicheres Browsen
-
Dieser Artikel behandelt die Zug?nglichkeit von Webinhalten für Personen mit vestibul?ren St?rungen und deren Unterstützer, indem Personalisierungs- und Barrierefreiheitseinstellungen genutzt werden, die in den Betriebssystemen eingebaut sind.
- Zug?ngliche Webanwendungen und Widgets
-
Die meisten JavaScript-Bibliotheken bieten eine Bibliothek von clientseitigen Widgets, die das Verhalten vertrauter Desktop-Schnittstellen nachahmen. W?hrend dies zu einem Widget führt, das wie sein Desktop-Gegenstück aussieht, fehlt in der Regel genügend semantische Information im Markup, um von unterstützenden Technologien genutzt werden zu k?nnen. Dieses Dokument beschreibt Techniken zur Verbesserung der Barrierefreiheit solcher Widgets.
-
Bislang fehlte Webentwicklern, die ihre auf
<div>und<span>basierenden Widgets zug?nglich machen wollten, geeignete Techniken. Tastaturzug?nglichkeit ist Teil der minimalen Barrierefreiheitsanforderungen, die ein Entwickler kennen sollte. Dieses Dokument beschreibt Techniken, um JavaScript-Widgets mit der Tastatur zug?nglich zu machen. - Checkliste für mobile Barrierefreiheit
-
Dieses Dokument bietet eine pr?gnante Checkliste von Barrierefreiheitsanforderungen für Mobile-App-Entwickler.
- Verst?ndnis der Web Content Accessibility Guidelines (WCAG)
-
Eine Sammlung von Artikeln, die schnelle Erkl?rungen bieten, um Ihnen zu helfen, die Schritte zu verstehen, die zur Einhaltung der in den Web Content Accessibility Guidelines (WCAG) skizzierten Empfehlungen erforderlich sind.
- Kognitive Barrierefreiheit
-
Kognitive Barrierefreiheit umfasst überlegungen zur Barrierefreiheit für Menschen mit kognitiven und Lernbehinderungen. Dieses Dokument führt in die kognitive Barrierefreiheit ein und zeigt, wie die Barrierefreiheit des Webs für Menschen mit kognitiven und Lernunterschieden verbessert werden kann.
- Barrierefreiheit und r?umliche Muster
-
Dieses Dokument beschreibt visuelle Muster, die physische Symptome bei Menschen mit photosensitiver Epilepsie, vestibul?ren St?rungen oder anderen Wahrnehmungsproblemen hervorrufen k?nnen.
- Web-Barrierefreiheit: Verst?ndnis von Farben und Leuchtdichte
-
W?hrend das Verst?ndnis von Farbe, Leuchtdichte und S?ttigung für Design und Lesbarkeit für alle sehenden Benutzer wichtig ist, sind sie für Menschen mit eingeschr?nktem Sehverm?gen und Farbenblindheit sowie für Menschen mit spezifischen neurologischen, kognitiven und anderen Beeintr?chtigungen essenziell.
- Web-Barrierefreiheit für Anf?lle und physische Reaktionen
-
Einige Arten von visuellen Webinhalten k?nnen bei Menschen mit bestimmten Gehirnst?rungen Anf?lle ausl?sen. Dieser Artikel hilft Ihnen zu verstehen, welche Arten von Inhalten problematisch sein k?nnen, und bietet Werkzeuge und Strategien, diese zu vermeiden.
- ARIA
-
Dies ist eine Sammlung von Artikeln, um zu lernen, wie man Accessible Rich Internet Applications (ARIA) nutzt, um Ihre HTML-Dokumente zug?nglicher zu machen.
Tutorials für Anf?nger
Der MDN Bereich zum Erlernen der Barrierefreiheit enth?lt moderne, aktuelle Tutorials, die die folgenden grundlegenden Aspekte der Barrierefreiheit abdecken:
- Was ist Barrierefreiheit?
-
Dieser Artikel beginnt das Modul mit einem guten überblick darüber, was Barrierefreiheit tats?chlich ist — dazu geh?rt, welche Personengruppen wir berücksichtigen müssen und warum, welche Werkzeuge unterschiedliche Menschen verwenden, um mit dem Web zu interagieren, und wie wir Barrierefreiheit in unseren Webentwicklungs-Workflow integrieren k?nnen.
- HTML: Eine gute Grundlage für Barrierefreiheit
-
Ein Gro?teil von Webinhalten kann zug?nglich gemacht werden, indem sichergestellt wird, dass die richtigen HTML-Elemente jederzeit für die richtigen Zwecke verwendet werden. Dieser Artikel geht im Detail darauf ein, wie HTML genutzt werden kann, um maximale Barrierefreiheit zu gew?hrleisten.
- Best Practices für CSS und JavaScript zug?nglichkeitsf?rdernde Ma?nahmen
-
CSS und JavaScript, wenn richtig eingesetzt, haben ebenfalls das Potenzial, zug?ngliche Web-Erfahrungen zu erm?glichen. Wenn sie jedoch falsch eingesetzt werden, k?nnen sie die Barrierefreiheit erheblich beeintr?chtigen. Dieser Artikel skizziert einige CSS- und JavaScript-Best-Practices, die berücksichtigt werden sollten, um sicherzustellen, dass selbst komplexe Inhalte so zug?nglich wie m?glich sind.
- Grundlagen von WAI-ARIA
-
Analysierend auf den vorherigen Artikel, manchmal ist es schwierig, komplexe UI-Kontrollen zu gestalten, die nicht-semantisches HTML und dynamisch durch JavaScript aktualisierte Inhalte beinhalten. WAI-ARIA ist eine Technologie, die bei solchen Problemen helfen kann, indem sie zus?tzliche Semantik hinzufügt, die Browser und assistierende Technologien erkennen k?nnen und so den Benutzern mitteilen, was passiert. Hier zeigen wir, wie man es auf einer grundlegenden Ebene verwendet, um die Barrierefreiheit zu verbessern.
- Zug?ngliche Multimedia-Inhalte
-
Eine weitere Kategorie von Inhalten, die Barrierefreiheitsprobleme schaffen kann, ist Multimedia — Video-, Audio- und Bildinhalte müssen ordnungsgem?? mit Textalternativen versehen werden, damit sie von unterstützenden Technologien und deren Nutzern verstanden werden k?nnen. Dieser Artikel zeigt, wie dies gemacht werden kann.
- Barrierefreiheit auf mobilen Ger?ten
-
Da der Zugang zum Web auf mobilen Ger?ten so popul?r ist und beliebte Plattformen wie iOS und Android über vollst?ndige Barrierefreiheitswerkzeuge verfügen, ist es wichtig, die Barrierefreiheit Ihrer Webinhalte auf diesen Plattformen zu berücksichtigen. Dieser Artikel betrachtet mobile-spezifische überlegungen zur Barrierefreiheit.
Referenzen
- ARIA-Referenz
-
Referenzdokumentation für Accessible Rich Internet Applications (ARIA)-Attribute und Rollen.