Tools für barrierefreies Webdesign

Auf dieser Seite finden Sie eine Sammlung nützlicher Tools für das Gestalten von barrierefreien Websites.

ZFA-Tools

Der «Content Accessibility Checker CAC» wurde speziell für die Bedürfnisse von Autoren und Redaktoren entwickelt, die innerhalb von Contentmanagement-systemen CMS barrierefreie Inhalte erstellen wollen. CAC kann direkt in die verschiedenen CMS eingebettet werden, oder als Firefox-Plugin installiert werden.

Die Software erlaubt es neu erstellte Inhalte auf die verschiedenen Checkpunkte unserer «Accessibility Checkliste für Redaktoren» hin zu prüfen und den Autoren auf tatsächliche und mögliche Barrieren hinzuweisen.

CAC darf frei verwendet und weiterentwickelt werden. Creative Commons License: Access4all 3.0 Schweiz (CC BY 3.0 CH). Wir freuen uns über jegliche Weiterentwicklung des CAC und über jegliches Feedback dazu.

Download via GitHub: «Content Accessibility Checker CAC»

Online-Tools

  • «Wave» ist ein kostenloses Tool zur Überprüfung der Accessibility einer Web-Seite. Wave blendet verschiedene Icons in die orginale Webseite ein und zeigt damit potentielle Accessibility-Probleme auf. Von Wave gibt es neben dem Online-Tool auch noch eine Toolbar welche heruntergeladen und in den Firefox installiert werden kann. Wave Achtung link öffnet sich in einem neuen Fenster
  • «WebThing» ist ein Online-Tool, das eine Webseite auf die Konformität gegenüber WCAG 1.0 und Section 508 des US-amerikanischen Rehabilitation Act prüft. Im Gegensatz zu den andern Tools zeigt WebThing die potenziellen Accessibility-Probleme im HTML Code an, indem es die betreffenden Stellen als «gültig» (valid), «missbilligt» (deprecated) bzw. «falsch» (bogus) markiert. WebThing Achtung link öffnet sich in einem neuen Fenster
  • «Vischeck» ist ein Online-Tool mit dem es möglich ist, eine Webseite auf die Lesbarkeit für Menschen mit verschiedenen Farbsehstörungen hin zu überprüfen. Vischeck stellt die Webseite entsprechend der gewählten Farbsehstörung in Falschfarben dar. Vischeck Achtung link öffnet sich in einem neuen Fenster
  • «Cynthia Says» Cynthia Says ist ein kostenloses Online Tool welches erlaubt beliebige Internetseiten nach WCAG 1.0 und Section 508 des US-amerikanischen Rehabilitation Act zu testen. Cynthia Says erstellt einen ausführlichen Testbericht. Cynthia Says Achtung link öffnet sich in einem neuen Fenster
  • «eye.syde» ist eine kostenlose Anwendung, die es normalsichtigen Menschen erlaubt, einen Eindruck zu erhalten, wie farbfehlsichtige Menschen Informationen und Bilder am Bildschirm wahrnehmen. Sie eignet sich entsprechend hervorragend für Demozwecke. eye.syde Achtung link öffnet sich in einem neuen Fenster

Plug-Ins und Programme

  • Der «WebFormator» ist ein Plug-In für den IE, welches für blinde und sehbehinderte Surfer von der Firma Baum entwickelt wurde. Der WebFormator stellt eine Webseite so dar, wie sie von einem blinden oder sehbehinderten Surfer gelesen wird, in linearisierter Form. Er ist somit auch für Sehende geeignet, die wissen wollen, wie eine Webseite linearisiert «aussieht». WebFormator Achtung link öffnet sich in einem neuen Fenster
  • Die «Accessebility-Toolbar» ist eine Toolbar für den IE und Opera, welche verschiedene Tools zur Überprüfung der Konformität gegenüber WCAG 1.0 und 2.0 zur Verfügung stellt. Accessebility-Toolbar für IE Achtung link öffnet sich in einem neuen Fenster
  • Der «Color Contrast Analyzer» ist eine Anwendung für Windows und Mac, mit welcher überprüft werden kann, ob der Kontrast der Schrift gegenüber dem Hintergrund auf einer Webseite ausreichend gross ist. Der Color Contrast Analyzer unterstützt sowohl den Algorithmus für WCAG 1.0 als auch für WCAG 2.0. Color Contrast Analyzer Achtung link öffnet sich in einem neuen Fenster
  • Die «Web Developer Extension» ist ein Plug-In für die Browsers Firefox, Flock und Seamonkey, das verschiedene Tools für die Code-Analyse zur Verfügung stellt. Web Developer Extension für Mozilla Firefox Achtung link öffnet sich in einem neuen Fenster
  • Der «Firebug» ist ein Plug-In für Firefox, das verschiedene Tools für die Code-Analyse zur Verfügung stellt. Firebug für Firefox Achtung link öffnet sich in einem neuen Fenster

 

Zusätzliche Informationen