barrierefreie homepage
DESCRIPTION
Über Sinn und Unsinn der InternetpäsenzTRANSCRIPT
![Page 1: Barrierefreie Homepage](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/1.jpg)
Ü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](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/2.jpg)
Agenda
Benutzerfreundlichkeit im Web?– Beispiele
Barrierefreiheit im Web.– Beispiele
2
![Page 3: Barrierefreie Homepage](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/3.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/4.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/5.jpg)
(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](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/6.jpg)
(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](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/7.jpg)
WORUM geht es auf der Webseite?
Geschäftsführer:
Das ist doch offensichtlich!
Geschäftsführer:7
![Page 8: Barrierefreie Homepage](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/8.jpg)
8
![Page 9: Barrierefreie Homepage](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/9.jpg)
WAS bieten sie an?
Marketing-Chef:
Jeder, der unsere Seite wirklich braucht, wird wissen, was wir anbieten!
Marketing:9
![Page 10: Barrierefreie Homepage](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/10.jpg)
2
![Page 11: Barrierefreie Homepage](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/11.jpg)
2
![Page 12: Barrierefreie Homepage](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/12.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/13.jpg)
Wie wär‘s mit Barrierefreiheit?
Die benutzerfreundliche Webseite für alle Nutzer ist eine barrierefreie Webseite!
Barrierefreie?
13
![Page 14: Barrierefreie Homepage](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/14.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/15.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/16.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/17.jpg)
Fehlende ALT-texte für Grafiken.
17
![Page 18: Barrierefreie Homepage](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/18.jpg)
Fehlende Texthinterlegung für Inhalte. (FLASH)
18
![Page 19: Barrierefreie Homepage](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/19.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/20.jpg)
Geräteunabhängige Nutzung.
20
![Page 21: Barrierefreie Homepage](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/21.jpg)
Ausreichende Kontraste.
Unverzichtbar:
für die meisten Nutzer mit Sehschwäche.
Sehr wichtig:
Für alle Nutzer.
21
![Page 22: Barrierefreie Homepage](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/22.jpg)
Ausreichende Kontraste.
22
![Page 23: Barrierefreie Homepage](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/23.jpg)
Ausreichende Kontraste.
23
![Page 24: Barrierefreie Homepage](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/24.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/25.jpg)
Klare Navigation. Logische Struktur.
25
![Page 26: Barrierefreie Homepage](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/26.jpg)
Verständliche Inhalte.
26
![Page 27: Barrierefreie Homepage](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/27.jpg)
Verständliche Inhalte und logische Struktur
27
![Page 28: Barrierefreie Homepage](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/28.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/29.jpg)
Ohne JavaScript nutzbar.
29
![Page 30: Barrierefreie Homepage](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/30.jpg)
Ohne JavaScript nutzbar.
30
![Page 31: Barrierefreie Homepage](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/31.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061210/5490a3efb47959072a8b4d81/html5/thumbnails/32.jpg)
Fazit
Unzugängliche Internet-Seiten bedeuten:- Verlust von Informationen- Erschwerte Navigation- Imageverlust und- Frust
32