Neueste Web-Entwicklung Tutorials
 

Web WAI


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).

Hinweis 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.

Hinweis 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.

Hinweis 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.