CSS-Grafiken – wenn assistive Techniken nicht mehr greifen

Webmontag Kassel #118. November 2013

Kerstin Probiesch• Accessibility, Social Media, Projektleitung• Gutachten nach WCAG 2.0 oder BITV 2.0• Schulung und Beratung• Barrierefreie PDF-Dateien• Fachautorin (u.a. Screenguide, PHPMagazin,

Fachbuch zur Barrierefreiheit)• Invited Expert beim W3C (WCAG Working Group)• 50% Webmontag Marburg Orga

Assistive Techniken

z.B. Benutzerdefinierte Farbeinstellungen in Browser und /

oder Betriebssystem

Oft gehen jedoch Informationen verloren

Ursache

Über CSS eingebundene Grafiken werden unter Windows OS

ausgeblendet

Informative Grafiken gehören in das HTML und benötigen einen

Alternativtext

Oder es wird eine gleichwertige Alternative zur Verfügung gestellt

Oder es wird ein Workaround eingesetzt (z.B. für Sprites)

http://blog.paciellogroup.com/2012/08/notes-on-accessible-css-

image-sprites/

WCAG 2.0

F3: Failure of Success Criterion 1.1.1 due to using CSS to include images that convey important information

Prüfen in Windows OS mit Alt+Umschalt+Druck

Am besten im IE, da dort diese Systemeinstellung direkt greift

Auch auf Formulare achten!

Kontakt: k.probiesch@gmail.com

Dieses Werk ist lizenziert unter einer Creative Commons: Namensnennung – Nicht kommerziell – Keine Bearbeitung