SlideShare ist ein Scribd-Unternehmen logo
1 von 17
Einblick in die Barrierefreiheit am Beispiel  der BAD - „ Before and After Demonstration“   Michael Barthofer (@mbar196) am Barcamp Linz (#bclinz), 4.2.2012 Cowboys - CC BY 2.0 Charlie Dave via Flickr
Barrierefreiheit - Accessibility ,[object Object],[object Object]
Für wen? Wie nutzen diese Menschen das Internet? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Blinde BenutzerInnen Screenreader und Braille-Zeile Braile-Zeile - CC BY 2.0  iampeas  via Flickr
Sehbehinderungen ,[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Gehörlose ,[object Object],[object Object],[object Object]
Gesetzliche Vorgabe und  soziale Verpflichtung ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
WCAG 2.0 (Dezember 2008) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
WCAG 2.0 - Prinzipien ,[object Object],[object Object],[object Object],[object Object]
WCAG 2.0 - Richtlinie ,[object Object],[object Object],[object Object]
WCAG 2.0 - Erfolgskriterium ,[object Object],[object Object],[object Object],[object Object]
BAD - Before and After Demonstration ,[object Object],[object Object],[object Object],[object Object]
Schnelltest Barrierefreiheit ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Blue Beanie Day Ein Zeichen für Webstandards und  für Web Accessibility (30. November)
Ich möchte mehr darüber wissen“ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Weitere ähnliche Inhalte

Andere mochten auch

Precursores del Láser
Precursores del LáserPrecursores del Láser
Precursores del Láser
guest42f345
 
Talentmagnet- Leistungsträger anziehen- pludoni GmbH
Talentmagnet- Leistungsträger anziehen- pludoni GmbHTalentmagnet- Leistungsträger anziehen- pludoni GmbH
Talentmagnet- Leistungsträger anziehen- pludoni GmbH
pludoni GmbH
 
Auditoria inf.
Auditoria inf.Auditoria inf.
Auditoria inf.
Fer22P
 
La manifestación del señor
La manifestación del señorLa manifestación del señor
La manifestación del señor
teofilo13616
 
Unaico presentation elg_ppt_approved_2010_ger
Unaico presentation elg_ppt_approved_2010_gerUnaico presentation elg_ppt_approved_2010_ger
Unaico presentation elg_ppt_approved_2010_ger
teissl
 
PP Vivesalud.Perú, Presentación
PP Vivesalud.Perú, PresentaciónPP Vivesalud.Perú, Presentación
PP Vivesalud.Perú, Presentación
VivesaludPeru
 

Andere mochten auch (20)

Precursores del Láser
Precursores del LáserPrecursores del Láser
Precursores del Láser
 
SEO@h_da: Spielehippo
SEO@h_da: SpielehippoSEO@h_da: Spielehippo
SEO@h_da: Spielehippo
 
Plan de negocio
Plan de negocioPlan de negocio
Plan de negocio
 
Talentmagnet- Leistungsträger anziehen- pludoni GmbH
Talentmagnet- Leistungsträger anziehen- pludoni GmbHTalentmagnet- Leistungsträger anziehen- pludoni GmbH
Talentmagnet- Leistungsträger anziehen- pludoni GmbH
 
Hansimglueck
HansimglueckHansimglueck
Hansimglueck
 
Metabolismo del fosforo 2
Metabolismo del fosforo 2Metabolismo del fosforo 2
Metabolismo del fosforo 2
 
Propiedades y características de los sistemas
Propiedades y características de los sistemasPropiedades y características de los sistemas
Propiedades y características de los sistemas
 
10 Erfolgsfaktoren für soziale Kampagnen im Netz
10 Erfolgsfaktoren für soziale Kampagnen im Netz10 Erfolgsfaktoren für soziale Kampagnen im Netz
10 Erfolgsfaktoren für soziale Kampagnen im Netz
 
Google apps (1)
Google apps (1)Google apps (1)
Google apps (1)
 
Auditoria inf.
Auditoria inf.Auditoria inf.
Auditoria inf.
 
Omar martinez
Omar martinezOmar martinez
Omar martinez
 
Social Media Einführung - 2011
Social Media Einführung - 2011Social Media Einführung - 2011
Social Media Einführung - 2011
 
La manifestación del señor
La manifestación del señorLa manifestación del señor
La manifestación del señor
 
Unternehmenskommunikation 2.0 Dialog of interests
Unternehmenskommunikation 2.0 Dialog of interestsUnternehmenskommunikation 2.0 Dialog of interests
Unternehmenskommunikation 2.0 Dialog of interests
 
Unaico presentation elg_ppt_approved_2010_ger
Unaico presentation elg_ppt_approved_2010_gerUnaico presentation elg_ppt_approved_2010_ger
Unaico presentation elg_ppt_approved_2010_ger
 
Sudoku Rätseln mit Maschineller Intelligenz
Sudoku Rätseln mit Maschineller IntelligenzSudoku Rätseln mit Maschineller Intelligenz
Sudoku Rätseln mit Maschineller Intelligenz
 
Teaching vs learning
Teaching vs learningTeaching vs learning
Teaching vs learning
 
PP Vivesalud.Perú, Presentación
PP Vivesalud.Perú, PresentaciónPP Vivesalud.Perú, Presentación
PP Vivesalud.Perú, Presentación
 
Aktualisierte Version: "Social Media: Was Twitter, Facebook & Co. wirklich le...
Aktualisierte Version: "Social Media: Was Twitter, Facebook & Co. wirklich le...Aktualisierte Version: "Social Media: Was Twitter, Facebook & Co. wirklich le...
Aktualisierte Version: "Social Media: Was Twitter, Facebook & Co. wirklich le...
 
Social Media Workshop
Social Media WorkshopSocial Media Workshop
Social Media Workshop
 

Ähnlich wie Einblick in die Barrierefreiheit am Beispiel der BAD - Before and After Demonstration

Barrierefreier Internetauftritt für Kultureinstitutionen
Barrierefreier Internetauftritt für KultureinstitutionenBarrierefreier Internetauftritt für Kultureinstitutionen
Barrierefreier Internetauftritt für Kultureinstitutionen
publicplan GmbH
 
WCAG 2.0-Vortrag Webtech 2009
WCAG 2.0-Vortrag Webtech 2009WCAG 2.0-Vortrag Webtech 2009
WCAG 2.0-Vortrag Webtech 2009
Tomas Caspers
 

Ähnlich wie Einblick in die Barrierefreiheit am Beispiel der BAD - Before and After Demonstration (20)

WCAG 2 - Die Richtlinien für barrierefreie Webinhalte 2.0
WCAG 2 - Die Richtlinien für barrierefreie Webinhalte 2.0WCAG 2 - Die Richtlinien für barrierefreie Webinhalte 2.0
WCAG 2 - Die Richtlinien für barrierefreie Webinhalte 2.0
 
Barrierefreiheit auf wien.at
Barrierefreiheit auf wien.atBarrierefreiheit auf wien.at
Barrierefreiheit auf wien.at
 
Barrierefrei
BarrierefreiBarrierefrei
Barrierefrei
 
Barrierefreies Webdesign
Barrierefreies WebdesignBarrierefreies Webdesign
Barrierefreies Webdesign
 
What about Accessibility of Next Generation User Interfaces for People with D...
What about Accessibility of Next Generation User Interfaces for People with D...What about Accessibility of Next Generation User Interfaces for People with D...
What about Accessibility of Next Generation User Interfaces for People with D...
 
Barrierefreier Internetauftritt für Kultureinstitutionen
Barrierefreier Internetauftritt für KultureinstitutionenBarrierefreier Internetauftritt für Kultureinstitutionen
Barrierefreier Internetauftritt für Kultureinstitutionen
 
Barrierefreie Webseiten
Barrierefreie WebseitenBarrierefreie Webseiten
Barrierefreie Webseiten
 
Barrierefreiheit
BarrierefreiheitBarrierefreiheit
Barrierefreiheit
 
Deutsche Übersetzung der WCAG 2.0
Deutsche Übersetzung der WCAG 2.0Deutsche Übersetzung der WCAG 2.0
Deutsche Übersetzung der WCAG 2.0
 
Web 2.0 in und für Bibliotheken
Web 2.0 in und für BibliothekenWeb 2.0 in und für Bibliotheken
Web 2.0 in und für Bibliotheken
 
WCAG 2.0-Vortrag Webtech 2009
WCAG 2.0-Vortrag Webtech 2009WCAG 2.0-Vortrag Webtech 2009
WCAG 2.0-Vortrag Webtech 2009
 
Accessibility Evaluation praxisnah
Accessibility Evaluation praxisnahAccessibility Evaluation praxisnah
Accessibility Evaluation praxisnah
 
Usability Im Web 2.0
Usability Im Web 2.0Usability Im Web 2.0
Usability Im Web 2.0
 
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
 
Barrierefreie Website planen, entwickeln, unterhalten, testen. Qualitätssiche...
Barrierefreie Website planen, entwickeln, unterhalten, testen. Qualitätssiche...Barrierefreie Website planen, entwickeln, unterhalten, testen. Qualitätssiche...
Barrierefreie Website planen, entwickeln, unterhalten, testen. Qualitätssiche...
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Top 10 Internet Trends 2004
Top 10 Internet Trends 2004Top 10 Internet Trends 2004
Top 10 Internet Trends 2004
 
WCAG für WebDevs
WCAG für WebDevsWCAG für WebDevs
WCAG für WebDevs
 
Web20 Kig
Web20 KigWeb20 Kig
Web20 Kig
 

Einblick in die Barrierefreiheit am Beispiel der BAD - Before and After Demonstration

  • 1. Einblick in die Barrierefreiheit am Beispiel der BAD - „ Before and After Demonstration“ Michael Barthofer (@mbar196) am Barcamp Linz (#bclinz), 4.2.2012 Cowboys - CC BY 2.0 Charlie Dave via Flickr
  • 2.
  • 3.
  • 4. Blinde BenutzerInnen Screenreader und Braille-Zeile Braile-Zeile - CC BY 2.0 iampeas via Flickr
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16. Blue Beanie Day Ein Zeichen für Webstandards und für Web Accessibility (30. November)
  • 17.

Hinweis der Redaktion

  1. Wahrnehmbar: Textalternativen, Alternativen für zeitbasierte Medien, Inhalte in verschiedener Form darstellbar, Inhalte leicht zu sehen/zu hören Bedienbar: Tastaturbedienbarkeit, ausreichend Zeit zum Lesen, Inhalte führen nicht zu Anfällen, Mittel zur Navigation und Orientierung Verständlich: Textinhalte lesbar und verstehbar, Webseiten funktionieren vorhersehbar, Fehler vermeiden und korrigieren, Robust: Kompatibilität mit aktuellen und zukünftigen Benutzeragenten und assistierende Technologien.
  2. Wahrnehmbar: Textalternativen, Alternativen für zeitbasierte Medien, Inhalte in verschiedener Form darstellbar, Inhalte leicht zu sehen/zu hören Bedienbar: Tastaturbedienbarkeit, ausreichend Zeit zum Lesen, Inhalte führen nicht zu Anfällen, Mittel zur Navigation und Orientierung Verständlich: Textinhalte lesbar und verstehbar, Webseiten funktionieren vorhersehbar, Fehler vermeiden und korrigieren, Robust: Kompatibilität mit aktuellen und zukünftigen Benutzeragenten und assistierende Technologien.
  3. Wahrnehmbar: Textalternativen, Alternativen für zeitbasierte Medien, Inhalte in verschiedener Form darstellbar, Inhalte leicht zu sehen/zu hören Bedienbar: Tastaturbedienbarkeit, ausreichend Zeit zum Lesen, Inhalte führen nicht zu Anfällen, Mittel zur Navigation und Orientierung Verständlich: Textinhalte lesbar und verstehbar, Webseiten funktionieren vorhersehbar, Fehler vermeiden und korrigieren, Robust: Kompatibilität mit aktuellen und zukünftigen Benutzeragenten und assistierende Technologien.