Barrierefrei  -geht uns am Arsch vorbei ?!<br />http://liechtenecker.at<br />
Barrierefreies Internet<br />Eine barrierefreie Webseite sollte so gestaltet sein, dass der Inhalt gut strukturiert aufgeb...
Diskriminierung?!<br />Behindertengleichstellungsgesetz<br />&gt; 01.01.2006 „.. Informationsverarbeitung sowie andere ges...
Diskriminierung?!<br />Bundesverfassungsgesetz<br />&gt; 1994 “Niemand darf wegen seiner Behinderung benachteiligt werden....
Diskriminierung?!<br />Zustellgesetz<br />&gt; 01.03.2004 „Die von einem Zustelldienst … zu erbringenden Leistungen sind s...
Grundlage<br />WCAG 1.0 (seit Dezember 2008 WCAG 2.0)<br />Die Web Content AccessibilityGuidelines(WCAG) sind eine Empfehl...
Behinderungen<br />Wer ist behindert? Ab wann ist ein Mensch behindert? <br />Das Bundes-Behindertengleichstellungsgesetz ...
Behinderungen<br />Arten von Behinderung<br />Sehbehinderungen: Star, Makula-Degeneration, Farbblindheiten, Netzhautablösu...
Behinderungen<br />10 % der  Bevölkerung<br />In Österreich ca 60.000 eingeschränkte Internetuser<br />
WCAG<br />WCAG 1.0 seit Mai 1999 Empfehlungsstatus<br />WCAG 2.0 (mehr als 9 Jahre Beratung)11. Dezember 2008 veröffentlic...
Surfverhalten<br />Das etwas andere Surfverhalten<br />Mauslos, Screenreader, Brailletastatur, Userstylesheet, Zoomsoftwar...
WCAG 2.0 – Level A,AA,AAA<br />Level A<br />Strukturelle Navigation<br />Überschriftenhierarchie<br />Skiplinks<br />Konsi...
WCAG 2.0 – Level A,AA,AAA<br />Level A<br />Accesskeys (Vorsicht!)<br />Sinnvolle lineare Anordnung der Inhalte<br />Audio...
WCAG 2.0 – Level A,AA,AAA<br />Level AA<br />Sitemap<br />Suchfunktion (Label)<br />Ankerpunkte (Inhalt) am Beginn eines l...
WCAG 2.0 – Level A,AA,AAA<br />Level AA<br />Button für Ausschalten der Textgrafiken<br />Suchfunktion (Label)<br />Valide...
WCAG 2.0 – Level A,AA,AAA<br />Level AAA<br />Gebärdenvideos - Zeichensprache<br />Breadcrumbs<br />Container prozentuell ...
WCAG 2.0 – Level A,AA,AAA<br />Level AAA<br />Skalierbare Formularelemente<br />Summary <br />Akronyme und Abkürzungen im ...
Was jetzt?<br />WCAG – eine Empfehlung ? Gesetz?<br />
Pragmatisch = Praktisch<br />WCAG – eine Empfehlung ? Gesetz?<br />Es gibt Schlichtungsverfahren in Österreich:- derstanda...
Reality Check<br />Vor dem Webprojekt ist nach dem Webprojekt<br />Barrierefreie Thematiken einplanen<br />Betroffene Pers...
Thesen<br />
Thesen<br />Typische Aussagen<br />„Wo kein Richter, da kein Kläger“<br />„Gebärdensprache wenn Text?“<br />„Kostet zuviel...
Prioritäten setzen<br />Die wichtigsten Bestandteile<br />Semantisches Markup<br />Headline Hierarchie<br />Skiplinks<br /...
Vorteile<br />Barrierefreie Webangebote kommen jeden zugute<br />Suchmaschinen sind blind<br />Erhöht Usability<br />Silve...
http://liechtenecker.at<br />office@liechtenecker.at<br />Twitter: @liechteneckerFacebook: http://facebook.com/liechteneck...
Upcoming SlideShare
Loading in...5
×

Barrierefrei

