18. Mai 2006 Kunden-Workshop Barrierefreie Website Accessibility

2 Herzlich Willkommen! Workshop - Überblick Was bedeutet barrierefrei? Sinn und Zweck; Accessibility Welche Vorteile bringt die Einhaltung der internationalen Standards für Sie? Demonstration der im CMS implementierten seven49.net WAI-Funktionalitäten: - Bildbeschreibung - Alternativtexte für Bilder - Keywords - Description Die neue Version des Wysiwyg-Editors im CMS Das neue seven49.net WAI-Template

3 Was verbindet behinderte Internetbenutzer, ungeduldige und ungeübte User, Suchmaschinen sowie den Businessman mit einem mobilen Endgerät (Handy, Palm)? Sie alle sind darauf angewiesen, dass die Websites optimal programmiert und die Inhalte auch unter erschwerten Umständen lesbar sind! Sie alle sind darauf angewiesen, dass die Websites optimal programmiert und die Inhalte auch unter erschwerten Umständen lesbar sind!

4 Google der grösste blinde User

5 Technische (Hilfs-)Mittel, die Webinhalte lesen Browser auf PC und Laptop Handys Suchmaschinen, resp. deren Roboter Sprachausgabe-Software / Screen Reader Braille-Schrift Ausgabegeräte Roboter, die im Netz nach Informationen suchen …

6 Barrierefreie Website Eine Website, 3 Skins…

7 Accessibility (barrierefrei) Definition Accessibilty:..is a general term used to describe the degree to which a system is usable by as many people as possible without modification. It is not to be confused with usability which is used to describe how easily a thing can be used by any type of user. One meaning of accessibility specifically focuses on people with disabilities and their use of assistive devices such as screen-reading web browsers. (Quelle: Definition Usability: The ease that users experience in navigating an interface, locating information, and obtaining knowledge over the Internet. (Quelle:

8 Mögliche Barrieren im Netz Bilder ohne Alternativtexte und/oder zusätzliche Beschreibung für Sehbehinderte Zu schwache Farbkontraste beim Design (z.B. schwierig für Farbenblinde, sehschwache Personen) Websites ohne konsequente Struktur (mit klar definierten Überschriftslevels) und ohne die Möglichkeit die Navigation zu skippen um direkt zum Inhalt zu gelangen Versteckte Navigation; kleine Buttons, die exakt getroffen werden müssen (schwere Navigierbarkeit) Inhalte, die ausschliesslich akkustisch wiedergegeben werden Vermeintlich kreative Ideen (z.B. Navigation plötzlich unten, etc.)

9 X Aufräumen mit Vorurteilen! Vorurteil 1: Damit tun wir etwas für eine Minderheit von sehbehinderten Internetusern Vorurteil 2: Barrierefreie Websites sind teuer Vorurteil 3: Barrierefreie Websites schränken die Designer in ihrer Kreativität ein" Vorurteil 4: Um die Barrierefreiheit sollen sich die Techniker kümmern

10 Internationale Standards Welche gibt es? Web Content Accessibility Guidelines (WCAG) des World Wide Web Consortium (W3C), in diesem Rahmen die Web Accessibility Initiative (WAI). Bei Erfüllung der Guidelines ist man berechtigt folgendes Zertifikat zu tragen: Wobei zwischen drei Qualitätsstufen A – AAA unter- schieden wird.

11 Ziele der Standards Die internationalen Standards haben zum Ziel den Zugang zum Internet für alle Internetbenutzer zu gewährleisten und ebenerdig zu gestalten. Das schweizerische BehiG erklärt die Regeln des World Wide Web Konsortiums für verbindlich. Behindertengleichstellungsgesetz vom (BehiG, SR 151.3) Behindertengleichstellungsverordnung vom (BehiV, SR ) Rechtliche Aspekte Das Behindertengleichstellungsgesetz regelt nur für den Bund, was Behindertengerechtigkeit hinsichtlich der Angebote auf Internet im Einzelnen bedeutet (vgl. Art. 14 Abs. 2 BehiG und Art. 10 BehiV). (…) Internetangebote müssen die Bedürfnisse verschiedener Behinderungsformen beachten: - Stark Sehbehinderte benötigen bestimmte Hilfsmittel, beispielsweise eine Software für die Umsetzung geschriebener in gesprochene Texte oder die Umsetzung in Brailleschrift; diese Umsetzung der Informationen gelingt nur, wenn gewisse technische Voraussetzungen erfüllt sind. - Motorisch Behinderte können die Maus nur eingeschränkt oder gar nicht benützen. Es dürfen deshalb keine zu hohen Anforderungen an Navigierfähigkeit gestellt werden (z.B. kleine Kästchen). - Für Hörbehinderte ist dagegen wichtig, dass keine Informationen ausschliesslich akustisch erfolgen. - Für geistig Behinderte schliesslich sollten die Strukturen möglichst einfach sein, keine Gedankensprünge enthalten, nicht zu viel als bekannt voraussetzen. Die Texte sollten ein möglichst einfaches Vokabular verwenden. (Quelle:

12 Wettbewerbsvorteile für Sie! Ihr Webauftritt entspricht den neusten ergonomischen Erkenntnissen. Ihr Webauftritt kann auch von (seh)behinderten, ungeübten und älteren Personen problemlos besucht werden. Suchmaschinen sind sehbehindert, respektive blind! Ihr Webauftritt wird von Suchmaschinen optimal erkannt. Ihre Webinhalte sind auch auf Handys und anderen portablen internetfähigen Endgeräten abrufbar. Sie sind berechtigt die entsprechenden internationalen Zertifikate auf Ihrer Website aufzuführen.

13 Machen Sie den ersten Schritt! Bei Bildern: Fügen Sie unbedingt Alternativtexte und falls notwendig erweiterte Bildbeschreibungen ein. Bei Texten: Validieren Sie Ihre Texte mit der neuen Generation des Wysiwyg-Editors Bei neuen Inhalten: Setzen Sie immer sinnvolle Keywords und Descriptions Damit eine Website barrierefrei ist, sind nicht nur technische Voraussetzungen notwendig, sondern Ihre Mitarbeit ist ein wichtiger Bestandteil! Die neuen WAI-Funktionen im CMS helfen Ihnen dabei!

Danke für Ihre Aufmerksamkeit!