Wie kann man Barrierefreiheit testen?

aus Papoo Dokumentation, der freien Wissensdatenbank
(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
M (Grammatik)
(Richtlinien)
 
(9 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
 +
<div class="breadcrump">Sie sind hier: [[Hauptseite]] / [[Handbuch]] / [[Eigenschaften von Papoo]] / [[Wie kann man Barrierefreiheit testen?]]</div>
 +
 +
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 [http://de.wikipedia.org/wiki/Barrierefreiheit 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 &quot;target&quot; nicht mehr unterstützt. Es gilt aber bei vielen Webdesignern als &quot;unfein&quot;, wenn man externe Verweise auf andere Webseiten (oder eine Homepage) im eigenen Fenster öffnet. Deswegen ist folgende Schreibweise immer noch üblich
 
Einige Personen reduzieren [http://de.wikipedia.org/wiki/Barrierefreiheit 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 &quot;target&quot; nicht mehr unterstützt. Es gilt aber bei vielen Webdesignern als &quot;unfein&quot;, wenn man externe Verweise auf andere Webseiten (oder eine Homepage) im eigenen Fenster öffnet. Deswegen ist folgende Schreibweise immer noch üblich
 
<pre>
 
<pre>
Zeile 7: 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)
+
* [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
+
* Versuche zusammenhängende und übersichtliche Texte zu 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 EM umsetzen und nicht mit 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 vielen dieser Dinge hilft Euch Papoo, aber Gliederung, Übersichtlichkeit und Prägnanz wirksam kontrollieren kann nur ein Mensch.
+
  
 
== Testen von Barrierefreiheit ==
 
== Testen von Barrierefreiheit ==
* Screenreader wie den Jaws installieren und die eigenen Webseiten anhören
+
* [http://de.wikipedia.org/wiki/Screenreader Screenreader] wie den [http://www.freedomsci.de/serv01.htm Jaws] installieren und die eigenen Webseiten anhören.
* Mit Lynx (einem Textbrowser) die Webseite ansehen
+
* Mit [http://de.wikipedia.org/wiki/Lynx_(Browser) Lynx] (einem Textbrowser) die Webseite ansehen. Die [[Papoo_und_Barrierefreiheit|Unterschiede sind im Lynx]] oft deutlich sichtbar.
* Zusatztools für den Browser installieren, die CSS, Bilder und JavaScript abschalten können
+
* 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 "[http://colorfilter.wickline.org Colorblind Web Page Filter]" benutzen.
 
* 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 "[http://colorfilter.wickline.org Colorblind Web Page Filter]" benutzen.
  

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