Barrierefreiheit

aus Papoo Dokumentation, der freien Wissensdatenbank
(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
(Kurztipps zur Barrierefreiheit: Erweitert und geändert.)
(Weblinks: Know-how: Accessibility-Tests in der Praxis)
 
(5 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
<div class="breadcrumb">Sie sind hier: [[Hauptseite]]/[[Barrierefreiheit]]</div>
+
<div class="breadcrumb">Sie sind hier: [[Hauptseite]] / Barrierefreiheit</div>
  
 
Was ist '''barrierefrei'''? Was ist '''Barrierefreiheit'''?
 
Was ist '''barrierefrei'''? Was ist '''Barrierefreiheit'''?
Zeile 9: Zeile 9:
  
 
Einige Webseiten, zum Beispiel [http://www.bund.de 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 [http://de.wikipedia.org/wiki/BITV BITV] zu nennen, die beachtet werden muss.
 
Einige Webseiten, zum Beispiel [http://www.bund.de 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 [http://de.wikipedia.org/wiki/BITV 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 ==
 
== Literatur ==
 
+
* [http://www.dpunkt.de/buch/3-89864-260-7.html Barrierefreies Webdesign], Jan Erik Hellbusch, 350 Seiten, 39,00 Euro, ISBN: 3898642607, dpunkt Verlag
* Barrierefreies Webdesign, Jan Erik Hellbusch, 350 Seiten, 39,00 Euro, ISBN: 3898642607, dpunkt Verlag, [http://www.dpunkt.de/buch/3-89864-260-7.html Link zum Buch]
+
* [http://www.knowware.de/barrierefrei.htm 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
* 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, [http://www.knowware.de/barrierefrei.htm Link zum Buch]
+
  
 
== Weblinks ==
 
== Weblinks ==
Zeile 34: Zeile 22:
 
* [http://aktuell.de.selfhtml.org/artikel/design/barrierefrei/ SELFHTML: Artikel zur Barrierefreiheit]
 
* [http://aktuell.de.selfhtml.org/artikel/design/barrierefrei/ SELFHTML: Artikel zur Barrierefreiheit]
 
* [http://www.abi-projekt.de Aktionsbündnis für barrierefreie IT]
 
* [http://www.abi-projekt.de Aktionsbündnis für barrierefreie IT]
* [http://www.barrierekompass.de/check.php Kostenloser Barriere Check]
 
 
* [http://www.bik-online.info Barrierefrei informieren und kommunizieren]
 
* [http://www.bik-online.info Barrierefrei informieren und kommunizieren]
* [http://www-3.ibm.com/able/solution_offerings/opera.html Positive und negative Webdesign-Beispiele]
 
 
* [http://www.wob11.de Infoseite des "Web ohne Barrieren"]
 
* [http://www.wob11.de Infoseite des "Web ohne Barrieren"]
* [http://www.w3.org/WAI Web Accessibility Initiative (WAI) des W3C]
 
 
* [http://www.barrierefreies-webdesign.de/ Barrierefreies Webdesign]
 
* [http://www.barrierefreies-webdesign.de/ Barrierefreies Webdesign]
 
* [http://www.webforall.info/html/deutsch/empfehlungen.php Empfehlungen für ein barrierefreies Webdesign]
 
* [http://www.webforall.info/html/deutsch/empfehlungen.php Empfehlungen für ein barrierefreies Webdesign]
 
* [http://www.testticker.de/praxis/netzwerke/article20060104034.aspx Artikel zur Barrierefreiheit von Webseiten]
 
* [http://www.testticker.de/praxis/netzwerke/article20060104034.aspx Artikel zur Barrierefreiheit von Webseiten]
 +
* [http://www.testticker.de/praxis/netzwerke/article20060312001.aspx Know-how: Accessibility-Tests in der Praxis]

Aktuelle Version vom 15. März 2006, 20:12 Uhr

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.

Literatur

Weblinks

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