SlideShare ist ein Scribd-Unternehmen logo
1 von 25
Barrierefrei  -geht uns am Arsch vorbei ?!,[object Object],http://liechtenecker.at,[object Object]
Barrierefreies Internet,[object Object],Eine barrierefreie Webseite sollte so gestaltet sein, dass der Inhalt gut strukturiert aufgebaut ist, so dass für jeden und alle Zugänglichkeit besteht. ,[object Object],Ist das nicht der Fall, kann man sogar soweit gehen, dass solche Barrieren im Web eine Diskriminierung bedeuten.,[object Object]
Diskriminierung?!,[object Object],Behindertengleichstellungsgesetz,[object Object],> 01.01.2006 „.. Informationsverarbeitung sowie andere gestaltete Lebensbereiche, wenn sie für Menschen mit Behinderungen in der allgemein üblichen Weise, ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe zugänglich und nutzbar sind.“,[object Object],E-Government-Gesetz – E-GovG,[object Object],> 01.01.2008 "..ist Vorsorge dafür zu treffen, dass behördliche Internetauftritte so gestaltet sind, dass internationale Standards über die Web-Zugänglichkeit auch hinsichtlich des barrierefreien Zugangs für behinderte Menschen eingehalten werden",[object Object]
Diskriminierung?!,[object Object],Bundesverfassungsgesetz,[object Object],> 1994 “Niemand darf wegen seiner Behinderung benachteiligt werden. Die Republik (Bund, Länder und Gemeinden) bekennt sich dazu, die Gleichbehandlung von behinderten und nichtbehinderten Menschen in allen Bereichen des täglichen Lebens zu gewährleisten.“,[object Object],Urheberrechtsgesetz,[object Object],> 2001 “..Benutzung eines erschienenen Werkes durch Vervielfältigung für an behinderte Personen in einer für sie geeigneten Form, soweit ihnen wegen ihrer Behinderung der Zugang zum Werk durch sinnliche Wahrnehmung eines erschienenen Werkstücks nicht möglich oder erheblich erschwert ist.“,[object Object]
Diskriminierung?!,[object Object],Zustellgesetz,[object Object],> 01.03.2004 „Die von einem Zustelldienst … zu erbringenden Leistungen sind so zu gestalten, dass nach dem jeweiligen Stand der Technik der barrierefreie Zugang zu diesen Dienstleistungen für behinderte Menschen gewährleistet ist.”,[object Object],Zusammengefasst gelten die Gesetze für kommerzielle Webseitenangebote.,[object Object]
Grundlage,[object Object],WCAG 1.0 (seit Dezember 2008 WCAG 2.0),[object Object],Die Web Content AccessibilityGuidelines(WCAG) sind eine Empfehlung der Web Accessibility Initiative (WAI) des World Wide Web Consortium (W3C) zur barrierefreien Gestaltung aller Inhalte von Webseiten. ,[object Object]
Behinderungen,[object Object],Wer ist behindert? Ab wann ist ein Mensch behindert? ,[object Object],Das Bundes-Behindertengleichstellungsgesetz definiert Behinderung in § 3 folgendermaßen: „Behinderung im Sinne dieses Bundesgesetzes ist die Auswirkung einer nicht nur vorübergehenden körperlichen, geistigen oder psychischen Funktionsbeeinträchtigung oder Beeinträchtigung der Sinnesfunktionen, die geeignet ist, die Teilhabe am Leben in der Gesellschaft zu erschweren. Als nicht nur vorübergehend gilt ein Zeitraum von mehr als voraussichtlich sechs Monaten.“,[object Object]
Behinderungen,[object Object],Arten von Behinderung,[object Object],Sehbehinderungen: Star, Makula-Degeneration, Farbblindheiten, Netzhautablösungen, Blindheit ,[object Object],Körperliche Behinderungen: Schädigung d.zentralen Nervensystems, Einschränkung Wirbelsäule, motorische Störungen, Spastizität,[object Object],Geistige Behinderungen: Epilepsie, Dyslexie (Leseschwäche), neurale Störungen (grelle Farben), Lernbehinderungen, Ablenkbarkeit,[object Object],Sprachliche Behinderungen: Autismus, Taubstumm,[object Object],Hörschäden: Schwerhörigkeit, Spätertaubung, Gehörlosigkeit,[object Object]
Behinderungen,[object Object],10 % der  Bevölkerung,[object Object],In Österreich ca 60.000 eingeschränkte Internetuser,[object Object]
WCAG,[object Object],WCAG 1.0 seit Mai 1999 Empfehlungsstatus,[object Object],WCAG 2.0 (mehr als 9 Jahre Beratung)11. Dezember 2008 veröffentlicht,[object Object],-> Setzt mehr auf HTML und CSS / Frontend,[object Object],Offene Diskussion - Kommentare,[object Object],4 Grundstätze:Wahrnehmbar, Nutzbar, Verständlich, Robust,[object Object]
Surfverhalten,[object Object],Das etwas andere Surfverhalten,[object Object],Mauslos, Screenreader, Brailletastatur, Userstylesheet, Zoomsoftware, Brailledrucker,[object Object]
WCAG 2.0 – Level A,AA,AAA,[object Object],Level A,[object Object],Strukturelle Navigation,[object Object],Überschriftenhierarchie,[object Object],Skiplinks,[object Object],Konsistentes Navigationskonzept,[object Object],Semantisches Markup,[object Object],Webstandardkonform: Listen, Datentabellen, Formulare,[object Object]
WCAG 2.0 – Level A,AA,AAA,[object Object],Level A,[object Object],Accesskeys (Vorsicht!),[object Object],Sinnvolle lineare Anordnung der Inhalte,[object Object],Audio und Video mit Untertitel, Video mit Spracherklärung,[object Object],Switch für 2. Webseitenversion,[object Object]
WCAG 2.0 – Level A,AA,AAA,[object Object],Level AA,[object Object],Sitemap,[object Object],Suchfunktion (Label),[object Object],Ankerpunkte (Inhalt) am Beginn eines längeren Contents,[object Object],Switch für 2. Webseitenversion,[object Object],Kontraste (Kontrastregler),[object Object],Schriftvergrösserung,[object Object]
WCAG 2.0 – Level A,AA,AAA,[object Object],Level AA,[object Object],Button für Ausschalten der Textgrafiken,[object Object],Suchfunktion (Label),[object Object],Valide Formulare,[object Object]
WCAG 2.0 – Level A,AA,AAA,[object Object],Level AAA,[object Object],Gebärdenvideos - Zeichensprache,[object Object],Breadcrumbs,[object Object],Container prozentuell skalierbar,[object Object],Link auf Home (Logo od. Header),[object Object],Videos mit kompletter Audiobeschreibung,[object Object],Leichte Sprache – barrierefrei Texten,[object Object]
WCAG 2.0 – Level A,AA,AAA,[object Object],Level AAA,[object Object],Skalierbare Formularelemente,[object Object],Summary ,[object Object],Akronyme und Abkürzungen im Source ausgezeichnet,[object Object],Seitenhilfe und/oder Glossar,[object Object],Color Switcher / Alternative Version,[object Object]
Was jetzt?,[object Object],WCAG – eine Empfehlung ? Gesetz?,[object Object]
Pragmatisch = Praktisch,[object Object],WCAG – eine Empfehlung ? Gesetz?,[object Object],Es gibt Schlichtungsverfahren in Österreich:- derstandard.at, orf.at, easybank.com, oeticket.at, etc..,[object Object],Pragmatische Lösungen sind gefragt,[object Object],Tatsächliche Zugänglichkeitsproblemebetroffene Personen,[object Object],Verfahren überwiegend zugunsten der Kläger,[object Object]
Reality Check,[object Object],Vor dem Webprojekt ist nach dem Webprojekt,[object Object],Barrierefreie Thematiken einplanen,[object Object],Betroffene Personen einbeziehen,[object Object],Status. Fortschritt veröffentlichen,[object Object],Umsetzung 1:1 WCAG nicht möglich,[object Object],WCAG zu technisch, zu trocken,[object Object]
Thesen,[object Object]
Thesen,[object Object],Typische Aussagen,[object Object],„Wo kein Richter, da kein Kläger“,[object Object],„Gebärdensprache wenn Text?“,[object Object],„Kostet zuviel Geld“,[object Object],„Keine Zeit, Keine Ressourcen“,[object Object],„Die Techniken und Möglichkeiten der Behinderten sind nicht genug fortgeschritten“,[object Object]
Prioritäten setzen,[object Object],Die wichtigsten Bestandteile,[object Object],Semantisches Markup,[object Object],Headline Hierarchie,[object Object],Skiplinks,[object Object],Korrekte Datentabellen,[object Object],Korrekte  Formularelemente,[object Object],Navigationsstruktur,[object Object],Suche und Sitemap,[object Object]
Vorteile,[object Object],Barrierefreie Webangebote kommen jeden zugute,[object Object],Suchmaschinen sind blind,[object Object],Erhöht Usability,[object Object],Silver Surfer,[object Object],Sauberes Frontend,[object Object],Skalierbarkeit / Wartbarkeit,[object Object],Wirschaftlich: Usererweiterung um 10%,[object Object]
http://liechtenecker.at,[object Object],office@liechtenecker.at,[object Object],Twitter: @liechteneckerFacebook: http://facebook.com/liechtenecker,[object Object],Flickr: http://flickr.com/liechtenecker,[object Object],Liechtenecker,[object Object]

