Papoo und Barrierefreiheit

aus Papoo Dokumentation, der freien Wissensdatenbank
(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
M (Tippfehler)
(Breadcrumb angepasst)
 
(5 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
 +
<div class="breadcrump">Sie sind hier: [[Hauptseite]] / [[Handbuch]] / [[Eigenschaften von Papoo]] / [[Papoo und Barrierefreiheit]]</div>
 +
 
Papoo orientiert sich stark an der [http://de.wikipedia.org/wiki/BITV BITV] und den [http://www.einfach-fuer-alle.de/artikel/bitvfueralle/tag1/ Vorschlägen zur BITV] von [http://www.einfach-fuer-alle.de/ einfach-fuer-alle.de]. Zum Beispiel werden bei der Navigation DFN-Tags verwendet, wie es das [http://de.wikipedia.org/wiki/Tutorium Tutorium] in Lektion 2 "[http://www.einfach-fuer-alle.de/artikel/menues/tag2/ Wie wird ein Navigationsmenü barrierefrei?]" auch vorschlägt. DFN-Tags gehören zu den [http://de.selfhtml.org/html/text/logisch.htm#elemente HTML-Elementen für logische Auszeichnung im Text], indem sie eine Definition kennzeichnen. Das ist aber nur eins von vielen Beispielen, die Papoo barrierefrei machen.
 
Papoo orientiert sich stark an der [http://de.wikipedia.org/wiki/BITV BITV] und den [http://www.einfach-fuer-alle.de/artikel/bitvfueralle/tag1/ Vorschlägen zur BITV] von [http://www.einfach-fuer-alle.de/ einfach-fuer-alle.de]. Zum Beispiel werden bei der Navigation DFN-Tags verwendet, wie es das [http://de.wikipedia.org/wiki/Tutorium Tutorium] in Lektion 2 "[http://www.einfach-fuer-alle.de/artikel/menues/tag2/ Wie wird ein Navigationsmenü barrierefrei?]" auch vorschlägt. DFN-Tags gehören zu den [http://de.selfhtml.org/html/text/logisch.htm#elemente HTML-Elementen für logische Auszeichnung im Text], indem sie eine Definition kennzeichnen. Das ist aber nur eins von vielen Beispielen, die Papoo barrierefrei machen.
  
Zeile 9: Zeile 11:
 
* Die Seite kann mit [http://de.wikipedia.org/wiki/Screenreader Screenreadern] vorglesen werden. Zusätzlich bietet Papoo für einige Inhalte über den [http://www.sprechomat.de/ Sprechomat] eine eigene Möglichkeit, Texte vorlesen zu lassen.
 
* Die Seite kann mit [http://de.wikipedia.org/wiki/Screenreader Screenreadern] vorglesen werden. Zusätzlich bietet Papoo für einige Inhalte über den [http://www.sprechomat.de/ Sprechomat] eine eigene Möglichkeit, Texte vorlesen zu lassen.
  
Barrierefreiheit ist für öffentliche Einrichtungen, Städte, Gemeinden und Kommunen nicht nur gesetzlich zur Pflicht geworden, auch die Unternehmen setzen immer stärker auf die Barrierefreiheit. Papoo unterstützt sie konsequent in diesem Ansatz.
+
Barrierefreiheit ist für öffentliche Einrichtungen, Städte, Gemeinden und Kommunen nicht nur gesetzlich zur Pflicht geworden, auch die Unternehmen setzen immer stärker auf die Barrierefreiheit. Papoo unterstützt sowohl Privatpersonen als auch Firmen konsequent in diesem Ansatz.
  
 
== Ein praktisches Beispiel ==
 
== Ein praktisches Beispiel ==
[[Bild:Lynx_hamburg_barrierefreiheit.gif|thumb|300px|Beispiel für eine nicht-barrierefreihe Webseite, wo die Navigation im Lynx nicht sichtbar ist, weil sie aus Bildern besteht]]
+
[[Bild:Lynx_hamburg_barrierefreiheit.gif|thumb|300px|Beispiel für eine nicht-barrierefreie Webseite, wo die Navigation im Lynx nicht sichtbar ist, weil sie aus Bildern besteht]]
Die folgenden Screenshots des [http://de.wikipedia.org/wiki/Lynx_(Browser) Textbrowsers Lynx] zeigen ziemlich deutlich, wie die Barrierefreiheit auf anderen Webseiten ignoriert wird. Selbst in vielen Städten (Gemeinden, etc.) wird immer noch mit Bildern ("spacer.gif") und Tabellen für Layoutzwecke gearbeitet.
+
Die folgenden Screenshots des [http://de.wikipedia.org/wiki/Lynx_(Browser) Textbrowsers Lynx] zeigen ziemlich deutlich, wie die Barrierefreiheit auf anderen Webseiten ignoriert wird. Selbst in vielen Städten und Gemeinden wird immer noch mit Bildern ("spacer.gif") und Tabellen für Layoutzwecke gearbeitet.
  
 
[[Bild:Lynx_barrierefreiheit.gif|Beispiel für eine nicht-barrierefreihe Webseite, wo die Suche im Lynx nahezu unmöglich zu erreichen ist]]
 
[[Bild:Lynx_barrierefreiheit.gif|Beispiel für eine nicht-barrierefreihe Webseite, wo die Suche im Lynx nahezu unmöglich zu erreichen ist]]
Zeile 20: Zeile 22:
  
 
[[Bild:Lynx_papoo_cms_barrierefreiheit.gif|thumb|300px|Papoo im Textbrowser Lynx]]
 
[[Bild:Lynx_papoo_cms_barrierefreiheit.gif|thumb|300px|Papoo im Textbrowser Lynx]]
Bei Papoo ist die Navigation und die Webseite vollständig im Lynx sichtbar. Man kann auf den ersten Blick die wichtigsten Menüpunkte und das Sprungmenü erkennen. Das Sprungmenü ist eins der wichtigsten Features einer barrierefreien Webseite. Wenn eine Webseite zum Beispiel 30 Navigationspunkte hat, kann ein Blinder das Vorlesen durch ein Übersprungmenü verhindern. Wie man am Screenshot sehen kann, gibt es bei Papoo drei Sprungmarken: Zum Inhalt, zur Suche und zum Login.
+
Bei Papoo ist die Navigation und die Webseite vollständig im Lynx sichtbar. Man kann auf den ersten Blick die wichtigsten Menüpunkte und das Sprungmenü erkennen. Das '''Sprungmenü''' ist eines der wichtigsten Features einer barrierefreien Webseite. Wenn eine Webseite zum Beispiel 30 Navigationspunkte hat, kann ein Blinder das Vorlesen durch ein Übersprungmenü verhindern. Wie man am Screenshot sehen kann, gibt es bei Papoo drei Sprungmarken: Zum Inhalt, zur Suche und zum Login.

Aktuelle Version vom 10. Juni 2006, 22:53 Uhr

Sie sind hier: Hauptseite / Handbuch / Eigenschaften von Papoo / Papoo und Barrierefreiheit

Papoo orientiert sich stark an der BITV und den Vorschlägen zur BITV von einfach-fuer-alle.de. Zum Beispiel werden bei der Navigation DFN-Tags verwendet, wie es das Tutorium in Lektion 2 "Wie wird ein Navigationsmenü barrierefrei?" auch vorschlägt. DFN-Tags gehören zu den HTML-Elementen für logische Auszeichnung im Text, indem sie eine Definition kennzeichnen. Das ist aber nur eins von vielen Beispielen, die Papoo barrierefrei machen.

Warum ist Papoo barrierefrei?

  • Es gibt Sprungmarken (auch "Übersprungmenü" genannt), mit denen Blinde direkt zum Inhalt springen können.
  • Papoo lässt sich über die Tastertur navigieren (Epilepsie).
  • Es werden Tabulator-Reihenfolge und Tastaturkürzel für Verweise beachtet.
  • Die Schriftarten lassen sich in allen Browsern vergrößern (Sehschwächen).
  • Es wird auf starke Kontraste geachtet (z.B. schwarze Schrift auf weißem Hintergrund)
  • Die Seite kann mit Screenreadern vorglesen werden. Zusätzlich bietet Papoo für einige Inhalte über den Sprechomat eine eigene Möglichkeit, Texte vorlesen zu lassen.

Barrierefreiheit ist für öffentliche Einrichtungen, Städte, Gemeinden und Kommunen nicht nur gesetzlich zur Pflicht geworden, auch die Unternehmen setzen immer stärker auf die Barrierefreiheit. Papoo unterstützt sowohl Privatpersonen als auch Firmen konsequent in diesem Ansatz.

Ein praktisches Beispiel

Beispiel für eine nicht-barrierefreie Webseite, wo die Navigation im Lynx nicht sichtbar ist, weil sie aus Bildern besteht

Die folgenden Screenshots des Textbrowsers Lynx zeigen ziemlich deutlich, wie die Barrierefreiheit auf anderen Webseiten ignoriert wird. Selbst in vielen Städten und Gemeinden wird immer noch mit Bildern ("spacer.gif") und Tabellen für Layoutzwecke gearbeitet.

Beispiel für eine nicht-barrierefreihe Webseite, wo die Suche im Lynx nahezu unmöglich zu erreichen ist

Wie man sehen kann, sind die Ergebnisse für Screenreader nicht lesbar. Wenn man auf einer Webseite jedesmal das Wort "Inline" - meistens ein Grafikelement für eine Navigation oder ein "spacer.gif" - vorgelesen bekommt, ist das Surfen im Internet für Screenreader-Benutzer mehr eine Bestrafung, als eine Freude.

Papoo im Textbrowser Lynx

Bei Papoo ist die Navigation und die Webseite vollständig im Lynx sichtbar. Man kann auf den ersten Blick die wichtigsten Menüpunkte und das Sprungmenü erkennen. Das Sprungmenü ist eines der wichtigsten Features einer barrierefreien Webseite. Wenn eine Webseite zum Beispiel 30 Navigationspunkte hat, kann ein Blinder das Vorlesen durch ein Übersprungmenü verhindern. Wie man am Screenshot sehen kann, gibt es bei Papoo drei Sprungmarken: Zum Inhalt, zur Suche und zum Login.

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