Barrierefreie Homepage

1.822 Aufrufe

Veröffentlicht am

Über Sinn und Unsinn der Internetpäsenz

Veröffentlicht in: Business
0 Kommentare
1 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
1.822
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
26
Aktionen
Geteilt
0
Downloads
11
Kommentare
0
Gefällt mir
1
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie
  • Barrierefreie Homepage

    1. 1. Ü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.
    2. 2. Agenda <ul><li>Benutzerfreundlichkeit im Web? </li></ul><ul><ul><li>Beispiele </li></ul></ul><ul><li>Barrierefreiheit im Web. </li></ul><ul><ul><li>Beispiele </li></ul></ul>2
    3. 3. 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
    4. 4. 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
    5. 5. (Be)Nutzer / Kunde <ul><li>Ich möchte </li></ul><ul><li>dass ihre Webseite mich nicht zum Nachdenken zwingt! </li></ul><ul><li>dass sie Naheliegend und Selbsterklärend wird! </li></ul><ul><li>Ich möchte nicht unnötig viel Text lesen müssen! </li></ul><ul><li>Ich möchte die Navigation intuitiv verstehen! </li></ul>Benutzer 5
    6. 6. (Be)Nutzer / Kunde <ul><li>Beim erstmaligen Betreten ihrer Webseite möchte ich sofort wissen: </li></ul><ul><li>WORUM geht es hier? </li></ul><ul><li>WAS bieten sie an? </li></ul><ul><li>WAS kann ich hier machen? </li></ul><ul><li>WO fange ich an? </li></ul>Benutzer 6
    7. 7. WORUM geht es auf der Webseite? <ul><li>Geschäftsführer: </li></ul><ul><li>Das ist doch offensichtlich! </li></ul>Geschäftsführer: 7
    8. 8. 8
    9. 9. WAS bieten sie an? <ul><li>Marketing-Chef: </li></ul><ul><li>Jeder, der unsere Seite wirklich braucht, wird wissen, was wir anbieten! </li></ul>Marketing: 9
    10. 10. 2
    11. 11. 2
    12. 12. Wir können doch nicht allen (Be)Nutzern gerecht werden! <ul><li>Kinder, Eltern, Studenten, Arbeiter, Beamte, Brillenträger, Gehörlose, Rentner, Manager, Schwangere, motorisch Eingeschränkte, müde, eilige, genervte, geistig behinderte… </li></ul><ul><li>VÖLLIG UNMÖGLICH! </li></ul>12
    13. 13. Wie wär‘s mit Barrierefreiheit? <ul><li>Die benutzerfreundliche Webseite für alle Nutzer ist eine barrierefreie Webseite! </li></ul><ul><li>Barrierefreie? </li></ul>13
    14. 14. Barrierefreie Webseite. <ul><li>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. </li></ul>14
    15. 15. Barrierefreie Webseite. <ul><li>Die Barrieren für Menschen bei der unmittelbarer Nutzung des Internets sind vielschichtig. </li></ul><ul><li>Hier werde ich nur einige Aspekte aufführen: </li></ul>15
    16. 16. Fehlende ALT-texte für Grafiken. <ul><li>Unverzichtbar für: </li></ul><ul><li>Blinde und Sehbehinderte Menschen, die „Sprachausgabe- Programme“ oder „Braillezeile“ zum lesen der Inhalte im Web nutzen; </li></ul><ul><li>Sehr wichtig: </li></ul><ul><li>Für Menschen, die mit langsamen Internet-Verbindungen (ausgeschaltete Grafiken) </li></ul><ul><li>Für Suchmaschinen </li></ul>16
    17. 17. Fehlende ALT-texte für Grafiken. 17
    18. 18. Fehlende Texthinterlegung für Inhalte. (FLASH) 18
    19. 19. Geräteunabhängige Nutzung. <ul><li>Unverzichtbar: </li></ul><ul><li>Für motorisch eingeschränkte Nutzer; </li></ul><ul><li>Für die Ausgabe der Inhalte auf den PDA‘s, Mobiltelefonen, etc. </li></ul><ul><li>Sehr wichtig: </li></ul><ul><li>Für Notebook-Nutzer im Freien; </li></ul><ul><li>Für Menschen, die vorübergehend motorisch eingeschränkt sind; </li></ul>19
    20. 20. Geräteunabhängige Nutzung. 20
    21. 21. Ausreichende Kontraste. <ul><li>Unverzichtbar: </li></ul><ul><li>für die meisten Nutzer mit Sehschwäche. </li></ul><ul><li>Sehr wichtig: </li></ul><ul><li>Für alle Nutzer. </li></ul>21
    22. 22. Ausreichende Kontraste. 22
    23. 23. Ausreichende Kontraste. 23
    24. 24. Klare Navigation. Logische Struktur. <ul><li>Unverzichtbar: </li></ul><ul><li>Für Menschen mit kognitiven Schwächen </li></ul><ul><li>Sehr wichtig: </li></ul><ul><li>Für Menschen, die im Internet jegliche Information suchen. </li></ul>24
    25. 25. Klare Navigation. Logische Struktur. 25
    26. 26. Verständliche Inhalte. 26
    27. 27. Verständliche Inhalte und logische Struktur 27
    28. 28. Ohne JavaScript nutzbar. <ul><li>Unverzichtbar: </li></ul><ul><li>Für alle Menschen, die beim Surfen mit Internet Explorer JavaScript-Funktion deaktivieren. </li></ul><ul><li>Grund: </li></ul><ul><li>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. </li></ul>28
    29. 29. Ohne JavaScript nutzbar. 29
    30. 30. Ohne JavaScript nutzbar. 30
    31. 31. Vorteile für Barrierefreiheit: <ul><li>Barrierefreie Webseiten erreichen potenzielle Kunden, die vorher von der Nutzung ausgeschlossen waren. </li></ul><ul><li>Kostenintensive Suchmaschinen-Optimierungen im Nachhinein entfallen, weil barrierefreie Webseite bereits durch Programmierung für Suchmaschinen optimiert ist. </li></ul><ul><li>Barrierefreie Webseiten sind durch ihre Programmierung schlanker und arbeiten daher effizienter. </li></ul><ul><li>Barrierefreie Internetseiten sind für verschiedene Ausgabe- und Lesegeräte optimiert. Dies wir durch die Trennung von Programmierung und Design. </li></ul><ul><li>Barrierefreie Internetseiten sind durch ihre aktuelle Internet-Standarts für die Zukunft bestens gerüstet. </li></ul>31
    32. 32. Fazit <ul><li>Unzugängliche Internet-Seiten bedeuten: </li></ul><ul><ul><li>Verlust von Informationen </li></ul></ul><ul><ul><li>Erschwerte Navigation </li></ul></ul><ul><ul><li>Imageverlust und </li></ul></ul><ul><ul><li>Frust </li></ul></ul>32

    ×