Links zum Thema "Barrierefreies Webdesign"

Werkzeuge zur Validierung und Überprüfung

• Validierung und Überprüfung der Barrierefreiheit .
• Hilfsmittel blinder und sehbehinderter Surfer .
• Auch das ist interessant .
• Multimedia-Tools .

Warum Werkzeuge? Eine gute Frage! Die eine Antwort lautet: viele HTML-Editoren haben  keine besonderen Funktionalitäten zur Gestaltung barrierefreier Webseiten. Aber nicht nur das: nur wenn Browser, Software-Hersteller (Webseitenerstellung und blindenspezifische Hilfsmittel) und Webgestalter validiertes HTML und CSS unterstützen, ist eine weitesgehende barrierefreie Darstellung der Seiten möglich.

Validatoren lassen Webgestaltern kostengünstig Barrieren auf HTML-Seiten erkennen. Dies gilt insbesondere für den Quellcode. Bezogen auf behindertengerechtes Webdesign sind aber manche Aspekte nur durch Simulationen oder durch "common sense" zu beurteilen wie z.B. Farbkombinationen oder Sprachniveau.

In Folge der Vorgaben der amerikanischen Regierung für die Webgestaltung, die mit dem  Gleichstellungsgesetz auch in Deutschland relevant sind, werden die Software-Hersteller weitere Tools zur Erreichung der Zugänglichkeit anbieten. Aus der  Übersicht zahlreicher Werkzeuge zur Beurteilung und Korrektur von Webseiten (einschließlich Validierungssoftware, Accessibility-Tools für HTML-Editoren wie Dreamweaver oder Frontpage, Usability-Analysen, Programme zur Beurteilung des Sprachniveaus u.v.m.) auf den WAI-Seiten habe ich eine kleine Auswahl aufbereitet:

Validierung und Überprüfung der Barrierefreiheit

• Liste von Werkzeugen zur Überprüfung der Barrierefreiheit von Webseiten - vom W3C.
• Luminosity Colour Contrast Ratio - Mit diesem Online-Service von Gez Lemon kann überprüft werden, ob zwei Farbwerte den Anforderungen des W3C entsprechen.
• Color Analyser - Diese kostenlose Anwendung misst den Unterschied zwischen Vordergrund- und Hintergrundfarbe, um deren Lesbarkeit zu beurteilen.
• Daltonize - Um die Farbwahrnehmung von Grafiken zu simulieren, bietet Vischeck einen Online-Service an für die gängigsten Grafikformate.
• Web Accessibility Toolbar - Leistungsfähiges Werkzeug für Internet Explorer und Opera.
• HTML Table linearizer (TabLin) - Werkzeug zur Überprüfung der Linearisierbarkeit von Tabellen, eine Voraussetzung für die Lesbarkeit von Tabellen-Layouts mit Screen-Readern.
• Juicy Studio - Testen von Farb- und Kontrastwerten.
• Opera - Der alternative Browser hat ab der Version 7 eine Vielzahl an Prüfmöglichkeiten hinsichtlich Barrierefreiheit. Im Benutzermodus können Tabellen, Style-Sheets, Grafiken u.v.m. ausgeschaltet werden. Auch weitere alternative Darstellungsmodi sind möglich.
• validome.de - Ein leistungsfähiger HTML-Validator in mehreren Sprachen - auch in deutsch.
• Vischeck color blindness simulator - Überprüft den Kontrast und die Farben auf einer Seite (allerdings mit Problemen bei der Verwendung von Style-Sheets).
• WAVE 3 - Ein sehr schöner Service, der eine Seite so darstellt, wie sie von alternativen Internetzugängen ausgegeben werden könnte. Dabei werden im Original-Layout alternative Inhalte, Strukturierungselemente, Fehler (!) u.v.m. angezeigt.
• W3C CSS-Validierungsservice - Web-based Service.
• W3C HTML Validation Service - HTML-Validator nach den W3C (X)HTML-Spezifikationen.
• XProof - ein Werkzeug, das ermöglicht, Farbtransformationen in einem Fenster darzustellen. Im Fenster wird die Umgebung des Mauszeigers farbverfälscht angezeigt, darunter auch in den drei Farbfehlsichtigkeiten sowie mit der Transformationen in einer reinen Darstellung der Luminanz.

Hilfsmittel blinder und sehbehinderter Surfer

• Dolphin Computer Access - Demoversionen des Screen-Readers und -Magnifiers "SuperNova", des Screen-Readers "HAL" und der Screen-Magnier "Lunar" und "Lunar Plus" (mit Sprachausgabe).
• Freedom Scientific - Demoversionen des Screen-Readers "JAWS" sowie des Screen-Magnifiers "MAGic".
• IBM Homepage Reader - Demoversion des Audio-Browsers "Homepage Reader" von IBM.
• outSPOKEN - Screen-Reader.
• Web Formator - Download des Web-Interface für den Screen Reader "Blindows".
• Window-Eyes - Screen-Reader.
• ZoomText - Demoversionen des Screen-Magnifiers "ZoomText" (mit und ohne Sprachausgabe).

Auch das ist interessant

• Simulator von PRO RETINA - Hier können Sie die Krankheitsverläufe der häufigsten Augenerkrankungen und Sehbehinderungen nachvollziehen.
• Sehbehinderungs-Simulator - des ABSV Berlin.
• Emacspeak (NASDOG: ESPK) - ein vollfunktionsfähiger Audio-Desktop für den nicht-visuellen Zugang zu allen wesentlichen 32- und 64-Bit-Arbeitsumgebungen. Unter anderem werden alle Internetaspekte (WWW, E-Mail ...) und viele Tools im Audio-Desktop integriert, was eine bequeme, sprachorientierte Interaktion mit dem Computer und dem Netz ermöglicht.

Multimedia-Tools

• Media Access Generator - Erstellung von Untertiteln in verschiedenen Multimedia-Formaten.
• SMIL-Tools - Verschiedene Werkzeuge zur Gestaltung zugänglicher Multimedia im SMIL-Format.

nach oben

Über das CSS-Design

Lesen Sie,  warum ich mich an die Standards halte und warum das Layout mit  Cascading Style Sheets statt Tabellen oder Frames gestaltet wurde. Sollten Sie Probleme mit dem Layout haben, so finden Sie in der  Liste standardkonformer Browser Links zu entsprechenden Download-Seiten.

Suchen Sie was auf barrierefreies- webdesign.de?

Entspricht die Seite den W3C-Normen?

Die  Gesamtübersicht dieses Webauftrittes erreichen Sie jederzeit über das AccessKey-Pad mit Alt+6.

Der schnelle Seitenzugriff

Verwenden Sie  Tastenkürzel, etwa Alt mit der entsprechenden Zahl, um auf diesem Webauftritt zu navigieren.