Más contenido relacionado

Andere mochten auch

Andere mochten auch (15)

The dark side of the MOOC
The dark side of the MOOCThe dark side of the MOOC
The dark side of the MOOC
 
Hochschuldidaktik im Zeichen von Heterogenität und Vielfalt
Hochschuldidaktik im Zeichen  von Heterogenität und VielfaltHochschuldidaktik im Zeichen  von Heterogenität und Vielfalt
Hochschuldidaktik im Zeichen von Heterogenität und Vielfalt
 
Inklusive Bildung
Inklusive BildungInklusive Bildung
Inklusive Bildung
 
Podium Schule 1.11 - Thema Individuelle Förderung
Podium Schule 1.11 - Thema Individuelle FörderungPodium Schule 1.11 - Thema Individuelle Förderung
Podium Schule 1.11 - Thema Individuelle Förderung
 
Professor Dr. Kai Maaz: Chancengleichheit im deutschen Bildungssystem. Realit...
Professor Dr. Kai Maaz: Chancengleichheit im deutschen Bildungssystem. Realit...Professor Dr. Kai Maaz: Chancengleichheit im deutschen Bildungssystem. Realit...
Professor Dr. Kai Maaz: Chancengleichheit im deutschen Bildungssystem. Realit...
 
Prof. Dr. Kai Maaz: Bildung als Herausforderung. Wohin steuert das deutsche B...
Prof. Dr. Kai Maaz: Bildung als Herausforderung. Wohin steuert das deutsche B...Prof. Dr. Kai Maaz: Bildung als Herausforderung. Wohin steuert das deutsche B...
Prof. Dr. Kai Maaz: Bildung als Herausforderung. Wohin steuert das deutsche B...
 