1,615

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,615
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Barrierefrei

  1. 1. Barrierefrei -geht uns am Arsch vorbei ?!<br />http://liechtenecker.at<br />
  2. 2. Barrierefreies Internet<br />Eine barrierefreie Webseite sollte so gestaltet sein, dass der Inhalt gut strukturiert aufgebaut ist, so dass für jeden und alle Zugänglichkeit besteht. <br />Ist das nicht der Fall, kann man sogar soweit gehen, dass solche Barrieren im Web eine Diskriminierung bedeuten.<br />
  3. 3. Diskriminierung?!<br />Behindertengleichstellungsgesetz<br />&gt; 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.“<br />E-Government-Gesetz – E-GovG<br />&gt; 01.01.2008 &quot;..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&quot;<br />
  4. 4. Diskriminierung?!<br />Bundesverfassungsgesetz<br />&gt; 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.“<br />Urheberrechtsgesetz<br />&gt; 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.“<br />
  5. 5. Diskriminierung?!<br />Zustellgesetz<br />&gt; 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.”<br />Zusammengefasst gelten die Gesetze für kommerzielle Webseitenangebote.<br />
  6. 6. Grundlage<br />WCAG 1.0 (seit Dezember 2008 WCAG 2.0)<br />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. <br />
  7. 7. Behinderungen<br />Wer ist behindert? Ab wann ist ein Mensch behindert? <br />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.“<br />
  8. 8. Behinderungen<br />Arten von Behinderung<br />Sehbehinderungen: Star, Makula-Degeneration, Farbblindheiten, Netzhautablösungen, Blindheit <br />Körperliche Behinderungen: Schädigung d.zentralen Nervensystems, Einschränkung Wirbelsäule, motorische Störungen, Spastizität<br />Geistige Behinderungen: Epilepsie, Dyslexie (Leseschwäche), neurale Störungen (grelle Farben), Lernbehinderungen, Ablenkbarkeit<br />Sprachliche Behinderungen: Autismus, Taubstumm<br />Hörschäden: Schwerhörigkeit, Spätertaubung, Gehörlosigkeit<br />
  9. 9. Behinderungen<br />10 % der Bevölkerung<br />In Österreich ca 60.000 eingeschränkte Internetuser<br />
  10. 10. WCAG<br />WCAG 1.0 seit Mai 1999 Empfehlungsstatus<br />WCAG 2.0 (mehr als 9 Jahre Beratung)11. Dezember 2008 veröffentlicht<br />-&gt; Setzt mehr auf HTML und CSS / Frontend<br />Offene Diskussion - Kommentare<br />4 Grundstätze:Wahrnehmbar, Nutzbar, Verständlich, Robust<br />
  11. 11. Surfverhalten<br />Das etwas andere Surfverhalten<br />Mauslos, Screenreader, Brailletastatur, Userstylesheet, Zoomsoftware, Brailledrucker<br />
  12. 12. WCAG 2.0 – Level A,AA,AAA<br />Level A<br />Strukturelle Navigation<br />Überschriftenhierarchie<br />Skiplinks<br />Konsistentes Navigationskonzept<br />Semantisches Markup<br />Webstandardkonform: Listen, Datentabellen, Formulare<br />
  13. 13. WCAG 2.0 – Level A,AA,AAA<br />Level A<br />Accesskeys (Vorsicht!)<br />Sinnvolle lineare Anordnung der Inhalte<br />Audio und Video mit Untertitel, Video mit Spracherklärung<br />Switch für 2. Webseitenversion<br />
  14. 14. WCAG 2.0 – Level A,AA,AAA<br />Level AA<br />Sitemap<br />Suchfunktion (Label)<br />Ankerpunkte (Inhalt) am Beginn eines längeren Contents<br />Switch für 2. Webseitenversion<br />Kontraste (Kontrastregler)<br />Schriftvergrösserung<br />
  15. 15. WCAG 2.0 – Level A,AA,AAA<br />Level AA<br />Button für Ausschalten der Textgrafiken<br />Suchfunktion (Label)<br />Valide Formulare<br />
  16. 16. WCAG 2.0 – Level A,AA,AAA<br />Level AAA<br />Gebärdenvideos - Zeichensprache<br />Breadcrumbs<br />Container prozentuell skalierbar<br />Link auf Home (Logo od. Header)<br />Videos mit kompletter Audiobeschreibung<br />Leichte Sprache – barrierefrei Texten<br />
  17. 17. WCAG 2.0 – Level A,AA,AAA<br />Level AAA<br />Skalierbare Formularelemente<br />Summary <br />Akronyme und Abkürzungen im Source ausgezeichnet<br />Seitenhilfe und/oder Glossar<br />Color Switcher / Alternative Version<br />
  18. 18. Was jetzt?<br />WCAG – eine Empfehlung ? Gesetz?<br />
  19. 19. Pragmatisch = Praktisch<br />WCAG – eine Empfehlung ? Gesetz?<br />Es gibt Schlichtungsverfahren in Österreich:- derstandard.at, orf.at, easybank.com, oeticket.at, etc..<br />Pragmatische Lösungen sind gefragt<br />Tatsächliche Zugänglichkeitsproblemebetroffene Personen<br />Verfahren überwiegend zugunsten der Kläger<br />
  20. 20. Reality Check<br />Vor dem Webprojekt ist nach dem Webprojekt<br />Barrierefreie Thematiken einplanen<br />Betroffene Personen einbeziehen<br />Status. Fortschritt veröffentlichen<br />Umsetzung 1:1 WCAG nicht möglich<br />WCAG zu technisch, zu trocken<br />
  21. 21. Thesen<br />
  22. 22. Thesen<br />Typische Aussagen<br />„Wo kein Richter, da kein Kläger“<br />„Gebärdensprache wenn Text?“<br />„Kostet zuviel Geld“<br />„Keine Zeit, Keine Ressourcen“<br />„Die Techniken und Möglichkeiten der Behinderten sind nicht genug fortgeschritten“<br />
  23. 23. Prioritäten setzen<br />Die wichtigsten Bestandteile<br />Semantisches Markup<br />Headline Hierarchie<br />Skiplinks<br />Korrekte Datentabellen<br />Korrekte Formularelemente<br />Navigationsstruktur<br />Suche und Sitemap<br />
  24. 24. Vorteile<br />Barrierefreie Webangebote kommen jeden zugute<br />Suchmaschinen sind blind<br />Erhöht Usability<br />Silver Surfer<br />Sauberes Frontend<br />Skalierbarkeit / Wartbarkeit<br />Wirschaftlich: Usererweiterung um 10%<br />
  25. 25. http://liechtenecker.at<br />office@liechtenecker.at<br />Twitter: @liechteneckerFacebook: http://facebook.com/liechtenecker<br />Flickr: http://flickr.com/liechtenecker<br />Liechtenecker<br />

×