Das Dokument behandelt das Thema Barrierefreiheit im Internet und hebt hervor, dass viele Websites in der Schweiz, die getestet wurden, nicht alle Anforderungen an Barrierefreiheit erfüllen. Es werden wichtige Aspekte wie die Wahrnehmbarkeit, Verständlichkeit und Bedienbarkeit von Webseiten erläutert sowie Lösungen zur Überwindung dieser Barrieren vorgestellt. Zudem wird betont, dass Barrierefreiheit nicht nur den Nutzern mit Behinderungen zugutekommt, sondern auch anderen Nutzergruppen, und es werden Standards zur Verbesserung der Zugänglichkeit genannt.

1. Barrierefreiheit im Internet – einfach erklärtChristian Mosermoc@zuehlke.com25. March 2011Folie 1Christian Moser

2. In der Schweiz leben ca. 500’000 Personen mit BehinderungenImmer mehr Senioren nutzen das InternetDas Internet bietet ihnen grossen NutzenWebseiten enthalten oft kleine Hürden, welche wir einfach überwindenFür sie sind es jedoch Barrieren, die das Angebot unbenutzbar machen.25. March 2011Folie 2MotivationChristian Moser

3. 25. March 2011Folie 3Christian MoserStudie 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».

4. 25. March 2011Folie 4Christian MoserWas bedeutet Barrierefrei?«Ein Web-Angebot ist barrierefrei,wenn es von jederPerson, 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.

5. 25. March 2011Folie 5Christian MoserWas ist eine Behinderung?Temporäre Störung durch Lärm, Licht,...Körper- oder Sinnesbehinderungdurch Unfall oder KrankheitZittern, VergesslichkeitaltersbedingtTechnische Probleme durchunpassende Hard- oder Software

6. 25. March 2011Folie 6Christian MoserBehinderungen führen zu folgenden GrundproblemenInhalte können nicht verstanden werden.Inhalte können nicht wahrgenommen werden.Inhalte können nicht dargestellt werden.AusgabeEingabeInhalte können nicht bedient werden.

7. 25. March 2011Folie 7Christian MoserWahrnehmbarkeitBarriereUngenügender FarbkontrastLösung: Informationen nicht nur durch Farbe kodieren.

8. 25. March 2011Folie 8Christian MoserWahrnehmbarkeitBarriereFehlende TextalternativeLösung: Für grafische Inhalte immer eine Textalternative anbieten.<img src="uploads/pics/LLL_Grafik_web.jpg" width="265" height="167" border="0" alt="" /><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 " />Umsetzung in HTML: Durch setzen des alt-Attributes.

9. 25. March 2011Folie 9Christian MoserVerständlichBarriereLabel des Eingabefelds nicht sichtbarLösung: - Labels nahe an Textfeldern plazieren - Spezielle Stylesheets für mobile GeräteUmsetzung in HTML: - Trennung von Inhalt und CSS - Layout durch <div>, keine Tabellen

10. 25. March 2011Folie 10Christian MoserVerständlichkeitBarriereFehlende SemantikLösung: Inhalte nicht nur visuell, sondern auch semantisch strukturieren.Umsetzung in HTML: Korrekte Verwendung von Strukturelementen...<h1>,<h2>,<th>,<em>,...

11. 25. March 2011Folie 11Christian MoserBedienbarkeitBarriereZu kurze TimeoutsLösung: Genügend grösse Timeouts definieren.

12. 25. March 2011Folie 12Christian MoserRobustheitBarriereNavigation nicht bedienbarLösung: Navigation sollte auch ohne CSS, Javascript und Bilder funktionierenOhne JavaScript:

13. Von Barrierefreiheit profitieren alleBehinderte PersonenMobile NutzerSeniorenUnerfahrene NutzerSuchmaschinen25. March 2011Folie 13Christian MoserWer profitiert von Barrierefreiheit

14. 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 14Christian MoserDie Vorteile von Barrierefreiheit

15. Web Accessibility Initiative (WAI) des W3C25. March 2011Folie 15Christian MoserStandartisierung der BarrierefreiheitATAGAuthoringToolsAccessibilityGuidelinesUAAGUserAgentAccessibilityGuidelinesWCAG 2.0Web ContentAccessibilityGuidelinesWAI-ARIAAccessibleRich InternetApplications http://www.w3.org/WAI/

16. 25. March 2011Folie 16Christian MoserWeiterführende InformationenPoster über Barrierefreiheit(auf der Webseite verfügbar)www.einfach-barrierefrei.net

17. 25. March 2011Folie 17Christian MoserBesten Dank für die Aufmerksamkeit.Christian MoserZühlke Engineering AGwww.zuehlke.commoc@zuehlke.com