WAI definiert Richtlinien für Web-Entwickler.
WAI - Die Web Accessibility Initiative
WAI (W3C, 1997) ist eine Reihe von Richtlinien für Web-Entwickler und Designer gedacht, darüber, wie das Web zugänglich für Menschen mit Behinderungen zu machen.
Das Ziel dieser Richtlinien Zugänglichkeit ist, aber sie werden auch zu mehr Browsern (Voice-Browsern, Mobiltelefone, Handheld-Geräte) und um mehr Nutzer Web-Inhalte zur Verfügung zu stellen helfen in schwierigen Umgebungen (freihändig, starkes Licht, Dunkelheit arbeiten, schlechte Sicht, schwere Lärm).
Wenn Ihre Website WAI Funktionen fehlen (guter Kontrast, Größe veränderbare Text, Bilder mit Beschreibungen), Menschen mit Behinderungen nicht in der Lage sein, Ihre Daten zugreifen zu können. |
Gründe für die Herstellung Ihrer Website zugänglich:
- Es wird Ihren Ruf und Ihre Kundenzufriedenheit zu verbessern
- Es wird die Anzahl der Besucher erhöhen
- Es wird Ihre Besucher länger bleiben auf Ihrer Website lassen
- Es wird Ihre Website mehr verwendbar für Menschen mit älteren Geräten machen
Denken Sie daran, "alt"
Das alt-Attribut können Sie einen alternativen Text für ein Bild zur Verfügung zu stellen:
<img src="images/banana.jpg" alt="Banana">
Manchmal wird ein Web-Browser, um Ihre Bilder nicht angezeigt werden soll. Der Grund dafür könnte eine von vielen sein:
- Der Benutzer hat die Anzeige von Bildern ausgeschaltet
- Der Browser ist ein Mini-Browser, ohne Bildanzeige
- Der Browser ist ein Sprachbrowser
Wenn Sie das Attribut "alt" verwenden, werden die meisten Browser mindestens Display (oder lesen), um die "alt" Text.
Verwenden Sie keine kleine Schriftarten
Einige Websites verwenden, um eine kleine Textgröße nur zu "quetschen" mehr Text in jeder Seite, oder machen die Seite mehr "stylish".
Auch Besucher mit unterschiedlicher Ausstattung, Betrachtungsbedingungen oder Behinderungen könnten Schwierigkeiten den Text zu lesen haben.
Zwingen Sie Ihre Besucher nicht jedes Mal, wenn die Textgröße sie Ihre Website besuchen, um zu vergrößern. |
Wählen Sie die beste Visitenkarte und Zeilenabstand
Text mit zusätzlichen Zeichenabstand ist einfach zu lesen.
Text mit reduzierter Zeichenabstand ist schwer zu lesen.
Text mit guten
Zeilenabstand
zu lesen ist einfach.
Text mit reduziertem
Zeilenabstand
zu lesen ist schwierig.
Vermeiden Fancy Fonts
Normale Schriftarten sind leicht zu lesen.
Kursiv-Schriften sind nicht so leicht zu lesen.
Serifen-Schriften sind schwieriger zu lesen.
Vermeiden Schlechte Farbkontraste
Schwarzer Text auf weißem Hintergrund oder weißer Text auf schwarzem Hintergrund, ist am besten für Menschen mit Sehbehinderungen und für die Anzeige auf schlechte Ausrüstung.
Grauer Text auf einem hellen Hintergrund kann einen schlechten Kontrast geben:
Textfarbe #AAAAAA auf weißem Hintergrund |
Textfarbe # 666666 auf weißem Hintergrund |
Textfarbe # 333333 auf weißem Hintergrund |
Textfarbe # 000000 auf weißem Hintergrund |
Grauer Text auf einem dunklen Hintergrund kann auch einen schlechten Kontrast geben:
Textfarbe # 666666 auf schwarzem Hintergrund |
Textfarbe #AAAAAA auf schwarzem Hintergrund |
Textfarbe #CCCCCC auf schwarzem Hintergrund |
Textfarbe # FFFFFF auf schwarzem Hintergrund |
Einige Kombinationen - wie schwarz und rot, schwarz und blau, gelb und grün - Stamm immer das Auge:
Schwarzer Text auf einem roten Hintergrund |
Schwarzer Text auf einem blauen Hintergrund |
Gelber Text auf einem grünen Hintergrund |
Und einige Kombinationen sind nicht so schlecht:
Schwarzer Text auf einem grauen Hintergrund |
Schwarzer Text auf einem hellblauen |
Schwarzer Text auf antik weiß |
Weißer Text auf dunkelblau |
Immer Set Hintergrundfarbe
Die meisten Web-Seiten verwenden, um Farben für verschiedene Textelemente. Beide Header und Links sind oft in einer anderen Farbe aus dem Textkörper.
Als Web-Designer, sollten Sie sich der Tatsache bewusst sein, dass Ihre Besucher die Standardfarbeinstellungen zu ändern sind in der Lage.
Wenn Sie Farben für Ihre Web-Elemente (wie Kopf- und Links) definieren, sollten Sie auch die Hintergrundfarbe definieren.
Wenn Sie nicht über eine Hintergrundfarbe, Ihre Web-Site definieren könnte mit einigen sehr schlechte Kombination von Farben (wie Licht rot-Header auf einem roten Hintergrund, oder noch schlimmer, schwarzer Text auf schwarzem Hintergrund) enden. |