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]

Más contenido relacionado

Andere mochten auch

Precursores del Láser
Precursores del LáserPrecursores del Láser
Precursores del Láserguest42f345
 
Talentmagnet- Leistungsträger anziehen- pludoni GmbH
Talentmagnet- Leistungsträger anziehen- pludoni GmbHTalentmagnet- Leistungsträger anziehen- pludoni GmbH
Talentmagnet- Leistungsträger anziehen- pludoni GmbHpludoni GmbH
 
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 sistemasStevendido George
 
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 NetzJörg Reschke
 
Auditoria inf.
Auditoria inf.Auditoria inf.
Auditoria inf.Fer22P
 
Social Media Einführung - 2011
Social Media Einführung - 2011Social Media Einführung - 2011
Social Media Einführung - 2011Jesko Arlt
 
La manifestación del señor
La manifestación del señorLa manifestación del señor
La manifestación del señorteofilo13616
 
Unternehmenskommunikation 2.0 Dialog of interests
Unternehmenskommunikation 2.0 Dialog of interestsUnternehmenskommunikation 2.0 Dialog of interests
Unternehmenskommunikation 2.0 Dialog of interestsKuhn, Kammann & Kuhn GmbH
 
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_gerteissl
 
Sudoku Rätseln mit Maschineller Intelligenz
Sudoku Rätseln mit Maschineller IntelligenzSudoku Rätseln mit Maschineller Intelligenz
Sudoku Rätseln mit Maschineller Intelligenzharaldhiss
 
Teaching vs learning
Teaching vs learningTeaching vs learning
Teaching vs learningpeterpur
 
PP Vivesalud.Perú, Presentación
PP Vivesalud.Perú, PresentaciónPP Vivesalud.Perú, Presentación
PP Vivesalud.Perú, PresentaciónVivesaludPeru
 
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...medienfabrik Gütersloh GmbH
 

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

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.0Sven Jenzer
 
Barrierefreiheit auf wien.at
Barrierefreiheit auf wien.atBarrierefreiheit auf wien.at
Barrierefreiheit auf wien.atThomas Jöchler
 
Barrierefreies Webdesign
Barrierefreies WebdesignBarrierefreies Webdesign
Barrierefreies WebdesignLuka Peters
 
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...Sven Jenzer
 
Barrierefreier Internetauftritt für Kultureinstitutionen
Barrierefreier Internetauftritt für KultureinstitutionenBarrierefreier Internetauftritt für Kultureinstitutionen
Barrierefreier Internetauftritt für Kultureinstitutionenpublicplan GmbH
 
Deutsche Übersetzung der WCAG 2.0
Deutsche Übersetzung der WCAG 2.0Deutsche Übersetzung der WCAG 2.0
Deutsche Übersetzung der WCAG 2.0Tomas Caspers
 
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 BibliothekenChristian Hauschke
 
WCAG 2.0-Vortrag Webtech 2009
WCAG 2.0-Vortrag Webtech 2009WCAG 2.0-Vortrag Webtech 2009
WCAG 2.0-Vortrag Webtech 2009Tomas Caspers
 
Accessibility Evaluation praxisnah
Accessibility Evaluation praxisnahAccessibility Evaluation praxisnah
Accessibility Evaluation praxisnahSven Jenzer
 
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
 
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...Markus Erle
 
Top 10 Internet Trends 2004
Top 10 Internet Trends 2004Top 10 Internet Trends 2004
Top 10 Internet Trends 2004Jürg Stuker
 

Ä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.