Duda nimmt Barrierefreiheit ernst und wir investieren aktiv in die barrierefreie Gestaltung der mit der Duda-Plattform entwickelten Websites. Wir ermöglichen es Ihnen zwar, barrierefreie Websites zu erstellen, und fügen ständig neue Funktionen hinzu, um dies noch einfacher zu machen. Letztendlich liegt es jedoch an Ihnen, dafür zu sorgen, dass Ihre Website barrierefrei ist, ähnlich wie bei SEO oder der Website-Performance. Erfahren Sie unten mehr über Barrierefreiheit bei Duda.
Was ist Barrierefreiheit?
Barrierefreiheit in Bezug auf eine Website bedeutet, dass diese von Nutzern mit auditiven, visuellen oder kognitiven Behinderungen sowie von Nutzern, die mit Hilfe von Sprachausgabe, Bildschirmlesegeräten oder anderen unterstützenden Technologien navigieren müssen, genutzt werden kann. Laut dem World Wide Web Consortium (W3C), einer Organisation, die internationale Webstandards bereitstellt, muss eine barrierefreie Website für diese Benutzer wahrnehmbar, bedienbar, verständlich und robust sein.
Eingebaute Funktionen für barrierefreie Websites
Hier finden Sie einige der integrierten Funktionen, mit denen Sie mit Duda barrierefreie Websites erstellen können.
Korrekte Semantik als Standardeinstellung
Wenn möglich, nutzt Duda semantische HTML5-Elemente. Dies ist die bewährte Praxis für die Barrierefreiheit, da die HTML-Standards viele gute UX-Funktionen für unterstützende Hilfsmittel bereits implementieren. Die Grundlage der Barrierefreiheitsstrategie von Duda besteht darin, sich auf die Standard-HTML-Funktionalität zu verlassen. Kopfzeilen verwenden beispielsweise Kopfzeilen-Tags (<h1>). Dies gewährleistet die beste Barrierefreiheit, da sie bereits in den Browsern integriert ist und von Screenreadern unterstützt wird.
Überschriften-Tags
Durch die Verwendung von Überschriften-Tags helfen Sie Besuchern, die Screenreader verwenden, Ihre Website und ihre Organisation zu verstehen. Überschriften-Tags (h1, h2, h3 usw.) gliedern den Inhalt einer Seite in zusammenhängende Informationsblöcke. Beachten Sie dabei die folgenden Hinweise:
- Überschriften-Tags sollten verwendet werden, um einen bestimmten Inhalt einzuleiten
- Verwenden Sie nur ein h1-Tag pro Seite oder Ansicht
- Überschriften-Tags sollten in einer logischen Reihenfolge geschrieben werden
- Überschriften-Ebenen nicht überspringen
Alternativtext
Stellen Sie sicher, dass alle Bildelemente über ein Alt-Tag oder -Attribut verfügen. Das Hinzufügen von Alt-Text zu Ihren Bildern hilft sehbehinderten Besuchern, den Kontext der Fotos auf Ihrer Website besser zu verstehen. Wenn ein Alt-Tag bei einem Bild nicht vorhanden ist, kann ein Bildschirmlesegerät stattdessen den Dateinamen oder Pfad des Bildes anzeigen. Dadurch wird der Inhalt des Bildes nicht kommuniziert. Stellen Sie bei Bildern, die Text enthalten, sicher, dass die Alt-Beschreibung den Text des Bildes enthält.
Um einem Widget Alt-Text hinzuzufügen, klicken Sie mit der rechten Maustaste auf das und dann auf Inhalt bearbeiten. Informationen zum Hinzufügen von Alternativtext zu einem Bild-Widget finden Sie unter Bild-Widget.
Hintergrundbilder haben keinen Platz für die Eingabe von Alternativtext, da das Hintergrunddesign nicht als Inhalt aufgezeichnet wird, wenn die Seitenquelle von einer Suchmaschine gescannt oder gecrawlt wird.
Tastatur-Navigation
Nicht jeder verwendet eine Maus oder ein Trackpad, um auf einer Website zu navigieren. Benutzer ohne Maus navigieren per Tastatur, indem sie die Tabulatortaste drücken oder die Pfeiltasten verwenden, um zum nächsten Element zu gelangen. Sie können mit einer Tastatur auf Funktionen zugreifen.
Pop-ups
Pop-ups können über die Tastatur geschlossen werden.
Widgets
Nicht jedes Widget auf der Duda-Plattform ist 100%ig kompatibel mit der Tastaturnavigation. Ein Beispiel: Bei jedem Tool eines Drittanbieters, wie z. B. einer Facebook-Einbettung oder einer Karte, ist der Entwickler des Drittanbieters dafür verantwortlich, dass es über die Tastatur nutzbar ist.
Definition der Website-Sprache
Wir stellen die Sprache der Website automatisch ein, je nachdem, was Sie in den Website-Einstellungen festgelegt haben. Dadurch wird sichergestellt, dass Bildschirmlesegeräte die Sprache der Website ermitteln und den Benutzern in der richtigen Sprache helfen können. Weitere Informationen finden Sie unter Website-Standardsprache festlegen.
Weitere Funktionen demnächst verfügbar
Duda investiert aktiv in die Verbesserung der Barrierefreiheit von Websites, die mit der Duda-Plattform entwickelt wurden.
Zusätzliche Ressourcen
Zusätzlich zu den oben genannten Funktionen bietet Duda zwei Apps, die Sie bei der Automatisierung der Compliance unterstützen. AudioEye und UserWay können Ihnen dabei helfen, automatisch Alt-Text zu generieren, Farbkontraste zu korrigieren, den Cursor zu vergrößern, legastheniefreundliche Schriftarten zu erstellen und vieles mehr.
Weitere Informationen zur Barrierefreiheit finden Sie in den folgenden Ressourcen: