32
Über Sinn und Unsinn der Internetpräsenz. Eigene Webpräsenz bietet viele Chancen. Sie kann aber auch dem Ansehen des Unternehmens enormen Schaden zufügen.

Barrierefreie Homepage

  • Upload
    glebd

  • View
    1.513

  • Download
    6

Embed Size (px)

DESCRIPTION

Über Sinn und Unsinn der Internetpäsenz

Citation preview

Page 1: Barrierefreie Homepage

Über Sinn und Unsinn der Internetpräsenz.

Eigene Webpräsenz bietet viele Chancen. Sie kann aber auch dem Ansehen des Unternehmens enormen Schaden zufügen.

Page 2: Barrierefreie Homepage

Agenda

Benutzerfreundlichkeit im Web?– Beispiele

Barrierefreiheit im Web.– Beispiele

2

Page 3: Barrierefreie Homepage

Wir müssen ins Internet !

Geschäftsführer:

Wir haben noch

keine Webseite

– das muss sich

ändern!Ja, neue Webseite

ist ein Muss!

Manager:

Marketing:

Ja, wir müssen ins Internet!

3

Page 4: Barrierefreie Homepage

Wie soll die Webseite aussehen?

Ich habe von Kandinsky

geträumt…

Die Webseite muss viel

Werbefläche anbieten.

Die Webseite muss vor allem unser Produkt

vorstellen

Meine Webseite? Ja! Sie muss seriös sein! Und praktisch natürlich,

dezente Farben, solide Ausführung!

Geschäftsführer: Webdesigner: Manager: Marketing:

4

Page 5: Barrierefreie Homepage

(Be)Nutzer / Kunde

Ich möchte- dass ihre Webseite mich nicht zum Nachdenken zwingt!- dass sie Naheliegend und Selbsterklärend wird!

Ich möchte nicht unnötig viel Text lesen müssen!

Ich möchte die Navigation intuitiv verstehen!

Benutzer5

Page 6: Barrierefreie Homepage

(Be)Nutzer / Kunde

Beim erstmaligen Betreten ihrer Webseite möchte ich sofort wissen:

1. WORUM geht es hier?

2. WAS bieten sie an?

3. WAS kann ich hier machen?

4. WO fange ich an?

Benutzer6

Page 7: Barrierefreie Homepage

WORUM geht es auf der Webseite?

Geschäftsführer:

Das ist doch offensichtlich!

Geschäftsführer:7

Page 8: Barrierefreie Homepage

8

Page 9: Barrierefreie Homepage

WAS bieten sie an?

Marketing-Chef:

Jeder, der unsere Seite wirklich braucht, wird wissen, was wir anbieten!

Marketing:9

Page 10: Barrierefreie Homepage

2

Page 11: Barrierefreie Homepage

2

Page 12: Barrierefreie Homepage

Wir können doch nicht allen (Be)Nutzern gerecht werden!

Kinder, Eltern, Studenten, Arbeiter, Beamte, Brillenträger, Gehörlose, Rentner, Manager, Schwangere, motorisch Eingeschränkte, müde, eilige, genervte, geistig behinderte…

VÖLLIG UNMÖGLICH!

12

Page 13: Barrierefreie Homepage

Wie wär‘s mit Barrierefreiheit?

Die benutzerfreundliche Webseite für alle Nutzer ist eine barrierefreie Webseite!

Barrierefreie?

13

Page 14: Barrierefreie Homepage

Barrierefreie Webseite.

Barrierefreie Webseiten sind so programmiert und gestaltet, dass sie von behinderten und nicht behinderten Menschen gleichermaßen unabhändig von technischen Voraussetzungen und persönlichen Fähigkeiten genutzt werden können.

14

Page 15: Barrierefreie Homepage

Barrierefreie Webseite.

Die Barrieren für Menschen bei der unmittelbarer Nutzung des Internets sind vielschichtig.

Hier werde ich nur einige Aspekte aufführen:

15

Page 16: Barrierefreie Homepage

Fehlende ALT-texte für Grafiken.

Unverzichtbar für:- Blinde und Sehbehinderte Menschen, die

„Sprachausgabe- Programme“ oder „Braillezeile“ zum lesen der Inhalte im Web nutzen;

Sehr wichtig:- Für Menschen, die mit langsamen Internet-

Verbindungen (ausgeschaltete Grafiken)- Für Suchmaschinen

16

Page 17: Barrierefreie Homepage

Fehlende ALT-texte für Grafiken.

17

Page 18: Barrierefreie Homepage

Fehlende Texthinterlegung für Inhalte. (FLASH)

18

Page 19: Barrierefreie Homepage

Geräteunabhängige Nutzung.

Unverzichtbar:- Für motorisch eingeschränkte Nutzer;- Für die Ausgabe der Inhalte auf den PDA‘s,

Mobiltelefonen, etc.Sehr wichtig:- Für Notebook-Nutzer im Freien;- Für Menschen, die vorübergehend motorisch

eingeschränkt sind;

19

Page 20: Barrierefreie Homepage

Geräteunabhängige Nutzung.

20

Page 21: Barrierefreie Homepage

Ausreichende Kontraste.

Unverzichtbar:

für die meisten Nutzer mit Sehschwäche.

Sehr wichtig:

Für alle Nutzer.

21

Page 22: Barrierefreie Homepage

Ausreichende Kontraste.

22

Page 23: Barrierefreie Homepage

Ausreichende Kontraste.

23

Page 24: Barrierefreie Homepage

Klare Navigation. Logische Struktur.

Unverzichtbar:- Für Menschen mit kognitiven Schwächen

Sehr wichtig:

Für Menschen, die im Internet jegliche Information suchen.

24

Page 25: Barrierefreie Homepage

Klare Navigation. Logische Struktur.

25

Page 26: Barrierefreie Homepage

Verständliche Inhalte.

26

Page 27: Barrierefreie Homepage

Verständliche Inhalte und logische Struktur

27

Page 28: Barrierefreie Homepage

Ohne JavaScript nutzbar.

Unverzichtbar:

Für alle Menschen, die beim Surfen mit Internet Explorer JavaScript-Funktion deaktivieren.

Grund:

Nachdem der 'I LOVE YOU'-Virus im Mai 2000 weltweit Schaden angerichtet hatte, gab es von einer Kommission des deutschen Innenministeriums die Empfehlung, nur mit ausgeschaltetem JavaScript im Internet zu surfen.

28

Page 29: Barrierefreie Homepage

Ohne JavaScript nutzbar.

29

Page 30: Barrierefreie Homepage

Ohne JavaScript nutzbar.

30

Page 31: Barrierefreie Homepage

Vorteile für Barrierefreiheit:

Barrierefreie Webseiten erreichen potenzielle Kunden, die vorher von der Nutzung ausgeschlossen waren.

Kostenintensive Suchmaschinen-Optimierungen im Nachhinein entfallen, weil barrierefreie Webseite bereits durch Programmierung für Suchmaschinen optimiert ist.

Barrierefreie Webseiten sind durch ihre Programmierung schlanker und arbeiten daher effizienter.

Barrierefreie Internetseiten sind für verschiedene Ausgabe- und Lesegeräte optimiert. Dies wir durch die Trennung von Programmierung und Design.

Barrierefreie Internetseiten sind durch ihre aktuelle Internet-Standarts für die Zukunft bestens gerüstet.

31

Page 32: Barrierefreie Homepage

Fazit

Unzugängliche Internet-Seiten bedeuten:- Verlust von Informationen- Erschwerte Navigation- Imageverlust und- Frust

32