Die schule in deutschland
Die schule in deutschlandDie schule in deutschland
Die schule in deutschland
 
Aus den Erfahrungen Großbritanniens lernen? - eine Bestandsaufnahme
Aus den Erfahrungen Großbritanniens lernen? - eine BestandsaufnahmeAus den Erfahrungen Großbritanniens lernen? - eine Bestandsaufnahme
Aus den Erfahrungen Großbritanniens lernen? - eine Bestandsaufnahme
 
Lebensmittel DaF
Lebensmittel DaFLebensmittel DaF
Lebensmittel DaF
 
iMedia10
iMedia10iMedia10
iMedia10
 
Migration
Migration Migration
Migration
 
Manifest für Schule 2.0 (V1.4)
Manifest für Schule 2.0 (V1.4)Manifest für Schule 2.0 (V1.4)
Manifest für Schule 2.0 (V1.4)
 
PräS 6 7 Okt 2009
PräS 6 7 Okt 2009PräS 6 7 Okt 2009
PräS 6 7 Okt 2009
 
International Migration Outlook 2015
International Migration Outlook 2015International Migration Outlook 2015
International Migration Outlook 2015
 
Schule Im Wandel Der Zeit
Schule Im Wandel Der ZeitSchule Im Wandel Der Zeit
Schule Im Wandel Der Zeit
 

Ähnlich wie Barrierefrei

Barrierefreiheit auf wien.at
Barrierefreiheit auf wien.atBarrierefreiheit auf wien.at
Barrierefreiheit auf wien.atThomas Jöchler
 
