Barrierefreiheit

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
(Weblinks: Nach Wichtigkeit und Barrierefreiheit sortiert)
(Kurztipps zur Barrierefreiheit: Erweitert und geändert.)
Zeile 11: Zeile 11:
  
 
== Kurztipps zur Barrierefreiheit ==
 
== Kurztipps zur Barrierefreiheit ==
* '''Bilder und Animationen:'''  Beschreibe die Funktion mit ''alt''-Attributen
+
* '''Bilder und Animationen:'''  Beschreibe die Funktion mit den Attributen ''alt'' und ''title''
* '''Image-Maps:''' Verwende benutzerseitige ''map''-Elemente und Text für Hotspots
+
* '''Image-Maps:''' Image-Maps sind zu vermeiden
* '''Multimedia:''' Untertitel für Audio, Audio-Deskriptionen für Video
+
* '''Multimedia:''' Untertitel für Audio, Audio-Beschreibungen für Video, mit dem BIENE-Award ausgezeichnete Webseiten haben oft Videos mit Gebärdensprache
* '''Hypertext-Links:''' Link-Text muss ohne Textzusammenhang verständlich sein
+
* '''Hyperlinks:''' Link-Text muss ohne Textzusammenhang verständlich sein. Formulierungen wie "zum Download geht es hier" erschaffen Barrieren und sollten nicht verwendet werden.
* '''Aufbau der Site:''' Verwende Überschriften, Listen und gegliederte Strukturen
+
* '''Aufbau der Webseite:''' Verwende Überschriften, Listen und gegliederte Strukturen
* '''Skripts, Applets und Plug-ins:''' Für den Fall, dass diese nicht behindertengerecht sind oder nicht unterstützzt werden, Alternativen zur Verfügung stellen
+
* '''Skripts, Applets und Plug-ins:''' Vermeiden! Sollten diese unverzichtbar und nicht behindertengerecht sein, müssen Alternativen zur Verfügung gestellt werden. Die Webseite muss auch ohne diese Techniken benutzbar sein.
 
* '''Diagramme:''' Beschreibe diese im Text oder verwende ''longdesc''-Attribute
 
* '''Diagramme:''' Beschreibe diese im Text oder verwende ''longdesc''-Attribute
* '''Frames:''' Verwende ''noframes'' und verständliche Titel für die Frames
+
* '''Frames:''' Vermeiden oder verwende ''noframes'' und verständliche Titel für die Frames
* '''Tabellen:''' Sollten Zeile für Zeile lesbar sein. Fasse Inhalte zusammen
+
* '''Tabellen:''' Sollten Zeile für Zeile lesbar sein. Die Inhalte müssen zusammengefasst werden. Tabellen dürfen nicht für Layout-Zwecke missbraucht werden, sondern nur für die Aufbereitung von tabellarischen Daten.
  
 
== Literatur ==
 
== Literatur ==

Version vom 20:20, 18. Feb 2006

Was ist barrierefrei? Was ist Barrierefreiheit?

Einfache Antwort: Ein Gebäudeeingang, der von nicht-behinderten Menschen und Rollstuhlfahrern benutzt werden kann, ausreichend Breite und Höhe besitzt ist barrierefrei. Zitat aus dem Wikipedia: "Barrierefreiheit bedeutet die uneingeschränkte Nutzung von Gegenständen, Gebrauchsgütern und Objekten durch alle Menschen über denselben Zugangsweg. Eine Zugänglichkeit über alternative Zugangswege gilt dabei nicht als barrierefrei." Mehr zu dem allgemeinen Teil der Barrierefreiheit könnt Ihr beim Wikipedia nachlesen.

Barrierefreiheit wird im Sprachgebrauch der Webdesigner oft mit einem barrierefreien Internetauftritt gleichgesetzt. Ein barrierefreier Internetauftritt sollte für alle Menschen, so wenig Barrieren wie möglich haben, also barrierefrei sein. Mehr dazu erfahrt Ihr im Artikel "Barrierefreies Internet" des Wikipedias oder unter "Wie kann man Barrierefreiheit testen?" in der Papoo Dokumentation (Wiki).

Einige Webseiten, zum Beispiel bund.de, und andere Seiten im Internet von öffentlichen Einrichtungen müssen barrierefrei umgesetzt werden und sind es teilweise auch schon. Maßgeblich ist hier die BITV zu nennen, die beachtet werden muss.

Kurztipps zur Barrierefreiheit

  • Bilder und Animationen: Beschreibe die Funktion mit den Attributen alt und title
  • Image-Maps: Image-Maps sind zu vermeiden
  • Multimedia: Untertitel für Audio, Audio-Beschreibungen für Video, mit dem BIENE-Award ausgezeichnete Webseiten haben oft Videos mit Gebärdensprache
  • Hyperlinks: Link-Text muss ohne Textzusammenhang verständlich sein. Formulierungen wie "zum Download geht es hier" erschaffen Barrieren und sollten nicht verwendet werden.
  • Aufbau der Webseite: Verwende Überschriften, Listen und gegliederte Strukturen
  • Skripts, Applets und Plug-ins: Vermeiden! Sollten diese unverzichtbar und nicht behindertengerecht sein, müssen Alternativen zur Verfügung gestellt werden. Die Webseite muss auch ohne diese Techniken benutzbar sein.
  • Diagramme: Beschreibe diese im Text oder verwende longdesc-Attribute
  • Frames: Vermeiden oder verwende noframes und verständliche Titel für die Frames
  • Tabellen: Sollten Zeile für Zeile lesbar sein. Die Inhalte müssen zusammengefasst werden. Tabellen dürfen nicht für Layout-Zwecke missbraucht werden, sondern nur für die Aufbereitung von tabellarischen Daten.

Literatur

  • Barrierefreies Webdesign, Jan Erik Hellbusch, 350 Seiten, 39,00 Euro, ISBN: 3898642607, dpunkt Verlag, Link zum Buch
  • Webdesign für Menschen mit körperlichen Einschränkungen, Jan Eric Hellbusch - Thomas Mayer, 72 Seiten, 4,00 Euro, ISBN: 87-90785-75-4, KnowWare Verlag, Link zum Buch

Weblinks

'Persönliche Werkzeuge
Namensräume
Varianten
Aktionen
Navigation
Werkzeuge