IN001 | Barrierefreies Webdesign – Grundlagen

Damit auch User/innen mit Behinderungen Webangebote nutzen können, ist es wichtig, Webseiten so zu gestalten, dass keine technischen Hürden für Hilfsmittel wie Screenreader eingebaut werden. In der BITV 2.0 (Barrierefreie-Informationstechnik-Verordnung) sind Anforderungen formuliert, die die Barrierefreiheit von Webangeboten sicherstellen. In vielen Behörden sind die Vorgaben inzwischen Standard, aber auch Webdesignerinnen und Webdesigner in anderen Bereichen sind zunehmend sensibilisiert, Ihre Projekte inklusiv umzusetzen.

In diesem zweitägigen Seminar erhalten Sie fundiertes Wissen über barrierefreies Webdesign. Sie lernen die Grundlagen der Barrierefreiheit, die Anforderungen der BITV und deren praktische Umsetzung kennen. Zudem erwerben Sie Kenntnisse über die Erstellung barrierefreier Webseiten mit HTML5 und CSS3. Mit vielen praxisnahen Übungen und wertvollen Tipps werden Sie befähigt, Webseiten so zu gestalten, dass sie für alle Nutzer/innen zugänglich sind.

• Verstehen der Prinzipien des barrierefreien Webdesigns
• Kenntnis der gesetzlichen Anforderungen nach BITV
• Anwendung von HTML5 und CSS3 für barrierefreie Webseiten
• Analyse und Verbesserung der Barrierefreiheit von Webseiten
• Einsatz von Testsoftware zur Überprüfung der Barrierefreiheit

Dieses Seminar richtet sich an Webentwickler, Webdesigner und IT-Verantwortliche, die ihre Kenntnisse im Bereich barrierefreies Webdesign vertiefen und anwenden möchten.

Grundkenntnisse in HTML und CSS sind erforderlich. Wir empfehlen den Besuch des Seminares HTML 5 und CSS – Grundlagen.

Einstiegsübung mit HTML5 und CSS3

• Einführung in die Grundlagen von HTML5
• CSS3 und seine Anwendung im Webdesign

Mehr CSS für barrierefreie Webseiten

• Verwendung von CSS-Selektoren
• Webdesign ohne Tabellen

Die BITV - die Barrierefreie Informationstechnologie-Verordnung 1 und 2

• Überblick über die BITV 1.0
• Neue Anforderungen der BITV 2.0

Besprechung und Umsetzung der Anforderungen der BITV

• Analyse der gesetzlichen Anforderungen
• Praktische Umsetzung im Webdesign

HTML-Versionen, DOCTYPEs und ihre Konsequenzen

• Unterschiede zwischen den HTML-Versionen
• Einfluss von DOCTYPEs auf die Barrierefreiheit

Webseiten auf Barrierefreiheit untersuchen

• Methoden zur Überprüfung der Barrierefreiheit
• Tools und Techniken zur Analyse

Fehler korrigieren

• Häufige Fehler in der Barrierefreiheit
• Strategien zur Fehlerbehebung

Nützliche (Test-) Software

• Vorstellung hilfreicher Test-Tools
• Einsatz von Software zur Verbesserung der Barrierefreiheit

Praktische Übungen

• Erstellen einer barrierefreien Webseite
• Überprüfung und Optimierung bestehender Webseiten

Tipps und Tricks

• Best Practices im barrierefreien Webdesign
• Zusätzliche Ressourcen und weiterführende Literatur