Während des WordPress Accessibilty Day 2020 hielt ich einen Vortrag zu barrierefreiem Webdesign. Ich zeigte, wie einige Richtlinien der Web Content Accessible Guidelines 2.1 (WCAG) (auf deutsch: Richtlinien für barrierefreie Web-Inhalte) für WordPress-Website im HTML-Code und im PHP-Code umgesetzt werden. Die Veranstaltung wurde am 3. Oktober 2020 live auf Youtube widergegeben. Die Aufzeichnung finden Sie… HTML-Tricks für WCAG 2.1 weiterlesen
Autor: Martin Stehle
Prüfprogramme als Erweiterungen für Browser
Die bekannten Browser Firefox, Chrome, Opera, Safari, Edge und Internet Explorer können um neue Funktionen erweitert werden. Darunter sind auch Erweiterungen zu finden, die die Barrierefreiheit der besuchten Seite testen. Hier finden Sie eine (nicht vollständige) Liste empfehlenswerter Erweiterungen für barrierefreie Website. Die Browser-Erweiterungen sind auch bekannt als Plugin, AddOn und Extension. Erweiterungen für Firefox Accessibility Evaluation Toolbar… Prüfprogramme als Erweiterungen für Browser weiterlesen
WAI-ARIA-Richtlinien sind jetzt fertig
Am 20. März 2014 hat das Wold Wide Web Consortium (W3C) die „Accessible Rich Internet Applications“ (ARIA), auf deutsch Richtlinien für barrierefreie Internet-Anwendungen veröffentlicht. Die Barrierefreiheit von Webinhalten erfordert semantische Informationen über Komponenten einer Benutzeroberfläche (Widgets), Strukturen und Verhaltensweisen, um assistiven Technologien zu ermöglichen, passende Informationen an Menschen mit Behinderungen mitzuteilen. Diese Spezifikation bietet an eine… WAI-ARIA-Richtlinien sind jetzt fertig weiterlesen
Einführungen in barrierefreies Webdesign: Linktipps
Deutschsprachige Artikel Mit Blindenschrift und Computer ins Internet Was ist eine barrierefreie Webseite? Wie baue ich eine Webseite auf? Warum ALT-Attribute Pflicht sind Goldene Regeln für schlechtes HTML Englischsprachige Artikel Creating Accessible HTML Cross-Platform Web Design on the Mac WWW8: Accessibility of web pages Webmonkey: The Web Accessibility Initiative About accessible information Accessible Web design… Einführungen in barrierefreies Webdesign: Linktipps weiterlesen
Richtlinien für barrrierefreie Websites: Linktipps
Barrierefreie Informationstechnik-Verordnung (BITV) Die BITV ist die für deutsche Bundesbehörden rechtlich verbindliche Verordnung nach Bundesgleichstellungsgesetz § 11. BITV 2.0 beim BMJ BITV mit Links zu Tipps BITV mit ausführlichen Erläuterungen Unverbindliche Richtlinien Zugänglichkeitsrichtlinien für Web-Inhalte 2.0 des W3C – Deutsche Übersetzung Accessibility-Page: Tipps und Hinweise zur Gestaltung von Internet-Auftritten Warum ALT Attribute Pflicht sind Englischsprachige… Richtlinien für barrrierefreie Websites: Linktipps weiterlesen
Prüfprogramme (Validatoren) für barrierefreie Websites
Die Reihenfolge der Links ist zufällig und stellt keine Bewertung dar. Deutschsprachige Prüfprogramme Barrierefreiheit Test Ein Eingabefeld, um die gesamte Website automatisiert zu testen BITV-Test A-Prompt auf Deutsch Ein kostenloses Programm in deutscher Sprache zur Überprüfung und Korrektur von HTML-Dokumenten. Dabei werden die BITV, die WAI-Richtlinien und die US-amerikanische Section 508 berücksichtigt Site Check Ein… Prüfprogramme (Validatoren) für barrierefreie Websites weiterlesen
Barrieren in Webseiten finden mit Simulator-Software
Simulatoren von Sehschwäche und Farbenblindheit Color Blindness Simulator Colorblind Web Page Filter Color Laboratory Colour Contrast Tester Simulatoren für Darstellung in verschiedenen Anwendungen WAI HTML Table linearizer Web service Lynx Viewer – The Textmode Simulator for graphical browsers Web Page Backward Compatibility Viewer Web Page Purifier Search Engine Simulator
Checklisten für barrierefreies Webdesign 1.0: Linktipps
Deutschsprachige Artikel W3C: Checkliste der Checkpunkte zu den Zugänglichkeitsrichtlinien für Web-Inhalte 1.0 – Deutsche Übersetzung Tipps zur Entwicklung zugänglicher Webseiten Kurzhinweise zur Erstellung behindertengerechter Internetseiten Was sollten Programmierer von HTML Seiten beachten? Was ist eine barrierefreie Webseite? Checkliste für die Zeichencodierung in HTML Englischsprachige Artikel Checklist of Checkpoints for Web Content – Accessibility Guidelines 1.0… Checklisten für barrierefreies Webdesign 1.0: Linktipps weiterlesen