SlideShare a Scribd company logo
1 of 41
Download to read offline
Best and Worst Practice In der Barrierefreiheit Kerstin Probiesch
Kurz die Vita ,[object Object],[object Object],[object Object],[object Object],[object Object]
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 ,[object Object]
Informationen nicht nur über Farbe oder sensorische Eigenschaften vermitteln ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
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! ,[object Object],[object Object],[object Object],[object Object],[object Object]
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 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

More Related Content

Viewers also liked

C:\fakepath\papiroflexia
C:\fakepath\papiroflexiaC:\fakepath\papiroflexia
C:\fakepath\papiroflexiaevaarroyo
 
proyecto de matemáticas-proporcionalidad
proyecto de matemáticas-proporcionalidad proyecto de matemáticas-proporcionalidad
proyecto de matemáticas-proporcionalidad Frida
 
Egonon Tools Screenshots
Egonon Tools ScreenshotsEgonon Tools Screenshots
Egonon Tools ScreenshotsSergej
 
Metodologia Aprendizaje
Metodologia AprendizajeMetodologia Aprendizaje
Metodologia Aprendizajeaqui no fue
 
Mia ist an der hisar schule
Mia ist an der hisar schuleMia ist an der hisar schule
Mia ist an der hisar schulehisarschool
 
PRESENTATION DES KITS
PRESENTATION DES KITSPRESENTATION DES KITS
PRESENTATION DES KITSjmfer
 
Senaaaaa resumenn primera lectura[1]
Senaaaaa resumenn primera lectura[1]Senaaaaa resumenn primera lectura[1]
Senaaaaa resumenn primera lectura[1]valeria
 
EWS, ultimate Content-Management für Web 2.0 und Web 3.0
EWS, ultimate Content-Management für Web 2.0 und Web 3.0EWS, ultimate Content-Management für Web 2.0 und Web 3.0
EWS, ultimate Content-Management für Web 2.0 und Web 3.0Falk Wolsky
 

Viewers also liked (19)

C:\fakepath\papiroflexia
C:\fakepath\papiroflexiaC:\fakepath\papiroflexia
C:\fakepath\papiroflexia
 
Bonos VicPlanet
Bonos VicPlanetBonos VicPlanet
Bonos VicPlanet
 
Presentation Lycee Theorique "Ion Luca"
Presentation Lycee Theorique "Ion Luca"Presentation Lycee Theorique "Ion Luca"
Presentation Lycee Theorique "Ion Luca"
 
Enlace Ciudadano Nro 279 tema: evolucion delitos flagrantes
Enlace Ciudadano Nro 279 tema: evolucion delitos flagrantesEnlace Ciudadano Nro 279 tema: evolucion delitos flagrantes
Enlace Ciudadano Nro 279 tema: evolucion delitos flagrantes
 
proyecto de matemáticas-proporcionalidad
proyecto de matemáticas-proporcionalidad proyecto de matemáticas-proporcionalidad
proyecto de matemáticas-proporcionalidad
 
Egonon Tools Screenshots
Egonon Tools ScreenshotsEgonon Tools Screenshots
Egonon Tools Screenshots
 
Metodologia Aprendizaje
Metodologia AprendizajeMetodologia Aprendizaje
Metodologia Aprendizaje
 
Mia ist an der hisar schule
Mia ist an der hisar schuleMia ist an der hisar schule
Mia ist an der hisar schule
 
Enlace Ciudadano Nro. 294 - Desarrollo petrolero del suroriente
Enlace Ciudadano Nro. 294 - Desarrollo petrolero del surorienteEnlace Ciudadano Nro. 294 - Desarrollo petrolero del suroriente
Enlace Ciudadano Nro. 294 - Desarrollo petrolero del suroriente
 
PRESENTATION DES KITS
PRESENTATION DES KITSPRESENTATION DES KITS
PRESENTATION DES KITS
 
Libro1
Libro1Libro1
Libro1
 
Senaaaaa resumenn primera lectura[1]
Senaaaaa resumenn primera lectura[1]Senaaaaa resumenn primera lectura[1]
Senaaaaa resumenn primera lectura[1]
 
Partenariat soignant inter-équipes entre 2 départements
Partenariat soignant inter-équipes entre 2 départementsPartenariat soignant inter-équipes entre 2 départements
Partenariat soignant inter-équipes entre 2 départements
 
Europa_Konsumbarometer2010 exec_summary
Europa_Konsumbarometer2010 exec_summaryEuropa_Konsumbarometer2010 exec_summary
Europa_Konsumbarometer2010 exec_summary
 
Satfinder
SatfinderSatfinder
Satfinder
 
Presentación Comparte Joven
Presentación Comparte JovenPresentación Comparte Joven
Presentación Comparte Joven
 
Webquest
WebquestWebquest
Webquest
 
Liderazgo
LiderazgoLiderazgo
Liderazgo
 
EWS, ultimate Content-Management für Web 2.0 und Web 3.0
EWS, ultimate Content-Management für Web 2.0 und Web 3.0EWS, ultimate Content-Management für Web 2.0 und Web 3.0
EWS, ultimate Content-Management für Web 2.0 und Web 3.0
 

Similar to Worst and Best Practices in der Barrierefreiheit

Barrierefreie Internet Seiten
Barrierefreie Internet SeitenBarrierefreie Internet Seiten
Barrierefreie Internet SeitenWolfgang Wiese
 
Digtale Barrierefreiheit für NGO's
Digtale Barrierefreiheit für NGO'sDigtale Barrierefreiheit für NGO's
Digtale Barrierefreiheit für NGO'sMaja Benke
 
Be truly responsive & responsible! Why and how accessibility matters.
Be truly responsive & responsible! Why and how accessibility matters. Be truly responsive & responsible! Why and how accessibility matters.
Be truly responsive & responsible! Why and how accessibility matters. Zensations GmbH
 
Be truly responsive & responsible! Why and how accessibility matters.
Be truly responsive & responsible! Why and how accessibility matters.Be truly responsive & responsible! Why and how accessibility matters.
Be truly responsive & responsible! Why and how accessibility matters.Sindre Wimberger
 
Screendesign und Web-Accessibility
Screendesign und Web-AccessibilityScreendesign und Web-Accessibility
Screendesign und Web-AccessibilityMaria Putzhuber
 
A11y ist für alle da - auch für Dich!
A11y ist für alle da - auch für Dich!A11y ist für alle da - auch für Dich!
A11y ist für alle da - auch für Dich!NilsChr
 
Design und Accessibility
Design und AccessibilityDesign und Accessibility
Design und AccessibilityZensations GmbH
 
Ecommerce Forum Tequila
Ecommerce Forum TequilaEcommerce Forum Tequila
Ecommerce Forum Tequilaguest68c80e
 

Similar to Worst and Best Practices in der Barrierefreiheit (8)

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

Worst and Best Practices in der Barrierefreiheit