Start

News

30.4.2010

modelsgesucht.com

modelsgesucht.com:
Models für Eine-Welt-Produkte gesucht.


15.1.2010

niklasdorf.eu

niklasdorf.eu:
Jetzt barrierefrei nach WCAG2.0 AAA


9.8.2009

www.zottler.at

www.zottler.at:
Oldtimer mieten inkl. Chauffeur, z.B. für Ihre Hochzeit


23.6.2009

niklasdorf.com

niklasdorf.com:
Fotos vom Sommerkonzert 20.6.2009


23.6.2009

niklasdorf.com

niklasdorf.com:
Fotos vom Schülerkonzert 17.6.2009


22.6.2009

pferdehof-rita.alle.at

pferdehof-rita.alle.at:
Günstiger Reitunterricht bei Vicky Gaisberger in Vordernberg


6.6.2009

kunstschule-leoben.alle.at

kunstschule-leoben.alle.at:
Vorspielstunde Klavierklasse Almut Teichert


2.6.2009

leoben.alle.at

leoben.alle.at:
LE MUSIC NIGHT


mehr News

barriere-frei.org
vorige Seite  WCAG2.0  nächste Seite

Letzte Aktualisierung: 12. 9. 2009

Web Content Accessibility Guidelines 2.0 - WCAG2.0

Die Web Content Accessibility Guidelines 2.0 - WCAG2.0 werden hier nur in unvollständigen Stichworten aufgelistet, die in den meisten Fällen keine Übersetzung des Originals darstellen. Diese Aufstellung soll nur zur Orientierung, Übersicht und als Checkliste dienen. Für genauere Informationen benutzen Sie bitte unbedingt das Originaldokument. Dort gibt es auch jede Menge Erläuterungen zur Umsetzung, zum Testen und zu möglichen Fehlern.

Originaldokument siehe: Web Content Accessibility Guidelines 2.0 - WCAG2.0.

Die Links in der Auflistung verweisen direkt auf die entsprechenden Stelle im Originaldokument.

Eine barrierefreie Internetseite ist

1 wahrnehmbar
  1.1 Alternativtext
    1.1.1 (A) Alternativtext für jeden Nicht-Text-Inhalt
  1.2 zeitbasierte Medien
    1.2.1 (A) Alternative für aufgezeichnetes nur-Audio und nur-Video
    1.2.2 (A) Untertitel für aufgezeichnetes Audio in synchronisierten Medien
    1.2.3 (A) Alternative für aufgezeichnetes Video in synchronisierten Medien
    1.2.4 (AA) Untertitel für live Audio
    1.2.5 (AA) Audio-Beschreibung für aufgezeichnetes Video in synchronisierten Medien
    1.2.6 (AAA) Zeichensprache für aufgezeichnetes Audio in synchronisierten Medien
    1.2.7 (AAA) erweiterte Audiobeschreibung für aufgezeichnetes Video in synchronisierten Medien
    1.2.8 (AAA) Alternative für alle aufgezeichneten synchronisierten Medien und jedes aufgenommenen nur-Video.
    1.2.9 (AAA) Alternative für live Audio
     ... Es sieht so aus, dass für normale Videos (mit Audio) eine Text-Alternative nach 1.1.1 genügt.
  1.3 anpassbar
    1.3.1 (A) strukturiert (durch Markup)
    1.3.2 (A) Reihenfolge
    1.3.3 (A) Auf mehrfache Art (über mehrere Empfindungen) wahrnehmbar, erkennbar
  1.4 unterscheidbar
    1.4.1 (A) Farbe darf nicht allein Informationsträger sein
    1.4.2 (A) Audio muss abdrehbar sein
    1.4.3 (AA) ausreichender Text-Kontrast
    1.4.4 (AA) Textgröße änderbar
    1.4.5 (AA) Text statt Bild von Text, wenn erreichbar
    1.4.6 (AAA) höherer Text-Kontrast
    1.4.7 (AAA) keine Hintergrundgeräusche bei Sprach-nur-Audio
    1.4.8 (AAA) klare Textformatierung:
       Farbauswahl durch Benutzer, max. 80 Zeichen pro Zeile,
       kein Blocksatz, ausreichend Abstände, Resize ohne horizontales Scrollen
    1.4.9 (AAA) Text statt Bild von Text
