Logo FeelFree Coaching&Consulting

Auch das ist Barrierefreiheit

Diese Websites ist valide nach XHTML 1.1

Valid XHTML 1.1

Und nach CSS Level 2.1

CSS ist valide! 

(Das Ergebnis wird jetzt Fehler bringen, da ich das CSS-Element box-shadow nutze. Das ist ein CSS3-Element, wird von den wichtigsten Browsern aber schon umgesetzt.)

Ergebnis Abschnitt 508 WAI

Passed Automated Verification

(Abschnitt 508 WAI ist ein strenges amerikanisches Regelwerk, um behinderten Menschen Zugang zum z.B. Internet zu ermöglichen)

Google´s Page Speed

Page Speed Score: 100/100

(Page Speed ist ein Tool von Google, um die Geschwindigkeit von Websites zu optimieren, z.B. als Add-on für den FireFox erhältich)

WAUDIT - Website Auditing Tool

Waudit score

Einfache Grundregeln zur Barrierefreiheit (Accessibility)

Fast alle dieser Regeln haben ihre Gültigkeit auch für Robots von Suchmaschinen (Crawlern). Wir prüfen unsere Websites nach Section 508 WAI auf Barrierefreiheit.

Technische Standards

Eine Website muss sich an die technischen Standards (z. B. korrekte Codierung von Umlauten, gültiges HTML und CSS) halten. Die Darstellung soll in allen gängigen Browsern wenigstens ähnlich aussehen. Wir prüfen unsere Websites unter anderem mit dem W3C CSS Validierungsdienst und dem W3C Markup Validierungsdienst.

WEB 2.0

Durch das WEB 2.0 bedingte interaktiv und dynamisch aufbereitete Information kann eine Gefahr für die Barrierefreiheit darstellen. Leider tritt auch durch die Verbreitung von Ajax die Barrierefreiheit ins Hintertreffen.

Die "Sprache"

Nicht zuletzt sollen die Inhalte der Website in einer leicht verständlichen "Sprache" dargestellt werden. Sprich, keine absatzlangen verschachtelten Sätze, keine Überflutung mit Fremdworten.

Tabulator statt Maus

Die Möglichkeit, sich auch ohne Maus durch die Website zu bewegen, soll gegeben sein. Die Navigation mit der Tabulator-Taste gehört zu einer barrierefreien Website.

Navigation mit CSS

Eine Navigation, die aus Java-Applets, Flash-Objekten Bildern besteht, ist für sehbehinderte Besucher ein nahezu unüberwindliches Hindernis. Übrigens auch für Crawler. Eine Lösung mit CSS ist vorzuziehen.

Animation

Blinkende oder animierte Texte und Grafiken sind nicht nur für sehbehinderte Menschen ein Greuel und lenken vom Inhalt der Website ab.

Feste Schriftgröße

Feste Schriftgrößen sind zu vermeiden. Die Maßeinheit für Abstände, Schriften, Bereiche, usw. sollte relativ sein (Angaben in % oder em).

Positionierung von Elementen

Für die Positionierung von Elementen haben sich DIV-Container und CSS bewährt. Tabellen nur für Tabellen einsetzen. Sinnvolle Anker (Sprungmarken) innerhalb der Seite machen die Navigation leichter. Das Menüsystem sollte als Liste definiert werden.

Alt-Texte

Bilder sollen mit Alt-Texten versehen werden, solange sie nicht nur der Layout-Gestaltung dienen.

Captcha

Anti-Spam Captcha, die dazu dienen sollen, Mensch und Maschine zu unterscheiden, schließen auch sehbehinderte Menschen aus.

Farbfehlsichtigkeit

Für Besucher mit Farbfehlsichtigkeit sind Informationen in der Website, die von Farben allein bestimmt werden, echte Barrieren.