Download - Barrierefreiheit
![Page 1: Barrierefreiheit](https://reader036.vdokument.com/reader036/viewer/2022082821/56815196550346895dbfccfc/html5/thumbnails/1.jpg)
Barrierefreiheit
( Accessibility )
![Page 2: Barrierefreiheit](https://reader036.vdokument.com/reader036/viewer/2022082821/56815196550346895dbfccfc/html5/thumbnails/2.jpg)
Hannes Gesmann, Mai 2006 2
Inhaltsverzeichnis
Was ist Barrierefreiheit? Wofür brauche ich das? Welche Barrieren gibt es? Wie macht man barrierefrei?
![Page 3: Barrierefreiheit](https://reader036.vdokument.com/reader036/viewer/2022082821/56815196550346895dbfccfc/html5/thumbnails/3.jpg)
Hannes Gesmann, Mai 2006 3
Was ist Barrierefreiheit? Barrierefreies Internet bezeichnet Internet-Angebote, die von allen unabhängig von
ihren körperlichen und/oder technischen Möglichkeiten uneingeschränkt genutzt werden können. Dies schließt sowohl Menschen mit und ohne Behinderungen, als auch Benutzer mit technischen (z. B. Textbrowser) oder altersbedingten Einschränkungen (z. B. Sehschwächen) sowie automatische Suchprogramme ein. Da dies aufgrund der unzähligen weichen, individuell geprägten Barrieren nicht vollständig erreicht werden kann, spricht man auch von barrierearm oder zugänglich. Fachbegriff: Accessibility. (Quelle: http://de.wikipedia.org)
Kurz: Eine barrierefreie Website ist für alle (Mensch & Maschine) gleichermaßen einfach zu durchstöbern.
![Page 4: Barrierefreiheit](https://reader036.vdokument.com/reader036/viewer/2022082821/56815196550346895dbfccfc/html5/thumbnails/4.jpg)
Hannes Gesmann, Mai 2006 4
Wofür brauche ich Barrierefreiheit?
Steigende Anzahl an behinderten und alten Menschen
Öffentliche Einrichtungen sind bereits dazu verpflichtet ihre Websites barrierefrei zu gestalten
![Page 5: Barrierefreiheit](https://reader036.vdokument.com/reader036/viewer/2022082821/56815196550346895dbfccfc/html5/thumbnails/5.jpg)
Hannes Gesmann, Mai 2006 5
Welche Barrieren gibt es?
Verschiedene Behinderungen erfordern verschiedene Maßnahmen: Blindheit Sehbehinderung Taubheit Körperliche Behinderung
![Page 6: Barrierefreiheit](https://reader036.vdokument.com/reader036/viewer/2022082821/56815196550346895dbfccfc/html5/thumbnails/6.jpg)
Hannes Gesmann, Mai 2006 6
Körperliche Behinderung
Oft keine Maus daher unbedingt Short-keys
Bewegungen vermeiden
![Page 7: Barrierefreiheit](https://reader036.vdokument.com/reader036/viewer/2022082821/56815196550346895dbfccfc/html5/thumbnails/7.jpg)
Hannes Gesmann, Mai 2006 7
Taubheit
Akustische Informationen müssen auch anders erreichbar sein
Fürs Web (noch) eher unwichtig, da bisher die meisten Informationen visuell transportiert werden
![Page 8: Barrierefreiheit](https://reader036.vdokument.com/reader036/viewer/2022082821/56815196550346895dbfccfc/html5/thumbnails/8.jpg)
Hannes Gesmann, Mai 2006 8
Sehbehinderung
Alte Menschen sehen in der Regel nicht mehr so gut, sie brauchen Vergrößerungen(Firefox / Opera)
Starke Kontraste zwischen Hintergrund und Text (Opera)
Vorsicht bei der Farbwahl:Es gibt rot-grün und blau-gelb Sehschwächen
![Page 9: Barrierefreiheit](https://reader036.vdokument.com/reader036/viewer/2022082821/56815196550346895dbfccfc/html5/thumbnails/9.jpg)
Hannes Gesmann, Mai 2006 9
![Page 10: Barrierefreiheit](https://reader036.vdokument.com/reader036/viewer/2022082821/56815196550346895dbfccfc/html5/thumbnails/10.jpg)
Hannes Gesmann, Mai 2006 10
Blindheit
Wie ‚sieht‘ überhaupt ein Blinder? Textbrowser (Basistechnologie) Braille-Zeile oder Screenreader
![Page 11: Barrierefreiheit](https://reader036.vdokument.com/reader036/viewer/2022082821/56815196550346895dbfccfc/html5/thumbnails/11.jpg)
Hannes Gesmann, Mai 2006 11
Der Textbrowser
HTML (ggf. X-HTML) Kein CSS Kein JavaScript Keine Bilder Kein Flash Kein ...
![Page 12: Barrierefreiheit](https://reader036.vdokument.com/reader036/viewer/2022082821/56815196550346895dbfccfc/html5/thumbnails/12.jpg)
Hannes Gesmann, Mai 2006 12
Braille Displays (Bilder)
Braille display Deutsches Braille Alphabet
![Page 13: Barrierefreiheit](https://reader036.vdokument.com/reader036/viewer/2022082821/56815196550346895dbfccfc/html5/thumbnails/13.jpg)
Hannes Gesmann, Mai 2006 13
Screenreader
Sonderzeichen werden vorgelesen
Spracheinstellungen der Seite werden verwendet
Ein kleines Beispiel?
![Page 14: Barrierefreiheit](https://reader036.vdokument.com/reader036/viewer/2022082821/56815196550346895dbfccfc/html5/thumbnails/14.jpg)
Hannes Gesmann, Mai 2006 14
Blindheit
Worauf muss ich deshalb achten? Sinnvolle Struktur der Seite
Wichtige Objekte wie Menü oder Login/Logout früh im Quelltext platzieren
Sinnvolle Alternativ-Texte für Bilder Zusammengehörigkeit nicht (nur) durch
Positionierung mit CSS sondern auch durch Nähe im Quelltext verdeutlichen
![Page 15: Barrierefreiheit](https://reader036.vdokument.com/reader036/viewer/2022082821/56815196550346895dbfccfc/html5/thumbnails/15.jpg)
Hannes Gesmann, Mai 2006 15
Wie macht man barrierefrei?
Typische Fehler:
Eine zweite Version anbieten, die dann ohne Layout auskommt(Bsp.: www.stadt-westerland.de)
Eine bestimmte Software / Version voraus setzen (z.B. Flash, Java, JavaScript)
![Page 16: Barrierefreiheit](https://reader036.vdokument.com/reader036/viewer/2022082821/56815196550346895dbfccfc/html5/thumbnails/16.jpg)
Hannes Gesmann, Mai 2006 16
Wie macht man barrierefrei?
Einhaltung der Usability-Standards Strikte Trennung von Inhalt und Darstellung Richtige Verwendung von (X-)HTML und CSS
(keine „<div>-Suppe“, keine „Layout“-Tabellen)
Richtlinien zur Orientierung: BItV (Barrierefreie Informationstechnik-Verordnung) WCAG1 (Web Content Accessibility Guidelines 1.0)
![Page 17: Barrierefreiheit](https://reader036.vdokument.com/reader036/viewer/2022082821/56815196550346895dbfccfc/html5/thumbnails/17.jpg)
Hannes Gesmann, Mai 2006 17
Wie macht man barrierefrei?
Tools können nicht absolut überprüfen was z.B. ein Bild beinhaltet
Gutes Tool zur Überprüfung der Struktur:http://wave.webaim.org/
Beispiel:siemens.htmsiemens2.thm
![Page 18: Barrierefreiheit](https://reader036.vdokument.com/reader036/viewer/2022082821/56815196550346895dbfccfc/html5/thumbnails/18.jpg)
Hannes Gesmann, Mai 2006 18
Zusammenfassung
Verschiedene Zugänge zu den zentralen Informationen...
... unter Einhaltung der Standards(Usability, BItV, WCAG1)
Barrierefreiheit schadet nicht!