Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

Das barrierefreie Internet von S imone C lever Juni 2012.

Ähnliche Präsentationen


Präsentation zum Thema: "Das barrierefreie Internet von S imone C lever Juni 2012."—  Präsentation transkript:

1 Das barrierefreie Internet von S imone C lever Juni 2012

2 © Simone Clever Seminar Texten fürs Netz Folie 2 Juni 2012 Was ist Barrierefreiheit Chancengleichheit für ALLE Egal ob Menschen mit oder ohne Behinderungen Unabhängig von der Art der Ausspielgeräte (PC / Smartphone / Tablet / etc.) Unabhängig von der Internetverbindung (Geschwindigkeit) Ziel kaum zu 100 Prozent zu erreichen Nicht barrierefrei sondern barrierearm

3 © Simone Clever Seminar Texten fürs Netz Folie 3 Juni 2012 Welche Seite ist barrierefrei und welche nicht?

4 © Simone Clever Seminar Texten fürs Netz Folie 4 Juni 2012 Redaktionell Inhalte verständlich und in klarer Sprache Textlich klar strukturiert Zwischenüberschriften verwenden Aussagekräftige Bildbeschreibungen (ALT- Tags) Bei der Bildauswahl auf Kontraste achten (Lichtverhältnisse / Farbenblindheit / Bildschirmauflösung)

5 © Simone Clever Seminar Texten fürs Netz Folie 5 Juni 2012 Aussagekräftige Alt-Tags Redaktionell - Beispiel

6 © Simone Clever Seminar Texten fürs Netz Folie 6 Juni 2012 Farbenblindheit

7 © Simone Clever Seminar Texten fürs Netz Folie 7 Juni 2012 Sehbehinderungen ca. 3 % der Deutschen leiden unter schweren Sehbehinderungen (davon sind ca Menschen blind) ca. 60% der Blinden und Seheingeschränkten nutzen das Internet Möglichkeit der Vergrößerung (Skalierbarkeit)

8 © Simone Clever Seminar Texten fürs Netz Folie 8 Juni 2012 Sehbehinderungen: Ausgabe / Eingabehilfe der Inhalte Braille-Zeile

9 © Simone Clever Seminar Texten fürs Netz Folie 9 Juni 2012 Sehbehinderungen: Ausgabe / Eingabehilfe der Inhalte

10 © Simone Clever Seminar Texten fürs Netz Folie 10 Juni 2012 Sehbehinderungen: Ausgabe der Inhalte Screenreader (für die akustische Wiedergabe) Software (z. B. Jaws / COBRA / Virgo / etc. ) Text und Bildbeschreibung (ALT-tag) werden vorgelesen

11 © Simone Clever Seminar Texten fürs Netz Folie 11 Juni 2012 Sehbehinderungen: Ausgabe der Inhalte

12 © Simone Clever Seminar Texten fürs Netz Folie 12 Juni 2012 Hörgeschädigte bis Menschen mit extrem eingeschränkter Hörfähigkeit DGS (Deutsche Gebärden Sprache) Untertitel Audiodeskription

13 © Simone Clever Seminar Texten fürs Netz Folie 13 Juni 2012 Gebärdensprache Gebärdensprache & Untertitel – Quarks & Co

14 © Simone Clever Seminar Texten fürs Netz Folie 14 Juni 2012 Gebärdensprache in der Mediathek Gebärdensprache & Untertitel – Quarks & Co

15 © Simone Clever Seminar Texten fürs Netz Folie 15 Juni 2012 Audiodeskription – Quarks & Co

16 © Simone Clever Seminar Texten fürs Netz Folie 16 Juni 2012 Technisch Bei der Programmierung zu beachten: Text und Seitelayout trennen Klare Struktur der Überschriften Farben und Kontraste beachten (Vordergrund / Hintergrund) Tabellen nur für tabellarische Daten (nicht für Layoutzwecke) Zusatzangebote (z. B. PDF u. Flash) müssen auch mit älteren Versionen der Programme laufen Navigationsstruktur übersichtlich und schlüssig gestalten

17 © Simone Clever Seminar Texten fürs Netz Folie 17 Juni Farbkontraste

