- Benutzerfreundlichkeit
- Barrierefreiheit
Auch das ist Barrierefreiheit
Diese Websites ist valide nach XHTML 1.1
Und nach CSS Level 2.1
(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
![]()
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.