SlideShare ist ein Scribd-Unternehmen logo
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]

Weitere ähnliche Inhalte

Andere mochten auch

C:\fakepath\papiroflexia
C:\fakepath\papiroflexiaC:\fakepath\papiroflexia
C:\fakepath\papiroflexia
evaarroyo
 
Bonos VicPlanet
Bonos VicPlanetBonos VicPlanet
Bonos VicPlanet
guestffdc64c
 
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
Presidencia de la República del Ecuador
 
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 Screenshots
Sergej
 
Metodologia Aprendizaje
Metodologia AprendizajeMetodologia Aprendizaje
Metodologia Aprendizaje
aqui 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
 
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
Presidencia de la República del Ecuador
 
PRESENTATION DES KITS
PRESENTATION DES KITSPRESENTATION DES KITS
PRESENTATION DES KITS
jmfer
 
Libro1
Libro1Libro1
Libro1
guestb663cc
 
Senaaaaa resumenn primera lectura[1]
Senaaaaa resumenn primera lectura[1]Senaaaaa resumenn primera lectura[1]
Senaaaaa resumenn primera lectura[1]
valeria
 
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
Hopitaux Universitaires de Genève
 
Europa_Konsumbarometer2010 exec_summary
Europa_Konsumbarometer2010 exec_summaryEuropa_Konsumbarometer2010 exec_summary
Europa_Konsumbarometer2010 exec_summary
Vitamin B - PR im Dialog®
 
Presentación Comparte Joven
Presentación Comparte JovenPresentación Comparte Joven
Presentación Comparte Joven
Fundación Merced Coahuila
 
Webquest
WebquestWebquest
Liderazgo
LiderazgoLiderazgo
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
Falk Wolsky
 

Andere mochten auch (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
 

Ähnlich wie Worst and Best Practices in der Barrierefreiheit

Barrierefreie Internet Seiten
Barrierefreie Internet SeitenBarrierefreie Internet Seiten
Barrierefreie Internet Seiten
Wolfgang Wiese
 
Digtale Barrierefreiheit für NGO's
Digtale Barrierefreiheit für NGO'sDigtale Barrierefreiheit für NGO's
Digtale Barrierefreiheit für NGO's
Maja 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-Accessibility
Maria 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 Accessibility
Zensations GmbH
 
Ecommerce Forum Tequila
Ecommerce Forum TequilaEcommerce Forum Tequila
Ecommerce Forum Tequilaguest68c80e
 

Ähnlich wie 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