Was ist Web-Accessibility?
Website-Accessibility (a11y) bezieht sich auf die Benutzerfreundlichkeit einer Website, die es allen Benutzern, insbesondere solchen mit körperlichen Beeinträchtigungen, ermöglicht, auf alle Inhalte und Funktionen der Website zuzugreifen. A11y ist eine verkürzte Form des Wortes 'Accessibility', wobei 11 die Anzahl der Buchstaben zwischen dem ersten Buchstaben 'A' und dem letzten 'Y' bedeutet. Leider erleben viele Websites Zugangsbarrieren, wodurch es für Menschen mit Beeinträchtigungen schwieriger oder sogar unmöglich wird, den gewünschten Inhalt zu sehen oder zu finden. Vor diesem Hintergrund wurden die WCAG-Richtlinien erstellt.
Was ist WCAG?
WCAG ist die Abkürzung für Web Content Accessibility Guidelines. WCAG ist ein Satz standardisierter Erfolgskriterien für die Web-Accessibility. Diese Standards werden vom Web Accessibility Initiative (WAI) des World Wide Web Consortium (W3C) entwickelt und kontinuierlich aktualisiert.
WCAG umfasst mehrere Ebenen der Accessibility: A, AA und AAA (von der flexibelsten zur strengsten Ebene).
Checkliste für Drupal WCAG 2.1-Konformität
Die Optimierung einer Website, um WCAG-Anforderungen zu erfüllen, wird dringend empfohlen. Die Spezialisten von Drupfan haben eine kurze Checkliste erstellt, wie Sie Ihre Drupal-Website mit WCAG 2.1 AA-Ebene konform machen können. Sie können diese einfachen Updates selbst implementieren, um Ihre Website zugänglicher zu machen, oder Sie können sich jederzeit auf unser Team von Drupal-Entwicklern verlassen.
Fügen Sie Alt-Texte (Textalternativen) für alle nicht textuellen Inhalte auf Ihrer Website hinzu.
Fügen Sie Titel mit der Beschreibung ihres Ziels zu jeder Webseite hinzu.
Bieten Sie Untertitel oder Untertitel für alle vorab aufgezeichneten oder live übertragenen Audio- und Videoinhalte an.
Fügen Sie für alle vorab aufgezeichneten Videoinhalte eine Audio-Beschreibung hinzu.
Bieten Sie Text oder programmierte Anweisungen zum Verständnis und Bedienen von Inhalten auf Ihrer Plattform an.
Beschränken Sie die Ansicht des Inhalts nicht auf eine einzige Anzeigeausrichtung.
Bieten Sie die Möglichkeit, automatische Audio-/Videoinhalte zu pausieren.
Verwenden Sie keine Farben, um eine Aktion anzuzeigen.
Verwenden Sie ein Kontrastverhältnis zwischen Elementen auf Ihrer Website.
Identifizieren Sie den Zweck jedes Eingabefelds.
Platzieren Sie keinen Text auf Bildern.
Stellen Sie sicher, dass die gesamte Funktionalität der Website von einer Tastatur aus verfügbar ist.
Legen Sie keine zeitlichen Begrenzungen für die Wahrnehmung des Inhalts fest.
Fügen Sie keine Elemente hinzu, die blinken.
Geben Sie umfassende Beschreibungen für alle verlinkten URLs an.
Stellen Sie sicher, dass der gesamte Inhalt durch Screenreader gelesen werden kann.
Entwickeln Sie eine vorhersehbare Website
Bieten Sie die Möglichkeit, die Größe eines beliebigen Textes auf Ihren Webseiten zu ändern.
Diese Ratschläge sind zwar nicht erschöpfend, aber die Befolgung einiger einfacher Schritte kann die Zugänglichkeit Ihrer Drupal-Website deutlich verbessern.
Warum ist Drupal 10 auf Barrierefreiheit ausgerichtet?
Drupal 10 unternimmt bedeutende Schritte in Richtung Barrierefreiheit von Webseiten. Die Webentwickler von Drupfan skizzieren hier 5 Hauptmerkmale der Barrierefreiheit von Drupal.
- Die Olivero-Schnittstelle
Der Hauptvorteil von Drupal 10 besteht darin, dass das Standard-Frontend-Theme Olivero jetzt von Anfang an vollständig mit den WCAG AA-Standards konform ist, was die Entwicklung von Websites erleichtert.
- Das Backend-Theme Claro
Das alte Backend-Theme Seven wird in Drupal 10 endlich durch das brandneue Claro-Theme ersetzt, das mit Blick auf Barrierefreiheit entwickelt wurde. Das Claro-Theme hat ebenfalls die WCAG AA-Konformität erreicht, insbesondere aufgrund seiner Farbkontraste und der Vereinheitlichung seiner Elemente.
- Mehr klare Semantik
In Drupal 10 haben die HTML 5-Elemente eine bessere semantische Struktur, die es Screenreadern ermöglicht, die Webseite strukturierter und übersichtlicher zu durchsuchen.
- Alt-Text ist erforderlich
In Drupal 10 ist der Alt-Text für jedes Medienelement standardmäßig erforderlich, so dass Sie nicht vergessen, ihn auszufüllen.
- Zugängliche Inline-Formular-Fehler
Machen Sie Drupal 10-Formulare zugänglicher mit einem Modul, das hilft, die Fehler zu identifizieren, die beim Ausfüllen des Formulars gemacht wurden. Obwohl dieses Modul nicht standardmäßig aktiviert ist, können Sie es in Core finden. Vergessen Sie nicht, dieses Modul bei Bedarf manuell zu aktivieren.
Machen Sie Ihre Drupal-Website noch heute barrierefrei!
Drupal 10 ist ein Open-Source-Content-Management-System, das von Haus aus eine Reihe von Zugänglichkeitsfunktionen bietet, die durch Drupal-Zugänglichkeitsmodule oder Tools von Drittanbietern erweitert werden können. Aufgrund seines A11Y-first-Ansatzes ist Drupal 10 die beste digitale Lösung für die Entwicklung einer hochgradig nutzbaren, robusten und vor allem barrierefreien Website.
Lassen Sie die Zugänglichkeit Ihrer Website überprüfen, um zu sehen, ob Sie WCAG 2.1-konform sind. Wenden Sie sich noch heute an die Webentwicklungsagentur Drupfan, um Ihre Drupal-Website gemäß den WCAG 2.1-Standards barrierefrei zu gestalten.
