Kosten und Nutzen der barrierefreien (Um-)Gestaltung von Webauftritten

Transkript

1 Kosten und Nutzen der barrierefreien (Um-)Gestaltung von Webauftritten Brigitte Bornemann-Jeske Präsentation in der Handelskammer Hamburg am 23. November 2005

2 Barrierefreies WebDesign Aufwand und Nutzen Gestaltungsprinzipien Zielgruppen Aufwand Standardkonforme Programmierung Nutzen Höhere Reichweite Suchmaschinentransparenz Niedrigere Unterhaltskosten Barrierefreies WebDesign - Aufwand und Nutzen 2

3 Vorstellung BIT Design für Barrierefreie Informationstechnik GmbH Barrierefreies WebDesign BITV-Beratung Computerhilfsmittel für Behinderte Barrierefreies WebDesign - Aufwand und Nutzen 3

4 Barrierefreies WebDesign Aufwand und Nutzen Gestaltungsprinzipien Zielgruppen Aufwand Nutzen Barrierefreies WebDesign - Aufwand und Nutzen 4

5 BITV: 14 Anforderungen für Web-Inhalte 1. Alternativtexte 3. Korrektes HTML und CSS 4. Skalierbarkeit 5. Linearisierbarkeit 6. Auch ohne neuere Technologien nutzbar 9. Geräteunabhängigkeit 12. Information zu Kontext und Orientierung 13. Klare Navigationsmechanismen 14. Einfaches Verständnis der Inhalte Benutzbar für große Spannbreite von Menschen und Technologien Barrierefreies WebDesign - Aufwand und Nutzen 5

6 The power of the Web is in its universality (Tim Berners Lee, Direktor des W3C und Erfinder des Internet) Barrierefrei = Universelles Design multimodal = alle Sinne ansprechend Text, Bild und Ton - Alternativtexte ergonomisch bedienbar, übersichtlich, verständlich geräteunabhängig Braillezeile, PDA, Tastatur standardkonform kompatibel, technologisch robust, nachhaltig Barrierefreies WebDesign - Aufwand und Nutzen 6

7 Usability Accessibility = Usability in the widest range of capabilities ISO guide 71: Alle Normen auf Accessibility überprüfen ISO CD Ergonomie an Büroarbeitsplätzen mit Bildschirmgeräten Barrierefreies WebDesign - Aufwand und Nutzen 7

8 Barrierefreies WebDesign Aufwand und Nutzen Gestaltungsprinzipien Zielgruppen Aufwand Nutzen Barrierefreies WebDesign - Aufwand und Nutzen 8

9 Zielgruppen Behinderte 6,7 Mio Schwerbehinderte in Deutschland davon blind/sehbehindert erwerbsfähige Blinde Sonstige 8% der Männer sind farbfehlsichtig Ältere Menschen Menschen mit fremder Muttersprache Firmennetzwerke, ältere Computer Mobile Endgeräte (PDA, Handy) Barrierefreies WebDesign - Aufwand und Nutzen 9

10 Ältere Menschen ältere Menschen in Deutschland 1995/2003 Einwohner: rd 82 Mio 40-59jährige: 21,8 Mio = 26,7 % >60jährige: 18,4 Mio = 22,4% Wachsende Internetnutzung bei älteren Menschen Barrierefreies WebDesign - Aufwand und Nutzen 10

11 Gesundheitliche Einschränkungen Krankheits- und altersbedingte Einschränkungen Sehen und Hören Feinmotorik der Hände Kurzzeitgedächtnis 57 % der Computernutzer könnten von Accessibility profitieren 24% nutzen bereits Windows-Hilfen Barrierefreies WebDesign - Aufwand und Nutzen 11

12 Skalierbares Layout Vergrößerung 200% Barrierefreies WebDesign - Aufwand und Nutzen 12

13 Mobile Endgeräte Hohe Wachstumsprognosen für M-Commerce und M-Banking in % Zuwachs in 2004 Ausstattung vorhanden bei 54% der Japaner 9% der Deutschen Foto: Mobile Banking per PDA Quelle: IPSOS, Barrierefreies WebDesign - Aufwand und Nutzen 13

14 Sprungmarken im PDA Barrierefreies WebDesign - Aufwand und Nutzen 14

15 Barrierefreies WebDesign Aufwand und Nutzen Gestaltungsprinzipien Zielgruppen Aufwand Nutzen Barrierefreies WebDesign - Aufwand und Nutzen 15

