© Zühlke 2011
Barrierefreiheit im Internet
Christian Moser
Barrierefreiheit im Internet – einfach erklärtChristian [email protected]
25. March 2011Folie 1
© Zühlke 2011
Barrierefreiheit im Internet
Christian Moser
• In der Schweiz leben ca. 500’000 Personen mit Behinderungen
• Immer mehr Senioren nutzen das Internet
• Das Internet bietet ihnen grossen Nutzen
• Webseiten enthalten oft kleine Hürden, welche wir einfach überwinden
• Für sie sind es jedoch Barrieren, die das Angebot unbenutzbar machen.
25. March 2011Folie 2
Motivation
© Zühlke 2011
Barrierefreiheit im Internet
Christian Moser
25. March 2011Folie 3
Studie zum Thema Barrierefreiheit
«Getestet wurden 50 Webseiten des Bundes, der Kantone und der öffentlichen Hand...
...keine der 50 getesteten Websites erfüllt alle Anforderungen und ist wirklich «barrierefrei».
© Zühlke 2011
Barrierefreiheit im Internet
Christian Moser
25. March 2011Folie 4
Was bedeutet Barrierefrei?
«Ein Web-Angebot ist barrierefrei,wenn es von jeder Person, unabhängig von einer allfälligen Behinderung, ohne Einschränkunden genutzt werden kann.»
Da dies in der Realität jedoch kaum erreicht wird, spricht man auch von barrierearmen Angeboten.
© Zühlke 2011
Barrierefreiheit im Internet
Christian Moser
25. March 2011Folie 5
Was ist eine Behinderung?
Temporäre Störung durch Lärm, Licht,...
Körper- oder Sinnesbehinderungdurch Unfall oder Krankheit
Zittern, Vergesslichkeitaltersbedingt
Technische Probleme durch unpassende Hard- oder Software
© Zühlke 2011
Barrierefreiheit im Internet
Christian Moser
25. March 2011Folie 6
Behinderungen führen zu folgenden Grundproblemen
Ausgabe
Eingabe
Inhalte können nicht bedient werden.
Inhalte können nicht verstanden werden.
Inhalte können nicht wahrgenommen werden.
Inhalte können nicht dargestellt werden.
© Zühlke 2011
Barrierefreiheit im Internet
Christian Moser
25. March 2011Folie 7
Wahrnehmbarkeit
Lösung: Informationen nicht nur durch Farbe kodieren.
BarriereUngenügender Farbkontrast
© Zühlke 2011
Barrierefreiheit im Internet
Christian Moser
25. March 2011Folie 8
Wahrnehmbarkeit
Lösung: Für grafische Inhalte immer eine Textalternative anbieten.
BarriereFehlende Textalternative
<img src="uploads/pics/LLL_Grafik_web.jpg" width="265" height="167" border="0" alt="" />
Umsetzung in HTML: Durch setzen des alt-Attributes.
<img src="uploads/pics/LLL_Grafik_web.jpg" width="265" height="167" border="0" alt="Lebenlanges Lernen beinhaltet Team Enabling durch Kurse, Lehrgänge und Coaching " />
© Zühlke 2011
Barrierefreiheit im Internet
Christian Moser
25. March 2011Folie 9
Verständlich
Lösung: - Labels nahe an Textfeldern plazieren - Spezielle Stylesheets für mobile Geräte
BarriereLabel des Eingabefelds nicht sichtbar
Umsetzung in HTML: - Trennung von Inhalt und CSS - Layout durch <div>, keine Tabellen
© Zühlke 2011
Barrierefreiheit im Internet
Christian Moser
25. March 2011Folie 10
Verständlichkeit
Lösung: Inhalte nicht nur visuell, sondern auch semantisch strukturieren.
BarriereFehlende Semantik
Umsetzung in HTML: Korrekte Verwendung von Strukturelementen...<h1>,<h2>,<th>,<em>,...
© Zühlke 2011
Barrierefreiheit im Internet
Christian Moser
25. March 2011Folie 11
Bedienbarkeit
Lösung: Genügend grösse Timeouts definieren.
BarriereZu kurze Timeouts
© Zühlke 2011
Barrierefreiheit im Internet
Christian Moser
25. March 2011Folie 12
Robustheit
Lösung: Navigation sollte auch ohne CSS, Javascript und Bilder funktionieren
BarriereNavigation nicht bedienbar
Ohne JavaScript:
© Zühlke 2011
Barrierefreiheit im Internet
Christian Moser
Von Barrierefreiheit profitieren alle
• Behinderte Personen
• Mobile Nutzer
• Senioren
• Unerfahrene Nutzer
• Suchmaschinen
25. March 2011Folie 13
Wer profitiert von Barrierefreiheit
© Zühlke 2011
Barrierefreiheit im Internet
Christian Moser
1. Verbesserte Reichweiteda mehr potentielle Benutzer können die Webseite nutzen.
2. Gute Grundlage für Suchmaschinenoptimierungdenn ein Suchroboter ist nichts anderes als ein behinderter Benutzer mit begrenzter Wahrnehmung.
3. Gut für das Imagedenn soziales Engagement einer Firma wird immer wichtiger.
4. Nachhaltige Investition und Senkung der Unterhaltskostenda durch Einhaltung von Standards die Kompatibilität erhöht und der Wartungsaufwand gesenkt wird.
25. March 2011Folie 14
Die Vorteile von Barrierefreiheit
© Zühlke 2011
Barrierefreiheit im Internet
Christian Moser
Web Accessibility Initiative (WAI) des W3C
25. March 2011Folie 15
Standartisierung der Barrierefreiheit
WCAG 2.0Web
ContentAccessibilityGuidelines
ATAGAuthoring
ToolsAccessibilityGuidelines
UAAGUser
AgentAccessibilityGuidelines
WAI-ARIAAccessible
Rich Internet
Applications
http://www.w3.org/WAI/
© Zühlke 2011
Barrierefreiheit im Internet
Christian Moser
25. March 2011Folie 16
Weiterführende Informationen
www.einfach-barrierefrei.net
Poster über Barrierefreiheit(auf der Webseite verfügbar)
© Zühlke 2011
Barrierefreiheit im Internet
Christian Moser
25. March 2011Folie 17
Besten Dank für die Aufmerksamkeit.
Christian Moser
Zühlke Engineering [email protected]