2 bedienbar
  2.1 über Tastatur bedienbar
    2.1.1 (A) jede Funktionalität ist über die Tastur bedienbar
    2.1.2 (A) keine Fokus-Falle
    2.1.3 (AAA) jede Funktionalität ist über die Tastur bedienbar, ohne bestimmtes Timing
  2.2 genug Zeit lassen
    2.2.1 (A) Zeitbegrenzungen sind einstellbar
    2.2.2 (A) Bewegung ist abschaltbar
    2.2.3 (AAA) kein Zeitverhalten
    2.2.4 (AAA) keine Unterbrechungen
    2.2.5 (AAA) kein Datenverlust bei Session-Timout, nur neu einloggen
  2.3 soll keine epileptschen Anfälle auslösen
    2.3.1 (A) weniger als 3 mal Aufblitzen pro Sekunde oder unter Schwellwert
    2.3.2 (AAA) weniger als 3 mal Aufblitzen pro Sekunde oder unter Schwellwert
  2.4 navigierbar
    2.4.1 (A) wiederholte Blöcke sind überspringbar
    2.4.2 (A) Seiten haben beschreibende Titel
    2.4.3 (A) sinnvolle Fokusreihenfolge
    2.4.4 (A) Linkbeschreibung im Kontext
    2.4.5 (AA) Es gibt mehrere Wege, eine Seite zu erreichen
    2.4.6 (AA) Überschriften und Beschriftungen
    2.4.7 (AA) Fokus sichtbar
    2.4.8 (AAA) Wo (auf welchere Seite) bin ich?
    2.4.9 (AAA) Linkbeschreibung im Link
    2.4.10 (AAA) Abschnittüberschriften
3 verständlich
  3.1 lesbar und verständlich
    3.1.1 (A) Sprachangabe der Seite
    3.1.2 (AA) Sprachangabe von Textpassagen oder Phrasen
    3.1.3 (AAA) Begriffsdefinitionen
    3.1.4 (AAA) Definitionen von Abkürzungen
    3.1.5 (AAA) Inhalte über Haupschulniveau sollen illustriert oder zusammengefasst werden
    3.1.6 (AAA) Ausspracheangabe, wenn diese auch im Kontext erforderlich ist zur Unterscheidung
  3.2 vorhersagbar
    3.2.1 (A) kein Kontextwechsel bei Fokuserhalt
    3.2.2 (A) kein Kontextwechsle bei Eingabe
    3.2.3 (AA) konsistente Navigation
    3.2.4 (AA) konsistene Erkennbarkeit
    3.2.5 (AAA) Kontextwechsel nur nach einem Request
  3.3 Eingabehilfe
    3.3.1 (A) erkannte Eingabefehler müssen dem Benutzer gezeigt und beschrieben werden
    3.3.2 (A) Beschriftung oder Beschreibung für Eingabe
    3.3.3 (AA) Korrekturvorschläge bei erkannten Eingabefehlern
    3.3.4 (AA) Dateneingabe: Überprüfung, Undo oder Bestätigung
    3.3.5 (AAA) Hilfetext auf Seite
    3.3.6 (AAA) Eingabe: Überprüfung, Undo oder Bestätigung
4 robust
  4.1 kompatibel
    4.1.1 (A) Markup korrekt
    4.1.2 (A) Alle Bedienungselemente sind programmtechnisch steuerbar (zugänglich)

Die Details sind oft komplizierter, als sie im ersten Moment erscheinen mögen. Allein die Ermittlung des Kontrasts zwischen Schrift und Hintergrund ist fast eine Wissenschaft für sich. Aber das ist nicht sooo wichtig. Machen Sie die Augen auf! Kontrast sieht man auch.

Lassen Sie sich nicht abschrecken! Es ist viel wichtiger, in wesentlichen Punkten Verbesserungen zu erzielen, als sich in Details zu verlieren. Denken Sie daran: Allein wenn Ihre Website mit der Tastatur bedienbar wird, öffnen Sie damit die Tür für eine beträchtliche Anzahl von Personen und entfernen damit eine wichtige Barriere.

Wichtig ist, dass wir einmal wissen, was zu tun ist. Wir werden nicht alles auf ein Mal erledigen können. Aber nach und nach werden wir die Zugänglichkeit verbessern, und unser Internet für möglichst alle Menschen öffnen.



Kommentare zu dieser Seite

Schreib(en Sie) den ersten Kommentar zu dieser Seite!

Kommentar zu dieser Seite:
gesendet von:
 

(Fast) alle Kommentare werden hier veröffentlicht.
Kommentare werden manuell in die Seite gebaut. Es wird also zumindest einige Stunden dauert, bis der Kommentar hier sichtbar wird.

WAYDESIGN-Webprojekte:

barriere-frei.org
bauernmarkt.niklasdorf.com
bohnenstange.com
catwalkparis.austriamodel.com
colorladies.austriamodel.com
darmann.at
fotodarmann.com
girls-in-white.com
altes-gymnasium-leoben.alle.at
icegirls.darmann.at
ihreneuehomepage.com
kundenwort.alle.at
kunstschule.darmann.at
kunstschule-leoben.alle.at
londongap.alle.at
leoben.alle.at
maerchenfabrik.alle.at
marina.austriamodel.com
modeljobs.at
modelsgesucht.com
modeluni.austriamodel.com
niklasdorf.com
pferde1.com
pferdehof-rita.alle.at
produkte.alle.at
seen.alle.at
streets-of-london.alle.at
venedig.alle.at
wald.alle.at
websiteprofis.com
wirtschaft.niklasdorf.com
www.zottler.at

Softwarestand: 20. 4. 2010

© 2010 W A Y D E S I G N Gottfried Darmann
Alle Rechte vorbehalten.
Webdesign und Programmierung
darmann.at