16 Aufwand für Barrierefreies Webdesign Erstellung des Systems Handwerkliche HTML+CSS-Programmierung Test mit verschiedenen Endgeräten ggf. neues CMS Altlasten aufarbeiten Schulung der Redakteure Verfügbare Inhaltsformate Sinnvolle Alternativtexte, eindeutige Linkbegriffe Einfache Sprache Mehrkosten = % Barrierefreies WebDesign - Aufwand und Nutzen 16

17 Standardkonforme Programmierung Verwendung offener Standards HTML und CSS validieren Kein Flash, Javascript, Java ohne HTML- Äquivalent Trennung von Inhalt und Form HTML für logische Struktur der Inhalte <h1> bis <h6>, <p>, <ul>, <ol>, <div id= menu >, <div id= content > CSS für Layout Handwerkliche Programmierung der Templates ohne WYSIWYG-Editor Barrierefreies WebDesign - Aufwand und Nutzen 17

18 Contentpflege ohne CMS Bis ca. 50 Seiten 1 Online-Redakteur HTML-Grundwissen Redaktionshandbuch <h1> Allgemeine Informationen für Besucher </h1> <h2 class="wichtig"> Neue Öffnungszeiten </h2> <p> Ab 15. März gelten die Frühjahrs-Öffnungszeiten: </p> Barrierefreies WebDesign - Aufwand und Nutzen 18

19 Umstieg auf Barrierefreiheit - Kosten minimieren - Qualifizierte Agentur beauftragen AbI-Unterstützer HNBI-Mitglieder Strategieberatung zur Implementierung Korrekturen oder Neuanfang? Geeignetes CMS auswählen Altlasten + Fremdleistungen integrieren Barrierefreies WebDesign - Aufwand und Nutzen 19

20 Barrierefreies WebDesign Aufwand und Nutzen Gestaltungsprinzipien Zielgruppen Aufwand Nutzen Barrierefreies WebDesign - Aufwand und Nutzen 20

21 Nutzen aus Barrierefreiem Webdesign Größere Reichweite Senioren, Mobile Nutzer, Behinderte Positive Nutzererfahrung schnell, übersichtlich, einfach Optimiert für Suchmaschinen Google ist blind Geringere Unterhaltskosten Weniger Traffic Einfachere Pflege des Systems Technologisch nachhaltig Sauberer Code, Cross-Media-Publishing Barrierefreies WebDesign - Aufwand und Nutzen 21

22 Einsparung Traffic - Beispielrechnungen Standardkonforme Programmierung = schlanker Code spart KB je HTML-Seite espn.com: 40 Mio Page Views / Tag = Einsparung 2 TB Serverlast+Traffic / Tag wien.at: 22 Mio Page Views / Monat = Einsparung 420 GB Serverlast+Traffic / Monat NetBank reduziert Trafficaufkommen um 25% Hoch frequentierte Websites erwirtschaften Kosten für Barrierefreiheit durch Traffic- Einsparungen Barrierefreies WebDesign - Aufwand und Nutzen 22

23 Einfacheres Relaunch Korrekturen im CSS ändern das Erscheinungsbild aller Seiten Korrekturen im (reinen) HTML oft durch Suchen+Ersetzen möglich Relaunch zum Design-Update durch Austausch der CSS-Datein einfach-fuer-alle.de 2004 Was sonst die ganze Webredaktion monatelang beschäftigte, wurde jetzt in drei Wochen geschafft. stern.de 2004 Barrierefreies WebDesign - Aufwand und Nutzen 23

24 Total Cost of Ownership Arne Ohlsen, enteraktiv Barrierefreies WebDesign - Aufwand und Nutzen 24

25 Google ist blind content rules! Keine Tricks für Google. Guter Inhalt bringt s! Inhalte nicht vor Google verstecken Verzicht auf Frames, Javascript-Menü, Flash Suchworte wichtig auszeichnen Inhalt einer Seite auf wenige Suchworte optimieren Suchworte in HTML-Titel, -Überschriften, -Links (Metatags sind nachrangig) Barrierefreies WebDesign - Aufwand und Nutzen 25

26 Volkswirtschaftlicher Nutzen Schaffung von behindertengerechten Arbeitsplätzen schafft Steuereinnahmen spart Sozialausgaben Geringerer Assistenzbedarf durch barrierefreie Online-Dienste Barrierefreies E-Government reduziert Kosten der öffentlichen Verwaltung Barrierefreies WebDesign - Aufwand und Nutzen 26

27 bit.informationsdesign Unsere Dienstleistungen Barrierefreies WebDesign BITV-Test + Beratung Suchmaschinenoptimierung Barrierefreies WebDesign - Aufwand und Nutzen 27

28 Danke. Noch Fragen? Brigitte Bornemann-Jeske BIT Design für Barrierefreie Informationstechnik GmbH