Barrierefreier Internetauftritt für Kultureinstitutionen
Barrierefreier Internetauftritt für KultureinstitutionenBarrierefreier Internetauftritt für Kultureinstitutionen
Barrierefreier Internetauftritt für Kultureinstitutionenpublicplan GmbH
 
Einblick in die Barrierefreiheit am Beispiel der BAD - Before and After Demon...
Einblick in die Barrierefreiheit am Beispiel der BAD - Before and After Demon...Einblick in die Barrierefreiheit am Beispiel der BAD - Before and After Demon...
Einblick in die Barrierefreiheit am Beispiel der BAD - Before and After Demon...mbar196
 
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
 
Der Weg zur Barrierefreien Webseite
Der Weg zur Barrierefreien WebseiteDer Weg zur Barrierefreien Webseite
Der Weg zur Barrierefreien WebseiteEric Eggert
 
Einführung Barrierefreiheit Berufsschule
Einführung Barrierefreiheit BerufsschuleEinführung Barrierefreiheit Berufsschule
Einführung Barrierefreiheit Berufsschulehalfman.halfpixel
 
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
 
1&1 Frontend Workshop
1&1 Frontend Workshop1&1 Frontend Workshop
1&1 Frontend WorkshopNico Steiner
 
Barrierefreies Webdesign
Barrierefreies WebdesignBarrierefreies Webdesign
Barrierefreies WebdesignLuka Peters
 
Barrierefreie, Java-Script gestützte Webapplikationen im praxisnahen Umfeld
Barrierefreie, Java-Script gestützte Webapplikationen im praxisnahen UmfeldBarrierefreie, Java-Script gestützte Webapplikationen im praxisnahen Umfeld
Barrierefreie, Java-Script gestützte Webapplikationen im praxisnahen Umfeldfelixnagel
 
Barrierefreiheit
BarrierefreiheitBarrierefreiheit
Barrierefreiheithdm08
 
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
 

Ähnlich wie Barrierefrei (18)

Barrierefreiheit auf wien.at
Barrierefreiheit auf wien.atBarrierefreiheit auf wien.at
Barrierefreiheit auf wien.at
 
Barrierefreier Internetauftritt für Kultureinstitutionen
Barrierefreier Internetauftritt für KultureinstitutionenBarrierefreier Internetauftritt für Kultureinstitutionen
Barrierefreier Internetauftritt für Kultureinstitutionen
 
Einblick in die Barrierefreiheit am Beispiel der BAD - Before and After Demon...
Einblick in die Barrierefreiheit am Beispiel der BAD - Before and After Demon...Einblick in die Barrierefreiheit am Beispiel der BAD - Before and After Demon...
Einblick in die Barrierefreiheit am Beispiel der BAD - Before and After Demon...
 
Barrierefreie Webseiten
Barrierefreie WebseitenBarrierefreie Webseiten
Barrierefreie Webseiten
 
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
 
Der Weg zur Barrierefreien Webseite
Der Weg zur Barrierefreien WebseiteDer Weg zur Barrierefreien Webseite
Der Weg zur Barrierefreien Webseite
 
Barrierefreiheit
BarrierefreiheitBarrierefreiheit
Barrierefreiheit
 
Einführung Barrierefreiheit Berufsschule
Einführung Barrierefreiheit BerufsschuleEinführung Barrierefreiheit Berufsschule
Einführung Barrierefreiheit Berufsschule
 
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
 
1&1 Frontend Workshop
1&1 Frontend Workshop1&1 Frontend Workshop
1&1 Frontend Workshop
 
Barrierefreies Webdesign
Barrierefreies WebdesignBarrierefreies Webdesign
Barrierefreies Webdesign
 
WCAG für WebDevs
WCAG für WebDevsWCAG für WebDevs
WCAG für WebDevs
 
Barrierefreie, Java-Script gestützte Webapplikationen im praxisnahen Umfeld
Barrierefreie, Java-Script gestützte Webapplikationen im praxisnahen UmfeldBarrierefreie, Java-Script gestützte Webapplikationen im praxisnahen Umfeld
Barrierefreie, Java-Script gestützte Webapplikationen im praxisnahen Umfeld
 
Barrierefreiheit
BarrierefreiheitBarrierefreiheit
Barrierefreiheit
 
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...
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 

Barrierefrei

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.