Best and Worst Practice In der Barrierefreiheit Kerstin Probiesch
Kurz die Vita Freie Beraterin Invited Expert – W3C – Evaluation and Methodology Task Force (EvalTF) Fach(buch)autorin Webkrauts Special Interest: Barrierefreiheit von Social Media und Open Access
WAS BARRIEREFREIHEIT NICHT IST
Layout für „Normale“
Und das für „die anderen“?
Textversion Hörzu – Finde den Fehler
Oft nur der schöne Schein
WCAG 2.0 – AA konform?
Grafiken ohne alt-Attribute
Grafiken über CSS / Transparenz – Problematisch bei eigenen Farbeinstellungen
Was bleibt? Nicht mal A-konform
MEHRFACHKENNZEICHNUNG Nun aber:
Informationen nicht nur über Farbe oder sensorische Eigenschaften vermitteln Nicht nur so: „ Klicken Sie den grünen Button“ „ Fehlermeldungen werden in rot“ „ Pflichtfelder sind orange hinterlegt“ „ Links zum Artikel finden Sie rechts“ „ Weiterführende Informationen finden Sie im blauen hinterlegen Kasten“ Aktuelle Rubriken und Seiten nur über Farbe vermitteln
Individuelle Farbwahrnehmung z.B. Farbfehlsichtigkeit
Beispiel: Benutzerdefinierte Farbeinstellungen
Problem: Informationsvermittlung nur über Farbe allein. Zudem: schlechter Kontrast
Benutzerdefinierte Farbeinstellungen – „Green Tags“ nicht mehr ermittelbar
Ansicht ohne CSS
Zusammenspiel von Text und Struktur
Mehrfachkennzeichnung in Navigationsbereichen
auch mit benutzerdefinierten Farbeinstellungen sichtbar
„ Versteckte“ Texte für Screenreadernutzer
Best Practice: Mehrfachkennzeichnung in Formularen (Stadt Wien)
TASTATURBEDIENBARKEIT
Aber nicht so:
Und nicht so: Vorschau nur für Mausbenutzer
„ New Twitter“ – immer noch kein Herz für Tastaturbenutzer Nur mit Maus
Accessible Twitter v. Dennis Lembrée
Auch mit Tastatur: Landtagslupe NRW
Gut sichtbarer Fokus – auch bei Sprunglinks
Barrierefreies Video Player „Framework“ Weitere Infos auf:  http://www.einfach-fuer-alle.de/blog/id/2593/
Das ist wichtig! Ist aktuelle Position beim Durchtabben immer sichtbar? Ist die Tabreihenfolge logisch? Können alle Elemente angesprungen, bedient und wieder verlassen werden – auch Videos und Audios? Tastaturfallen nicht vorhanden? Überschriften ausgezeichnet, ARIA Landmark Roles verwendet? Warum in diesem Abschnitt?
DOKUMENTE GLIEDERN Z.B. ÜBERSCHRIFTEN
Blockelement? Semantik?
Die H-Inflation
Überschriften? Nicht mit uns?
Alles richtig gemacht?
TIPPS UND RAT, BERATUNG UND TESTS
Einfach für alle – Aktion Mensch
BIENE Preis – voraussichtlich 2012
Kontakt Kerstin Probiesch | Kantstraße 10/19  35039 Marburg  | Tel.: 06421 167002  http://www.barrierefreie- informationskultur.de/ Twitter: @kprobiesch  Tests nach WCAG 2.0 und BITV 2.0 Kurztests  Projektleitung Begleitende Beratung Diese Präsentation steht unter der CC-BY-NC-SA  (http://creativecommons.org/licenses/by-nc-sa/3.0/de/)

Weitere ähnliche Inhalte

PPT
Enlace Ciudadano Nro. 292 - Cartera Castigada
PPT
Servei d’atenció logopèdica en la pastoral definitiu
PPTX
C01_Òpera
PDF
Rapport Synoptic-Acsé 2013 sur le programme de lutte contre les violences int...
PDF
Mle new letter 04 (april-june 2014)
PPT
2.1. ley orgánica de la función legislativa
PPT
C:\Fakepath\Mis Amigos!
PPT
Mapa turistico de los eeuu
Enlace Ciudadano Nro. 292 - Cartera Castigada
Servei d’atenció logopèdica en la pastoral definitiu
C01_Òpera
Rapport Synoptic-Acsé 2013 sur le programme de lutte contre les violences int...
Mle new letter 04 (april-june 2014)
2.1. ley orgánica de la función legislativa
C:\Fakepath\Mis Amigos!
Mapa turistico de los eeuu

Andere mochten auch (19)

PPT
C:\fakepath\papiroflexia
PPTX
Bonos VicPlanet
PPTX
Presentation Lycee Theorique "Ion Luca"
PPT
Enlace Ciudadano Nro 279 tema: evolucion delitos flagrantes
PPTX
proyecto de matemáticas-proporcionalidad
PPTX
Egonon Tools Screenshots
PPTX
Metodologia Aprendizaje
PPTX
Mia ist an der hisar schule
PPT
Enlace Ciudadano Nro. 294 - Desarrollo petrolero del suroriente
PDF
PRESENTATION DES KITS
XLSX
Libro1
DOCX
Senaaaaa resumenn primera lectura[1]
PDF
Partenariat soignant inter-équipes entre 2 départements
PDF
Europa_Konsumbarometer2010 exec_summary
PDF
PPTX
Presentación Comparte Joven
PPT
PPTX
EWS, ultimate Content-Management für Web 2.0 und Web 3.0
C:\fakepath\papiroflexia
Bonos VicPlanet
Presentation Lycee Theorique "Ion Luca"
Enlace Ciudadano Nro 279 tema: evolucion delitos flagrantes
proyecto de matemáticas-proporcionalidad
Egonon Tools Screenshots
Metodologia Aprendizaje
Mia ist an der hisar schule
Enlace Ciudadano Nro. 294 - Desarrollo petrolero del suroriente
PRESENTATION DES KITS
Libro1
Senaaaaa resumenn primera lectura[1]
Partenariat soignant inter-équipes entre 2 départements
Europa_Konsumbarometer2010 exec_summary
Presentación Comparte Joven
EWS, ultimate Content-Management für Web 2.0 und Web 3.0
Anzeige

Ähnlich wie Worst and Best Practices in der Barrierefreiheit (8)

PPT
Barrierefreie Internet Seiten
PDF
Digtale Barrierefreiheit für NGO's
PDF
Be truly responsive & responsible! Why and how accessibility matters.
PDF
Be truly responsive & responsible! Why and how accessibility matters.
ODP
Screendesign und Web-Accessibility
PDF
A11y ist für alle da - auch für Dich!
PDF
Design und Accessibility
PDF
Ecommerce Forum Tequila
Barrierefreie Internet Seiten
Digtale Barrierefreiheit für NGO's
Be truly responsive & responsible! Why and how accessibility matters.
Be truly responsive & responsible! Why and how accessibility matters.
Screendesign und Web-Accessibility
A11y ist für alle da - auch für Dich!
Design und Accessibility
Ecommerce Forum Tequila
Anzeige

Worst and Best Practices in der Barrierefreiheit