Rechtliches und Richtlinien: Barrierefreie Internetangebote Workshop Barrierefreies Web für Online Redaktion des BMGFJ, Aktualisiert um Update-Info.

Präsentation zum Thema: "Rechtliches und Richtlinien: Barrierefreie Internetangebote Workshop Barrierefreies Web für Online Redaktion des BMGFJ, Aktualisiert um Update-Info."—  Präsentation transkript:

1 Rechtliches und Richtlinien: Barrierefreie Internetangebote Workshop Barrierefreies Web für Online Redaktion des BMGFJ, Aktualisiert um Update-Info zu WCAG 2.0, Foliensatz wurde erstellt von: Edith Vosta (Kontakt: 2008

2 Muss meine Internetseite barrierefrei sein?
Rechtliche Bestimmungen in Österreich, Bundesgesetze Bundesverfassungsgesetz Allgemeines Verwaltungsverfahrensgesetz Urheberrechtsgesetz E-Government-Gesetz Zustellungsgesetz Behindertengleichstellungsgesetz 2008

3 Bundesverfassungsgesetz
Artikel 7: „Niemand darf wegen seiner Behinderung benachteiligt werden. Die Republik (Bund, Länder und Gemeinden) bekennt sich dazu, die Gleichbehandlung von behinderten und nichtbehinderten Menschen in allen Bereichen des täglichen Lebens zu gewährleisten.“ Artikel 8: „Die Österreichische Gebärdensprache ist als eigenständige Sprache anerkannt.“ 2008

4 Allgemeines Verwaltungsverfahrensgesetz
§ 17a „Blinden oder hochgradig sehbehinderten Beteiligten, die eines Vertreters entbehren, hat die Behörde auf Verlangen den Inhalt von Akten oder Aktenteilen durch Verlesung oder nach Maßgabe der vorhandenen technischen Möglichkeiten in sonst geeigneter Weise zur Kenntnis zu bringen.“ 2008

5 Urheberrechtsgesetz § 42d. Abs. 1 „Zulässig ist die nicht kommerzielle Benutzung eines erschienenen Werkes durch Vervielfältigung für und Verbreitung an behinderte Personen in einer für sie geeigneten Form, soweit ihnen wegen ihrer Behinderung der Zugang zum Werk durch sinnliche Wahrnehmung eines erschienenen Werkstücks nicht möglich oder erheblich erschwert ist.“ 2008

6 E-Government-Gesetz § 1 Abs. 3 „Bei der Umsetzung ... ist Vorsorge dafür zu treffen, dass behördliche Internetauftritte, die Informationen anbieten oder Verfahren elektronisch unterstützen, spätestens bis 1. Jänner 2008 so gestaltet sind, dass internationale Standards über die Web-Zugänglichkeit auch hinsichtlich des barrierefreien Zugangs für behinderte Menschen eingehalten werden.“ 2008

7 Zustellgesetz § 30 Abs. 5 „Die von einem Zustelldienst ... zu erbringenden Zustellleistungen sind so zu gestalten, dass nach dem jeweiligen Stand der Technik der barrierefreie Zugang zu diesen Dienstleistungen für behinderte Menschen gewährleistet ist. 2008

8 Behindertengleichstellungsgesetz
§ 6 Abs. 5 „Barrierefrei sind ... Systeme der Informationsverarbeitung…, wenn sie für Menschen mit Behinderungen in der allgemein üblichen Weise, ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe zugänglich und nutzbar sind.“ Erläuterungen: „Das Vorliegen von Barrierefreiheit ist nach dem Stand der technischen Entwicklung zu beurteilen. Herangezogen werden dafür können beispielsweise ... die WAI-Leitlinien betreffend Angebote im Internet.“ 2008

9 Behindertengleichstellungsgesetz
§ 8 Abs. 3 „Die Richtlinien über die Vergabe von Förderungen des Bundes haben vorzusehen, dass bei der Vergabe von Förderungen... die Beachtung dieses Bundesgesetzes ... zu berücksichtigen ist, und sichergestellt ist, dass das geförderte Vorhaben den Grundsätzen dieses Bundesgesetzes nicht widerspricht.“ 2008

10 Richtlinien für barrierefreie Webinhalte
2008

11 Internationale Empfehlungen W3C / WAI
Web Content Accessibility Guidelines (WCAG) Alte Version: WCAG 1.0 von WCAG 2.0: Recommendation seit Allgemeine testbare Anweisungen im Richtliniendokument (normativ), unabhängig von aktuellen Technologien Begleitdokumente zum Verständnis und Techniken zur Implementierung sind informativ und damit auch künftig anpassbar. 2008

12 WCAG 1.0 Rückblick 14 Richtlinien mit insgesamt 65 Checkpoints
Checkpoints haben 3 Prioritäten [P1] muss befolgt werden, um die Zugänglichkeit zu ermöglichen [P2] sollte befolgt werden, um die Zugänglichkeit zu erleichtern [P3] kann befolgt werden, um die Zugänglichkeit wesentlich zu erleichtern Konformität: "A": Alle Checkpunkte der Priorität 1 sind erfüllt "Double-A": Alle Checkpunkte der Priorität 1 und 2 sind erfüllt "Triple-A": Alle Checkpunkte der Priorität 1, 2 und 3 sind erfüllt 2008

13 WCAG 1.0 Rückblick Zwei Hauptthemen:
Web-Inhalte sollen ‚geschmeidig‘ (gracefully) transformieren Web-Inhalte sollen verständlich und navigierbar sein Behandelt Zugänglichkeit von Webseiten aus der Sicht der Blinden und Sehbehinderten der Körperbehinderten der Gehörlosen der Menschen mit kognitiven Schwierigkeiten Problem: Starker Technologiebezug: (X)HTML, CSS. Schwer verständlich (technisch). Veraltet. 2008

14 WCAG 1.0 Rückblick Richtlinien
1. Stellen Sie äquivalente Alternativen für Audio- und visuellen Inhalt bereit. 2. Verlassen Sie sich nicht auf Farbe allein. 3. Verwenden Sie Markup und Stylesheets und tun Sie dies auf korrekte Weise 4. Verdeutlichen Sie die Verwendung natürlicher Sprache 5. Erstellen Sie Tabellen, die „geschmeidig“ (gracefull) transformieren. 6. Sorgen Sie dafür, dass Seiten, die neue Technologien verwenden, „geschmeidig“ transformieren. 7. Sorgen Sie für eine Kontrolle des Benutzers über zeitgesteuerte Änderungen des Inhalts. 8. Sorgen Sie für direkte Zugänglichkeit eingebetteter Benutzerschnittstellen. 9. Wählen Sie ein geräteunabhängiges Design. 10. Verwenden Sie Interim-Lösungen. 11. Verwenden Sie W3C-Technologien und -Richtlinien. 12. Stellen Sie Informationen zum Kontext und zur Orientierung bereit. 13. Stellen Sie klare Navigationsmechanismen bereit. 14. Sorgen Sie dafür, dass Dokumente klar und einfach gehalten sind. 2008

15 WCAG 2.0 4 Prinzipien: Perceivable: Alle Inhalte müssen zugänglich sein Operable: Interface-Komponenten müssen bedienbar sein Understandable: Inhalte und Bedienelemente müssen verständlich sein Robust: Inhalte sollen mit aktuellen und zukünftigen Zugangssoftware (Browser, Screenreader, etc.) und Technologien funktionieren. 2008

16 WCAG 2.0 Richtliniendokument
Jedem dieser 4 Prinzipien sind Richtlinien zugeordnet. Jede Richtlinie enthält eine oder mehrere Erfolgskriterium (Success Criteria - vgl. Checkpunkt in WCAG 1.0) in verschiedenen Konformitäts-Stufen: A (Minimum), AA, AAA (Höchste) 2008

17 WCAG 2.0 Begleitdokumente
Understanding WCAG 2.0: enthält zu jeder Richtlinie und jedem Erfolgskriterium Informationen zum Verständnis und Hilfestellung zur Implementierung. Techniques for WCAG 2.0: Detaillierte Beschreibung von hinlänglichen (sufficient) und weiter empfohlenen (advisory) Techniken und bekannten Fehlerfällen inkl. Beispiele, Codes und Tests. WCAG 2.0 Quick Reference: Sammlung von Richtlinien, Erfolgskriterien und Techniken nach Auswahl von Technologien. 2008

18 Neu in WCAG 2.0 - 1 Konzept „Accessibility supported“
Ziel: Einbindung neuer Web-Technologien zulassen, wenn diese mit assistierenden Technologien zusammenarbeiten und Accessibility Eigenschaften von User Agents unterstützen. Multimedia-Technologien, Flash, PDF, … künftig erweiterbar. 2008

19 Neu in WCAG 2.0 - 2 (maschinell/manuell) testbare Techniken
unterstützen Web Designer und Entwickler, teilweise auch sind Vorgaben für Evaluierung (für vollständige Accessibility Evaluierung sind ca. 300(+) Tests durchzuführen.) sind flexibel: laufend erweiterbar, neuen Technologien, Versionen anpassbar. 2008

20 Neu in WCAG 2.0 - 3 Konformität in verschiedenen Arten
„Standard“ – Konformitätslevel A, AA und AAA analog WCAG ausschließlich für full pages, alle Seiten eines kompletten Prozesses; accessibility-supported Nutzung von Technologien ist möglich zur Erfüllung, not-accessibility-supported dürfen nicht die allg. Benutzbarkeit der Seite behindern (nicht möglich für SC 1.4.2, 2.1.2, 2.3.1, 2.2.2) Wenn Seitenteile nicht konform sind, kann Statement für Partial Conformance angeführt werden. 2008

21 Neu in WCAG 2.0 - 4 Accessibility supported
Die Art und Weise wie Web Content Technologie eingesetzt wird muss von Assistierenden Technologien unterstützt werden. UND Für die Web Content Technologie müssen accessibility-supported User Agents für Benutzer verfügbar sein. 2008

22 WCAG 2.0 Prinzip 1 Richtlinien
Prinzip 1: „Alle Inhalte und UI-Komponenten müssen zugänglich sein“ Richtlinien: 1.1 Textalternativen für alle „Nicht-Text-Inhalte“ anbieten. 1.2 Synchronisierte Alternativen zu Multimedia („synchronized media“) anbieten. 1.3 Inhalte so gestalten, dass sie auf verschiedene Arten angezeigt werden können. 1.4 Inhalte müssen seh- oder hörbar sein und sollen sich nicht „überlagern“ 2008

23 WCAG 2.0 Prinzip 2 Richtlinien
Prinzip 2: „Interface-Komponenten müssen bedienbar sein“ Richtlinien: 2.1 Alle Funktionen müssen auch über die Tastatur bedienbar sein. 2.2 Geben Sie dem Benutzer genügend Zeit Inhalte zu lesen 2.3 Inhalte nicht so gestalten, dass sie „Anfälle“ auslösen 2.4 Bieten Sie Funktionen um den Benutzer beim Navigieren, Orientieren und Suchen unterstützen. 2008

24 WCAG 2.0 Prinzip 3 Richtlinien
Prinzip 3: „Inhalte und Bedienelemente müssen verständlich sein“ Richtlinien: 3.1 Texte müssen lesbar und verständlich sein 3.2 Webseiten sollen vorhersehbar funktionieren 3.3 Benutzer sollen die Möglichkeit haben, Fehler zu vermeiden oder rückgängig zu machen 2008

25 WCAG 2.0 Prinzip 4 Richtlinien
Prinzip 4: „Inhalte sollen mit aktuellen und zukünftigen Technologien kompatibel sein.“ Richtlinien: 4.1 Inhalte sollen technologieunabhängig gestaltet werden und mit assistierenden Technologien bedien- und wahrnehmbar sein. 2008

26 Weitere Richtlinien: ATAG und UAAG
WCAG UAAG Authoring Tool Accessibility Guidelines (ATAG) Richtlinien für Autorensysteme (Editoren, Content Management Systeme, …) zu Erzeugung von barrierenfreien Web Seiten und Web Content. User Agent Accessibility Guidelines (UUAG) Richtlinien für barrierefreie User Agents – Web Browser, Media Players, Assistierende Technologien, … 2008

27 Relevante Richtlinien für Online Redaktion verstehen
2008

28 Für Redakteure Wesentliches
Alternativtexte: gleichwertige Textalternativen für visuellen und auditiven Inhalt Vorsicht beim Einsatz von Farben: Information nicht farbcodieren, ausreichende Kontraste Lesbare und verständliche Texte, einfache - der Zielgruppe angemessene - Sprache Sinnvolle Struktur und Gliederung von Texten, korrekter Einsatz von Strukturelementen Klare Information zum Kontext, zur Orientierung, zur Navigation 2008

29 Alternativtext – WCAG 1.0 Stellen Sie äquivalente Alternativen für Audio- und visuellen Inhalt bereit. Text ist für alle lesbar Nicht-Text-Elemente – Multimedia - immer sinn-spezifisch: audio / video / Images / Animation Folgende Elemente verlangen nach Text-Äquivalenten: Grafiken Audio-Sequenzen Videos Rahmen – FRAME-Elemente Bereiche der Image Maps 2008

30 Alternativtext – WCAG 1.0 R1 Checkpunkte
Text-Äquivalent für jedes Nicht-Text-Element [P1] Redundante Textlinks für jede aktive Region einer Server-seitigen Imagemap [P1] Audio-Beschreibung der wichtigen Information der Videospur einer Multimedia-Präsentation [P1] Synchronisieren Sie für jede zeitgesteuerte Multimedia-Präsentation äquivalente Alternativen mit der Präsentation. [P1] Stellen Sie für jede aktive Region einer Client-seitigen Imagemap einen redundanten Textlink bereit. [P3] 2008

31 Alternativtext – WCAG 2.0 Richtlinien und Erfolgskriterien (SC):
1.1 (A) Textalternativen für alle „Nicht-Text-Inhalte“ anbieten. SC Non-text Content: Textalternative für non-text Content, betrifft: Fotos, Bilder, Grafiken, Diagramme. ausgenommen sind: zeitbasierte Medien, Kontrollfelder, Bilder mit rein dekorativen Charakter oder zur Formatierung, Captchas 1.2 Time-based Media: Bieten Sie Alternativen für zeitbasierte Medien. SC bis 1.2.9: verschiedene Erfolgskriterien für Textalternativen (Untertitelung, Audiobeschreibung, Texttranskript) zu multimedialen Content (Audio, Video, zeitbasierte Medien, … - live, voraufgezeichnet) (Video+Untertitel) 2008

32 Probleme mit Grafiken Für manche Personengruppen und in manchen Situationen sind die Informationen nicht wahrnehmbar Blinde Benutzer Textuelle Browser Mobile Endgeräte mit kleinen Displays Schriftart nicht veränderbar, Größe nur unter Qualitätsverlust skalierbar, Farben nicht anpassbar Textäquivalent angeben! 2008

33 IMG-Element - Attribute
ALT: Alternativer Text wird anstelle der Grafik angezeigt Screenreader geben immer den alternativen Text aus Text soll kurz sein (Richtwert 150 Zeichen max., optimal kürzer als 80 Zeichen) Für Beschriftung, kurze Bildbeschreibung oder Textinhalt aus dem Bild oder Linkziel spezifizieren TITLE: wird als Tooltipp in manchen Browsern angezeigt (falls verwendet) eindeutiger kurzer Text zur Benennung LONGDESC: Link zu einer Datei mit langer Beschreibung der Grafik Problem: versteht nicht jeder Browser, daher oft alternative Textlinks zu langen / ausführlichen Bildbeschreibungen 2008

34 Grafiktypen Grafiken als Informationsträger ALT, LONGESC
Grafiken als Links ALT(, LONGDESC) Grafiken mit stilisiertem Text (ALT), vermeiden Logos (ALT) Dekorationen leeres ALT Grafiken als Platzhalter / zur Positionierung vermeiden Werden wichtige Inhalte durch Bilder vermittelt, bedarf es dazu einer Alternative auf Textbasis. Werden Grafiken und Bilder zur Veranschaulichung angeboten, ist eine sinnvolle Beschriftung erforderlich. 2008

35 Grafiken als Informationsträger – Foto/Bild
Beispiel Gemälde ALT = „Bild von Dali: Die Beständigkeit der Erinnerung“ LONGDESC = Dalis Gemälde „Die Beständigkeit der Erinnerung“ Das Bild vermittelt die Vergänglichkeit der Zeit. Das Bild wird von Ruhe beherrscht und zeigt keinerlei Bewegung. Merkmale: Objekte: Strand mit Klippe, ein Baum, ein Quader, ein stilisiertes Lebewesen, Uhren fließen über mehrere Objekte. Farben:16 Farben bilden einen Kontrast zwischen dunklen (rot, blau, schwarz) und hellen (ocker, blau, weiß), dunkler Hintergrund. Technik: Öl auf Leinwand Stil: Surrealismus Entstehungsjahr: 1931 Fotos: kurze Beschreibung im ALT + ausführliche Beschreibung (wenn erforderlich) Wohin mit der Copyright-Info? 2008

36 Grafiken als Informationsträger 2
Organigramm, Diagramm ALT – Kurzbeschreibung / Verweis auf Text aussagekräftiger Alternativtext / lange Beschreibung (LONGDESC) Organigramme, Diagramme nicht in Dokumente zum Download verstecken! Auch dort muss die Information zugänglich sein. 2008

37 Grafiken als Informationsträger 3
Landkarten technisch realisiert als Imagemaps, jeder klickbare Bereich ist über Kurzbeschreibung im ALT mit Ziel identifiziert Bannerlink (Werbeinfo und Link) ALT = Kurzbeschreibung + Linkzielbeschreibung vgl. Bannerlinks (News) auf Navigation - Linkbuttons ALT = Linkzielbeschreibung (Menütitel) Immer fragen: Was beinhaltet das Bild? Welchem Zweck dient das Bild? 2008

38 Information nicht farbcodieren – WCAG 1.0
2. Verlassen Sie sich nicht auf Farbe allein. Farbe als eine Eigenschaft des visuellen Kanals soll nicht der einzige Inhaltsträger sein. Solche Informationen gehen verloren für Blinde Farbenblinde Benutzer von Schwarz-Weiß-Bildschirmen oder nicht-visuellen Geräten Bilder und Texte brauchen einen ausreichenden Kontrast Schwarzer Text auf hellem Hintergrund Nicht rot auf grün!!! Aber auch nicht: rot & blau – sind zu weit auseinander im Farbspektrum! 2008

39 Information nicht farbcodieren – WCAG 1 CKP
Sorgen Sie dafür, dass die gesamte mit Farbe dargestellte Information auch ohne Farbe verfügbar ist. [P1] Sorgen Sie dafür, dass die Kombinationen aus Vordergrund- und Hintergrundfarbe ausreichend kontrastieren, wenn sie von jemanden betrachtet werden, dessen Farbsehen beeinträchtigt ist, oder wenn sie auf einem SW-Bildschirm betrachtet werden. [P2 für Bilder, P3 für Text] 2008

40 Information nicht farbcodieren – WCAG 2.0
Erfolgskriterium in Richtlinie 1.4 1.4.1 Use of Color: Farben nicht benutzen als ausschließliches Instrument, um Information zu geben eine Aktion zu kennzeichnen eine Reaktion zu erwarten ein visuelles Element zu kennzeichnen Jeder Inhalt muss auch in schwarz/weiß-Ansicht verstanden werden! 2008

41 Information nicht farbcodieren - Beispiele
Typische Fehler: „Drücken Sie den grünen Knopf“ Farblegenden in Grafiken Farbcodes in Tabellen Gute Lösungen in symbolischen Kennzeichnungen (Straßensymbole, etc.) Kennzeichnungssymbol Nichtraucherschutz Frage: Wie können die Symbole beschrieben werden? 2008

42 Lesbare und verständliche Sprache – WCAG 1.0
4. Verdeutlichen Sie die Verwendung natürlicher Sprache. Wichtig für Sprachausgabe und Braille Display Gesamtes Dokument und einzelne Abschnitte in Fremdsprachen sollen ausgezeichnet werden. Abkürzungen und Akronyme sollen als solches ausgezeichnet werden Checkpunkte: Machen Sie in klarer Weise Änderungen der natürlichen Sprache des Dokumententexts und sämtlicher Text-Äquivalente kenntlich. [P1] Spezifizieren Sie die Ausschreibung jeder Abkürzung und jedes Akronyms an der Stelle des ersten Auftretens. [P3] Machen Sie die vorherrschende natürliche Sprache des Dokuments kenntlich. [P3] 2008

43 Lesbare und verständliche Sprache - WCAG 1.0
14. Sorgen Sie dafür, dass Dokumente klar und einfach gehalten sind. Konsistente Seitenformatierung Deutliche, erklärende Grafiken Einfache Sprache Die klarste und einfachste Sprache, die angemessen ist Eine Hauptidee pro Absatz Einfache Sätze, besser im Aktiv als im Passiv Checkpunkte: Verwenden Sie für den Inhalt einer Site die klarste und einfachste Sprache, die angemessen ist. [P1] Ergänzen Sie Text mit grafischen oder Audio-Präsentationen, wo dies das Verständnis der Seite erleichtert. [P3] Verwenden Sie einen Präsentationsstil, der über Seiten hinweg konsistent ist. [P3] 2008

44 Lesbare und verständliche Sprache – WCAG 2.0
Richtlinie 3.1 Texte müssen lesbar und verständlich sein Erfolgskriterien (SC): SC (A) Dokumentensprache angeben SC (AA) Sprachwechsel für Textpassagen, Ausnahmen: Namen, technische Terme, Wörter oder Phrasen die in der jeweiligen Sprache übernommen sind SC (AAA) Umgang mit unüblichen Wörtern – Idiome, Jargon SC (AAA) Abkürzungen kennzeichnen SC (AAA) Lesegrad lower secondary education level – ergänzende Information zum Verständnis – Glossar, Lexikon, … SC (AAA) Aussprache – Beispiel „Tenor“ 2008

45 Lesbare und verständliche Sprache
Lesbare und verständliche Sprache kommt allen zugute! Zielgruppen berücksichtigen! Vereinfachte Sprache (Anlehnung an „Einfache Sprache“) Worauf kommt‘s an? Wortwahl Einfach, klar, aktiv, positiv Aktive Verben statt abstrakter Substantive Verzicht auf Synonyme und zusammengesetzte Wörter Verzicht oder erklären: Anglizismen, Fremdwörter, lautmalende Worte, Fachbegriffe, Abkürzungen, Akronyme Vermeiden: unnütze Verhältniswörter, Modalverben, Füllwörter, Amtsdeutsch Einheitliche Schreibweise Orthografisch korrekte Schreibweise (auch Groß-/Kleinschreibung!) Fremdsprachige Wörter mit Sprachwechsel auszeichnen Alltagssprache, gebräuchliche Begriffe verwenden 2008

46 Lesbare und verständliche Sprache 2
Satzbau und Formulierung Übersichtliche Satzkonstruktionen Kurze Sätze: optimal 10 Wörter, maximal 20 Wörter Eine Information pro Satz, ein Gedanke pro Absatz Keine Schachtelsätze, einfache Nebensätze Aktiv statt passiv formulieren, konkret statt abstrakt Positiv formulieren, Verneinung vermeiden Persönlich formulieren Zielgruppengerechte Formulierung auch: gendergerecht in Inhalt, Form und Formulierung Deutliche Erhöhung der Lesbarkeit erst in Kombination mit Struktur und Gliederung des Textes erzielbar! Siehe Usability-Studie von Jakob Nielsen: 2008

47 Lesbare und verständliche Sprache 3
Für Anregungen und allgemeine Fragen steht Ihnen folgende -Adresse zur Verfügung: Vorschlag: Senden Sie Ihre Anregungen und Fragen per an Nützen sie unser kostenloses Online Bestellservice für Broschüren, Studien und Informationsmaterialien. Bestellen Sie kostenlos Broschüren, Studien und Informationsmaterialien mit dem Online Bestellservice. 2008

48 Lesbare und verständliche Sprache 3
Das BMGFJ Newsletter-Service versorgt Sie kostenlos per mit aktuellen und wissenswerten Themen aus den Bereichen Gesundheit, Competence Mall Initiative, Gentechnik, Familie und Jugend. Die Newsletter liefern Ihnen wichtige und interessante Informationen aus dem österreichischen Gesundheitswesen und der Familien- und Jugendpolitik in kompakter und übersichtlicher Form. Vorschlag: Sie wollen über Neuigkeiten informiert werden? Melden Sie sich an zum kostenlosen Newsletter-Service und wählen Sie Ihre Interessensgebiete aus. Wir bieten (wöchentlich, monatlich, unregelmäßig?) Neuigkeiten aus den Bereichen - Gesundheit, - Competence Maill Initiative, - Gentechnik, - Familie und Jugend. 2008

49 Lesbare und verständliche Sprache 3
Eltern haben heute höhere Erwartungen an ihre Erziehungsaufgabe, ihren Kindern messen sie einen höheren Stellenwert zu, die unterschiedlichen Wertehaltungen in einer pluralistischen Gesellschaft, rasche technologische und wirtschaftliche Veränderungen stellen zunehmende Herausforderungen dar und sie wollen oder können sich oft auch nicht am Vorbild ihrer Eltern orientieren. Vorschlag: Eltern haben heute höhere Erwartungen an ihre Erziehungsaufgabe. Sie messen ihren Kindern einen höheren Stellenwert zu. Die unterschiedlichen Wertehaltungen in einer pluralistischen Gesellschaft, rasche technologische und wirtschaftliche Veränderungen stellen zunehmende Herausforderungen an die Kinder dar. Sie wollen oder können sich oft auch nicht am Vorbild ihrer Eltern orientieren. 2008

50 Lesbare und verständliche Sprache 3
Aufgabe jugendpolitischer Maßnahmen des Ministeriums im Bereich Prävention ist hauptsächlich die Förderung von diesbezüglichen Projekten im außerschulischen Bereich, die Unterstützung von Forschungsarbeiten, die Fortbildung von MultiplikatorInnen der außerschulischen Jugendarbeit sowie die Vernetzung von Einrichtungen, Institutionen und Organisationen der Jugendarbeit und der Präventionsarbeit. Vorschlag: Das Ministerium fördert und unterstützt in der außenschulischen Jugendarbeit und Prävention eine Reihe von jugendpolitischen Maßnahmen: - Projekte im außerschulischen Bereich, - Forschungsarbeiten, - Aus- und Weiterbildung für Multiplikatorinnen und Multiplikatoren, - Vernetzung von Einrichtungen, Institutionen und Organisationen der Jugendarbeit und der Präventionsarbeit. 2008

51 Struktur und Gliederung von Texten – WCAG 1.0
3. Verwenden Sie Markup und Stylesheets und tun Sie dies auf korrekte Weise Unkorrekter Markup kann die Ursache für die Unzugänglichkeit sein. Benutzen Sie nicht Grafik, um Text, Mathematik o. Ä. darzustellen Dokument-Struktur soll durch Gliederungs-Elemente (Überschriften, Listen, Zitate) festgelegt werden Text soll mit Cascading Style Sheets (CSS) formatiert werden Missbrauchen Sie nicht Struktur-Elemente, um Texte zu formatieren. Typischer Missbrauch von Strukturelementen zu Layoutzwecken: <table> <blockquote> 2008

52 Struktur und Gliederung von Texten - WCAG 1.0
Checkpunkte Wenn eine angemessene Markup-Sprache existiert, Markup anstatt Bilder verwenden, um Informationen darzustellen. [P2] Erstellen Sie Dokumente, die gegen veröffentlichte formale Grammatiken validieren. [P2] Verwenden Sie Stylesheets, für Layout und Präsentation. [P2] Verwenden Sie relative anstelle von absoluten Einheiten in den Attributwerten der Markup-Sprache und Stylesheet-Property-Werten. [P2] Verwenden Sie Überschriften-Elemente (gemäß Spezifikation), um die Struktur eines Dokuments darzustellen. [P2] Verwenden Sie korrekten Markup für Listen und Listenelemente. [P2] Verwenden Sie Markup für Zitate. Verwenden Sie keinen Markup, der für Zitate gedacht ist, um visuelle Effekte wie Einrückung zu erzielen. [P2] 2008

53 Struktur und Gliederung von Texten – WCAG 1.0
5. Erstellen Sie Tabellen, die „geschmeidig“ (gracefull) transformieren. wenn Tabellen – nur Datentabellen, nicht für Layout Beschriftung (caption) und Zusammenfassung (summary) nur korrektes Markup ermöglicht eine sinnvolle Tabellennavigation Da von vielen CMS bislang zu wenig unterstützt -> nur für Autoren mit sehr guten HTML-Kenntnissen! 2008

54 Struktur und Gliederung von Texten – WCAG 2.0
Richtlinie 1.3: Adaptable: Content so erstellen, dass dieser trotz verschiedener Präsentationen (einfacheres Layout) Information und Struktur behält. Erfolgskriterien: CR (A) Information, Struktur und Beziehungen Richtlinie 2.4: Hilfen zur Navigation und Orientierung CR (AA) Überschriften und Beschriftungen – klar beschreiben, konsistent einsetzen CR (AAA) Section Headings – Überschriftengliederung in längeren Dokumenten 2008

55 Struktur und Gliederung von Texten
Strukturelemente korrekt einsetzen (vgl. Formatvorlagen in Word) für Überschriften, Listen, Zitate, Tabellen u.a. Wichtig für Screenreader und andere ATs Textbrowser Typische Fehler: Missbräuchliche Verwendung von Strukturelementen (table, blockquote) für visuelle Präsentation Nur visuelle Formatierung von Überschriften u.a. (z.B. nur fett) Aufzählungen (Listen) im Satz verstecken, Zeilenumbrüche zur visuellen Trennung von Absätzen, … 2008

56 Strukturelemente – semantische Tags
Wofür HTML-Tag vgl. Word Absatz <p> Absatzformat Standard Überschriften <h1>..<h6> Überschrift 1 bis Überschrift n (sinnvoll bis zu 3 Ebenen, ausgenommen lange Texte z.B. Studien) Listen <ul> Aufzählungsliste (Symbole) <ol> Nummerierte Liste Definitionsliste <dl> keine direkt Entsprechung Zitat <blockquote> keine direkt Entsprechung Tabelle <table> Tabelle 2008

57 Strukturelemente – semantische Tags 2
Hervorhebungen eines Textteiles Wofür HTML-Tag visuelle Präsentation betont <strong> fett <em> kursiv Zitat innerhalb <cite> Code <code> 2008

58 Überschriften Zur Gliederung des Inhalts verwenden.
In korrekter Reihenfolge (Hierarchie) benutzen: <H1> vor <H2> vor <H3>, … Damit wird Text u.a. auch für blinde Menschen scannbar, wenn Überschriften folgende Eigenschaften erfüllen: aussagekräftig kurz und präzise eindeutig (innerhalb einer Seite) bilden die Gliederungshierarchie korrekt ab 2008

59 Definitionslisten Beispiele für Einsatz und visuelle Präsentation:
<DL> <DT>Begriff 1</DT> <DD>Definition 1</DD> <DD>Definition 2</DD> <DT>Begriff 2</DT> <DD>Definition</DD> <DT>Begriff 3</DT> </DL> Beispiele für Einsatz und visuelle Präsentation: Länderinformationen: Veranstaltungen: Haupteinsatz: Glossar, Lexikon, … Alternative: über Überschriften strukturieren 2008

60 Datentabellen - Techniken
Kennzeichnen von Zeilen- und Spaltenüberschriften mit <th> Lange Überschriften im abbr-Attribut von <th> abkürzen Zuordnung von Datenzellen und Überschriftenzellen Attribute id bei <th> und headers bei <td> Attribute scope="row | col" von <th> Tabellenüberschrift mit <caption> Zusammenfassung im Attribut summary von <table> angeben Beispiele: (einfache) (komplexe) Vorsicht vor (sehr) komplexen Tabellen! (Attribut colspan, geschachtelte Tabellen). Aufteilen!!! HTML-Kenntnisse erforderlich (-> Techniker), sonst Tabellen besser vermeiden. 2008

61 Orientierung und Navigation – WCAG 1.0
13. Stellen Sie klare Navigationsmechanismen bereit. Konsistenter Aufbau der Seiten Einsetzen von Navigationsleiste, Sitemap, Suche Klare und kurze Link-Texte Verweisgruppierung Mechanismen, um die Verweisgruppen zu überspringen Mechanismen, um mehrzeilige ASCII-Arts zu überspringen 2008

62 Orientierung und Navigation – WCAG 1.0
Checkpunkte: Identifizieren Sie das Ziel jedes Links auf klare Weise. [P2] Stellen Sie Metadaten bereit, um semantische Information zu Seiten und Sites hinzuzufügen. [P2] Stellen Sie Informationen zum allgemeinen Layout einer Site bereit (z. B. über eine Sitemap oder ein Inhaltsverzeichnis). [P2] Verwenden Sie Navigationsmechanismen in konsistenter Weise. [P2] Stellen Sie Navigationsleisten bereit, um den Navigations-mechanismus hervorzuheben und einen Zugriff darauf zu ermöglichen. [P3] 2008

63 Orientierung und Navigation – WCAG 1.0
Checkpunkte: Gruppieren Sie verwandte Links, identifizieren Sie die Gruppe (für Benutzeragenten), und ermöglichen Sie das Überspringen der Gruppe, bis Benutzeragenten dies gestatten. [P3] Wenn Suchfunktionen verfügbar sind, stellen Sie verschiedene Arten der Suche bereit, je nach den Fähigkeiten und Vorlieben der Benutzer. [P3] Platzieren Sie unterscheidungskräftige Information an den Anfang von Überschriften, Absätzen, Listen usw. [P3] Stellen Sie Informationen über Zusammenstellungen von Dokumenten bereit (z. B. mehrseitige Dokumente usw.) [P3] Ermöglichen Sie das Überspringen von ASCII-Zeichnungen. [P3] 2008

64 Orientierung und Navigation – WCAG 2.0
Richtlinie 2.4: Hilfen zur Navigation und Orientierung Erfolgskriterien: CR (AA) Überschriften und Beschriftungen – klar beschreiben, konsistent einsetzen CR (AAA) Section Headings – Überschriftengliederung in längeren Dokumenten CR (A) Seitentitel (Fenstertitel): Inhalt / Thema bzw. Zweck der Seite beschreiben – verlangt sprechenden Titel CR (A) Ziel und Zweck des Linkzieles ist aus dem Linktitel erkennbar (im Kontext) CR (AAA) Ziel und Zweck des Linkzieles ist eindeutig aus dem Linktitel erkennbar 2008

65 Orientierung und Navigation
Seitentitel (Fenstertitel) ist das erste, was Sprachausgabe vorliest (optimal automatisch erstellt aus dem Seiteninhalt) Überschriften dienen auch der Navigation (für „schnelles Scannen“ von Web Content / Texten) Linktitel muss Ziel erklären aussagekräftig kurz und prägnant beschreibt Verweis-Art (interner Link, externer) informiert Link öffnet im selben Fenster oder in neuem Fenster Ziel ist eine Webseite, ein Dokument zum Herunterladen o.a. Linktitel eindeutig versus Linktitel im Kontext: (nicht korrekt, der Publikationstitel sollte beim ersten mal Linktitel sein) 2008