Wie kann man Barrierefreiheit testen?

aus Papoo Dokumentation, der freien Wissensdatenbank
(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
M
(Richtlinien)
 
(Eine dazwischenliegende Version von einem Benutzer wird nicht angezeigt)
Zeile 1: Zeile 1:
<div class="breadcrumb">Sie sind hier: [[Hauptseite]] / Wie kann man Barrierefreiheit testen?</div>
+
<div class="breadcrump">Sie sind hier: [[Hauptseite]] / [[Handbuch]] / [[Eigenschaften von Papoo]] / [[Wie kann man Barrierefreiheit testen?]]</div>
  
 
Dieser Artikel dreht sich um die Fragen:
 
Dieser Artikel dreht sich um die Fragen:
Zeile 14: Zeile 14:
 
Barrierfreiheit muss also auch in den Köpfen der Redakteure stattfinden, die ein [http://de.wikipedia.org/wiki/Content-Management-System CMS] benutzen. Das man mit einem CMS nämlich automatisch eine barrierefreie Webseite erstellt ist nämlich ein Irrtum. So kann ein Redakteur, der es nicht besser weiß, Fettdruck anstatt Überschriften verwenden, oder der Text wird nicht ordentlich gegliedert.
 
Barrierfreiheit muss also auch in den Köpfen der Redakteure stattfinden, die ein [http://de.wikipedia.org/wiki/Content-Management-System CMS] benutzen. Das man mit einem CMS nämlich automatisch eine barrierefreie Webseite erstellt ist nämlich ein Irrtum. So kann ein Redakteur, der es nicht besser weiß, Fettdruck anstatt Überschriften verwenden, oder der Text wird nicht ordentlich gegliedert.
  
== Richtlinien ==
+
hmm wollte mich tlegneiich wirklich aus dieser diskussion raushalten aber klappt net..finde es im fall auch sehr schade dass es das forum auf der offiziellen oasg homepage nicht mehr gibt. das logo ist wie fcblich sehr stylig, der aufbau der page dagegen finde ich net superoptimal. ist meiner meinung zu wenig fcbersichtlich & die blogthemen mfcssen immer wider rausgesucht werden um einen kommentar zu schreiben. die interaktion zwischen den oasgfans findet auch nicht mehr wirklich statt, was im forum dagegen schon der fall war. die ex-forfcmler haben ja einiges auf die beine gestellt, und auch wenn noch nicht so viele besucher registriert sind, finde ich es schade dass ihr die beiden pages nicht verlinken mf6chtet. ist doch egal ob es jetzt 20, 50 oder 100 user sind die im forum schreiben. es we4re ffcr die oasg-liebhaber ein schf6nes zeichen vom ok, pr le4sst grfcssen:-) schrift und logo sind der hammer!! ps: kraftwerk@oasg2009!!!!
* Kurze, leicht verständliche Sätze und auf schwierige Fremdwörter verzichten (oder Fremdwörter verlinken). Schwere, unverständliche Texte stellen eine Barriere für jeden Menschen dar. [http://de.wikipedia.org/wiki/Leichte_Sprache Leichte Sprache] sollte in jedem Buch und auf jeder Webseite zur Anwendung kommen.
+
* [http://de.wikipedia.org/wiki/Akronym Akronyme] und [http://de.wikipedia.org/wiki/Abk%C3%BCrzung Abkürzungen] mit den Tags [http://de.selfhtml.org/html/referenz/elemente.htm#abbr abbr] und/oder [http://de.selfhtml.org/html/referenz/elemente.htm#acronym acronym] erklären
+
* Text gliedern und strukturieren
+
* Überschriften zur Gliederung benutzen, keinen Fettdruck
+
* Zusammenhängende und übersichtliche Texte schreiben
+
* Definitionen und wesentliche Abschnitte kurz und prägnant beschreiben
+
* [http://de.wikipedia.org/wiki/Cascading_Style_Sheets CSS] verwenden, wo immer es geht
+
* Grafiken und Hyperlinks mit dem [http://de.selfhtml.org/html/referenz/attribute.htm#universalattribute TITLE-Attribut] ausstatten
+
* Schriftgrößen und andere Angaben immer mit [http://de.selfhtml.org/css/formate/wertzuweisung.htm#numerische EM] umsetzen und nicht PX verwenden
+
* Tabellen nur zur Darstellung tabellarischen Daten verwenden, [http://www.seybold.jan-andresen.de/ niemals für Zwecke des Layouts]
+
* [http://www.einfach-fuer-alle.de/artikel/bitvfueralle/tag6/ Fallback-Lösungen]: "Internetangebote müssen auch dann nutzbar sein, wenn der verwendete Benutzeragent neuere Technologien nicht unterstützt oder diese deaktiviert sind." (Zitat von [http://einfach-fuer-alle.de/ einfach-fuer-alle.de]) - Ist Eure Webseite ohne Maus navigierbar? Ist Eure Webseite intuitiv zu bedienen? Findet man schnell das Impressum und das Kontaktformular? Gibt es eine [http://de.wikipedia.org/wiki/Sitemap Sitemap]?
+
 
+
Diese Liste ist bei weitem nicht vollständig. Bei diesen Richtlinien und der [[Papoo_und_Barrierefreiheit|Barrierefreiheit hilft Euch Papoo]], aber Gliederung, Übersichtlichkeit und Prägnanz wirksam kontrollieren kann nur ein Mensch.
+
 
+
=== 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.
+
  
 
== Testen von Barrierefreiheit ==
 
== Testen von Barrierefreiheit ==

Aktuelle Version vom 9. April 2012, 12:08 Uhr

Sie sind hier: Hauptseite / Handbuch / Eigenschaften von Papoo / Wie kann man Barrierefreiheit testen?

Dieser Artikel dreht sich um die Fragen:

  • Wie kann man Barrierefreiheit testen?
  • Wie lernt und denkt man barrierefrei?
  • Was muss man beachten?

Einige Personen reduzieren Barrierefreiheit auf die korrekte Validierung von XHTML-Quellcode. Das ist hilfreich, aber bei weitem nicht das einzige Kriterium. So wird zum Beispiel im XHTML 1.1 Standard das Attribut "target" nicht mehr unterstützt. Es gilt aber bei vielen Webdesignern als "unfein", wenn man externe Verweise auf andere Webseiten (oder eine Homepage) im eigenen Fenster öffnet. Deswegen ist folgende Schreibweise immer noch üblich

<a href="http://die.externe_seite.de/index.htm" target="_blank">

und vielleicht auch sinnvoll. Andererseits sind externe Fenster für einen Spastiker mitunter eine Barriere, weil er gezwungen ist die Maus oder ALT+TAB (ALT-Taste und Tabulator gleichzeitig drücken) zu benutzen.

Barrierfreiheit muss also auch in den Köpfen der Redakteure stattfinden, die ein CMS benutzen. Das man mit einem CMS nämlich automatisch eine barrierefreie Webseite erstellt ist nämlich ein Irrtum. So kann ein Redakteur, der es nicht besser weiß, Fettdruck anstatt Überschriften verwenden, oder der Text wird nicht ordentlich gegliedert.

hmm wollte mich tlegneiich wirklich aus dieser diskussion raushalten aber klappt net..finde es im fall auch sehr schade dass es das forum auf der offiziellen oasg homepage nicht mehr gibt. das logo ist wie fcblich sehr stylig, der aufbau der page dagegen finde ich net superoptimal. ist meiner meinung zu wenig fcbersichtlich & die blogthemen mfcssen immer wider rausgesucht werden um einen kommentar zu schreiben. die interaktion zwischen den oasgfans findet auch nicht mehr wirklich statt, was im forum dagegen schon der fall war. die ex-forfcmler haben ja einiges auf die beine gestellt, und auch wenn noch nicht so viele besucher registriert sind, finde ich es schade dass ihr die beiden pages nicht verlinken mf6chtet. ist doch egal ob es jetzt 20, 50 oder 100 user sind die im forum schreiben. es we4re ffcr die oasg-liebhaber ein schf6nes zeichen vom ok, pr le4sst grfcssen:-) schrift und logo sind der hammer!! ps: kraftwerk@oasg2009!!!!

Testen von Barrierefreiheit

  • Screenreader wie den Jaws installieren und die eigenen Webseiten anhören.
  • Mit Lynx (einem Textbrowser) die Webseite ansehen. Die Unterschiede sind im Lynx oft deutlich sichtbar.
  • Zusatztools für den Browser installieren, die CSS, Bilder und JavaScript abschalten können.
  • Ca. 10% aller Männer sind farbenfehlsichtig. Beispiele sind "Rot-Grün-Verwechsler" oder farbenblinde Menschen. Die Anweisung "Drücken sie bitte den roten Knopf für Ablehnung und den grünen für Zustimmung" könnte da schwierig umzusetzen sein. Um Farben auf der Webseite zu testen, kann man den "Colorblind Web Page Filter" benutzen.

Viele Redakteure denken sich nichts dabei, wenn sie eine blinde Tabelle definieren, um Bilder linksbündig und Text rechtsbündig anzuordnen. Die Beachtung von Barrierefreiheit sollte im Kopf aller Redakteure, vielleicht sogar aller Menschen, eine Rolle spielen.

Weblinks

Tutorials und Dokumentationen

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