18 © Simone Clever Seminar Texten fürs Netz Folie 18 Juni 2012 Multimedia-Elemente Optimierung der Videos ISDN und DSL beim WDR: Web-S(mall)l / Web-M(edium) / Web-L(arge) Unterschiedliche Videoplayer (Flash-Player/ Real-Player/ Windows-Media-Player/ Quicktime- Player) Dateigröße für Downloads angeben Start durch Nutzer (kein Autostart) Im Idealfall – Untertitel Regeln zur Einbindung von Multimedia-Elementen / Videos

19 © Simone Clever Seminar Texten fürs Netz Folie 19 Juni 2012 Einsatz von Flash keine wesentliche Inhalte in Flash Zusatzinformationen können Hilfe sein Grundsätzlich sind alle multimedialen Präsentationen zu begrüßen, wenn sie das Verständnis der angebotenen Informationen fördern. (BITV)

20 © Simone Clever Seminar Texten fürs Netz Folie 20 Juni 2012 Beispiel: Quarks & Co

21 © Simone Clever Seminar Texten fürs Netz Folie 21 Juni 2012 ohne CSS (Layout Programmierung) Beispiel: Quarks & Co

22 © Simone Clever Seminar Texten fürs Netz Folie 22 Juni 2012 ohne Bilder Beispiel: Quarks & Co

23 © Simone Clever Seminar Texten fürs Netz Folie 23 Juni 2012 klare Struktur der Überschriften Beispiel: Quarks & Co

24 © Simone Clever Seminar Texten fürs Netz Folie 24 Juni 2012 Akustische Wiedergabe

25 © Simone Clever Seminar Texten fürs Netz Folie 25 Juni 2012 Weitere Beispiele nur eine !

26 © Simone Clever Seminar Texten fürs Netz Folie 26 Juni 2012 Weitere Beispiele - ohne Bilder

27 © Simone Clever Seminar Texten fürs Netz Folie 27 Juni 2012 Weitere Beispiele

28 © Simone Clever Seminar Texten fürs Netz Folie 28 Juni 2012 Weitere Beispiele Korrekte Auszeichnung von - - ohne Bilder

29 © Simone Clever Seminar Texten fürs Netz Folie 29 Juni 2012 Ergebnis alle Nutzer profitieren von barrierearmen Internet-Seiten Ziel: Informationen unabhängig von dem Zugangs-Ort dem Zugangs-Zeitpunkt der Zugangs-Software bereitzustellen

30 © Simone Clever Seminar Texten fürs Netz Folie 30 Juni 2012 WCAG - Web Content Accessibility Guidelines Richtlinien des World Wide Web Consortium (W3C) Version WCAG 1.0 im Mai 1999

31 © Simone Clever Seminar Texten fürs Netz Folie 31 Juni 2012 WCAG Version WCAG 2.0 Dezember 2008 Vier Prinzipien: Wahrnehmbar - Informationen und Bestandteile der Benutzerschnittstelle müssen den Benutzern so präsentiert werden, dass diese sie wahrnehmen können. Bedienbar - Bestandteile der Benutzerschnittstelle und Navigation müssen bedienbar sein. Verständlich - Informationen und Bedienung der Benutzer- schnittstelle müssen verständlich sein. Robust - Inhalte müssen robust genug sein, damit sie zuverlässig von einer großen Auswahl an Benutzeragenten einschließlich assistierender Techniken interpretiert werden können.

32 © Simone Clever Seminar Texten fürs Netz Folie 32 Juni 2012 Vielen DANK Fragen?! https://addons.mozilla.org/en-US/firefox/addon/accessibility-evaluation-toolb/

33 © Simone Clever Seminar Texten fürs Netz Folie 33 Juni htmlhttp://www.wdr.de/themen/kultur/rundfunk/wdr/untertitel/index.j html /http://www.w3.org/Translations/WCAG20-de/WCAG20-de / teilhaben.de/DE/StdS/Home/Aktuelles/2011_09_22_bitv.htmlhttp://www.einfach- teilhaben.de/DE/StdS/Home/Aktuelles/2011_09_22_bitv.html


Herunterladen ppt "Das barrierefreie Internet von S imone C lever Juni 2012."

Ähnliche Präsentationen


Google-Anzeigen