Lernen Sie die Richtlinien zur Barrierefreiheit von Webinhalten, um Websites oder Anwendungen für alle zugänglich zu machen, einschließlich Menschen mit Behinderungen, und um das gesamte Benutzererlebnis zu verbessern. Wie entwickelt man barrierefreie digitale Produkte oder Anwendungen? #WebAccessibility #WebAccessibilityGuidelines #Accessibility #SirSajjad #DigitalAccessibility #WebContentAccessibilityGuidelines #WCAG
Download-Link zur Präsentation über Webzugänglichkeit:
So fügen Sie Untertitel oder Untertitel zu YouTube-Videos hinzu?:
Klicken Sie auf die Zeitstempel, um zu einem bestimmten Thema zu gelangen:
**********************************************
0:00 Was ist Webzugänglichkeit?
2:00 Warum ist Barrierefreiheit wichtig?
3:30 Richtlinien zur Barrierefreiheit
20:31 Werkzeuge für Barrierefreiheitstests
23:19 Cheatsheet zur Barrierefreiheit
26:10 Ressourcen zur Barrierefreiheit
Ressourcen zur Barrierefreiheit:
*************************
Webzugänglichkeit:
WAI-ARIA:
Werkzeuge für Barrierefreiheitstests:
ChromeVox (Kostenlose Chrome-Erweiterung)
Windows-Narrator (Integrierte Windows-App)
Macs Voiceover (Integrierte Mac-App)
WAVE - Automatisiertes Testen (Kostenlose Chrome-Erweiterung)
Responsives Design:
Webzugänglichkeitsrichtlinien:
*****************************
*Verwenden Sie größere Texte, Schaltflächen und Steuerelemente.
*Fügen Sie ausreichend Kontrast zwischen Text und Hintergrundfarbe hinzu.
*Fügen Sie alternativen Text für alle nicht dekorativen Bilder hinzu.
*Fügen Sie Untertitel oder Transkripte in allen Videos und Audios hinzu.
*Stellen Sie sicher, dass die Website nur mit der Tastatur ohne Maus zugänglich und benutzbar ist.
*Stellen Sie sicher, dass alle Formularelemente nur mit der Tastatur und in der richtigen Reihenfolge zugänglich sind.
*Verwenden Sie ein konsistentes Design, Navigation, Schriftart, Farbe und Schriftgröße auf der gesamten Website.
*Das Design sollte responsiv sein, um auf allen Geräten gut auszusehen.
*Verwenden Sie semantischen HTML-Code.
*Die Tab-Reihenfolge der Tastaturfokusse sollte logisch sein.
*Fügen Sie einen Link zum Überspringen der Navigation hinzu.
*Geben Sie genügend Zeit, um eine Aufgabe abzuschließen.
*Gestalten Sie es intuitiv, leicht verständlich und benutzbar.
*Verwenden Sie einfache, klare und prägnante Sprache.
*Fügen Sie Anweisungen und Hilfe zur Fehlervermeidung und -behebung hinzu.
*Verwenden Sie ARIA, um JavaScript- und jQuery-Steuerelemente zugänglich zu machen.
*Verwenden Sie niemals nur Farbe, um Informationen zu vermitteln.
*Stellen Sie die Barrierefreiheit von PDF-, Word- und PowerPoint-Dateien sicher.
*Fügen Sie beschreibende Links hinzu.
*Führen Sie Barrierefreiheitstests durch.