Your SlideShare is downloading. ×
0
Über Sinn und Unsinn der Internetpräsenz. Eigene Webpräsenz bietet viele Chancen.  Sie kann aber auch dem Ansehen des Unte...
Agenda <ul><li>Benutzerfreundlichkeit im Web? </li></ul><ul><ul><li>Beispiele </li></ul></ul><ul><li>Barrierefreiheit im W...
Wir müssen ins Internet ! Geschäftsführer: Wir haben noch  keine Webseite  –  das muss sich  ändern! Ja, neue Webseite  is...
Wie soll die Webseite aussehen? Ich habe  von Kandinsky  geträumt… Die Webseite  muss viel  Werbefläche  anbieten. Die Web...
(Be)Nutzer / Kunde <ul><li>Ich möchte </li></ul><ul><li>dass ihre Webseite mich nicht zum Nachdenken zwingt! </li></ul><ul...
(Be)Nutzer / Kunde <ul><li>Beim erstmaligen Betreten ihrer Webseite möchte ich sofort wissen: </li></ul><ul><li>WORUM geht...
WORUM geht es auf der Webseite? <ul><li>Geschäftsführer:  </li></ul><ul><li>Das ist doch offensichtlich! </li></ul>Geschäf...
8
WAS bieten sie an? <ul><li>Marketing-Chef: </li></ul><ul><li>Jeder, der unsere Seite wirklich braucht, wird wissen, was wi...
2
2
Wir können doch nicht allen (Be)Nutzern gerecht werden! <ul><li>Kinder, Eltern, Studenten, Arbeiter, Beamte, Brillenträger...
Wie wär‘s mit Barrierefreiheit? <ul><li>Die benutzerfreundliche Webseite für alle Nutzer ist eine barrierefreie Webseite! ...
Barrierefreie Webseite. <ul><li>Barrierefreie Webseiten sind so programmiert und gestaltet, dass sie von behinderten und n...
Barrierefreie Webseite. <ul><li>Die Barrieren für Menschen bei der unmittelbarer Nutzung des Internets sind vielschichtig....
Fehlende ALT-texte für Grafiken. <ul><li>Unverzichtbar für: </li></ul><ul><li>Blinde und Sehbehinderte Menschen, die „Spra...
Fehlende ALT-texte für Grafiken. 17
Fehlende Texthinterlegung für Inhalte. (FLASH) 18
Geräteunabhängige Nutzung. <ul><li>Unverzichtbar: </li></ul><ul><li>Für motorisch eingeschränkte Nutzer; </li></ul><ul><li...
Geräteunabhängige Nutzung. 20
Ausreichende Kontraste. <ul><li>Unverzichtbar:  </li></ul><ul><li>für die meisten Nutzer mit Sehschwäche. </li></ul><ul><l...
Ausreichende Kontraste. 22
Ausreichende Kontraste. 23
Klare Navigation. Logische Struktur. <ul><li>Unverzichtbar: </li></ul><ul><li>Für Menschen mit kognitiven Schwächen </li><...
Klare Navigation. Logische Struktur. 25
Verständliche Inhalte.  26
Verständliche Inhalte  und logische Struktur 27
Ohne JavaScript nutzbar. <ul><li>Unverzichtbar: </li></ul><ul><li>Für alle Menschen, die beim Surfen mit Internet Explorer...
Ohne JavaScript nutzbar. 29
Ohne JavaScript nutzbar. 30
Vorteile für Barrierefreiheit: <ul><li>Barrierefreie Webseiten erreichen potenzielle Kunden, die vorher von der Nutzung au...
Fazit  <ul><li>Unzugängliche Internet-Seiten bedeuten: </li></ul><ul><ul><li>Verlust von Informationen </li></ul></ul><ul>...
Upcoming SlideShare
Loading in...5
×

Barrierefreie Homepage

1,555

Published on

Über Sinn und Unsinn der Internetpäsenz

Published in: Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,555
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
11
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Transcript of "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
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×