Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

E-Government / Barrierefreies Web 12008 Rechtliches und Richtlinien: Barrierefreie Internetangebote Workshop Barrierefreies Web für Online Redaktion des.

Ähnliche Präsentationen


Präsentation zum Thema: "E-Government / Barrierefreies Web 12008 Rechtliches und Richtlinien: Barrierefreie Internetangebote Workshop Barrierefreies Web für Online Redaktion des."—  Präsentation transkript:

1 E-Government / Barrierefreies Web 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:

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

3 E-Government / Barrierefreies Web 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.

4 E-Government / Barrierefreies Web 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.

5 E-Government / Barrierefreies Web 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.

6 E-Government / Barrierefreies Web 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.

7 E-Government / Barrierefreies Web 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.

8 E-Government / Barrierefreies Web 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.

9 E-Government / Barrierefreies Web 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.

10 E-Government / Barrierefreies Web Richtlinien für barrierefreie Webinhalte

11 E-Government / Barrierefreies Web 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.

12 E-Government / Barrierefreies Web 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

13 E-Government / Barrierefreies Web WCAG 1.0 Rückblick Zwei Hauptthemen: 1.Web-Inhalte sollen geschmeidig (gracefully) transformieren 2.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.

14 E-Government / Barrierefreies Web 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.

15 E-Government / Barrierefreies Web WCAG 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.

16 E-Government / Barrierefreies Web 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)

17 E-Government / Barrierefreies Web 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.

18 E-Government / Barrierefreies Web Neu in WCAG 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.

19 E-Government / Barrierefreies Web Neu in WCAG (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.

20 E-Government / Barrierefreies Web Neu in WCAG 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.

21 E-Government / Barrierefreies Web Neu in WCAG 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.

22 E-Government / Barrierefreies Web 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

23 E-Government / Barrierefreies Web 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.

24 E-Government / Barrierefreies Web 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

25 E-Government / Barrierefreies Web 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.

26 E-Government / Barrierefreies Web Weitere Richtlinien: ATAG und 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, … ATAG WCAG UAAG

27 E-Government / Barrierefreies Web Relevante Richtlinien für Online Redaktion verstehen

28 E-Government / Barrierefreies Web 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

29 E-Government / Barrierefreies Web Alternativtext – WCAG 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

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

31 E-Government / Barrierefreies Web 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) –http://www.evort.net/bfwd/multimedia/, (Video+Untertitel)http://www.evort.net/bfwd/multimedia/http://www.bmgfj.gv.at

32 E-Government / Barrierefreies Web 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!

33 E-Government / Barrierefreies Web 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

34 E-Government / Barrierefreies Web Grafiktypen Grafiken als InformationsträgerALT, LONGESC Grafiken als LinksALT(, LONGDESC) Grafiken mit stilisiertem Text (ALT), vermeiden Logos(ALT) Dekorationenleeres ALT Grafiken als Platzhalter / zur Positionierungvermeiden 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.

35 E-Government / Barrierefreies Web 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?

36 E-Government / Barrierefreies Web 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.

37 E-Government / Barrierefreies Web 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?

38 E-Government / Barrierefreies Web Information nicht farbcodieren – WCAG 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!

39 E-Government / Barrierefreies Web Information nicht farbcodieren – WCAG 1 CKP 1.Sorgen Sie dafür, dass die gesamte mit Farbe dargestellte Information auch ohne Farbe verfügbar ist. [P1] 2.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]

40 E-Government / Barrierefreies Web 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!

41 E-Government / Barrierefreies Web 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.) 0705&channel=CH0756 Kennzeichnungssymbol Nichtraucherschutzhttp://www.bmgfj.gv.at/cms/site/standard.html?doc=CMS &channel=CH0756 Frage: Wie können die Symbole beschrieben werden?

42 E-Government / Barrierefreies Web Lesbare und verständliche Sprache – WCAG 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: 1.Machen Sie in klarer Weise Änderungen der natürlichen Sprache des Dokumententexts und sämtlicher Text-Äquivalente kenntlich. [P1] 2.Spezifizieren Sie die Ausschreibung jeder Abkürzung und jedes Akronyms an der Stelle des ersten Auftretens. [P3] 3.Machen Sie die vorherrschende natürliche Sprache des Dokuments kenntlich. [P3]

43 E-Government / Barrierefreies Web Lesbare und verständliche Sprache - WCAG 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: 1.Verwenden Sie für den Inhalt einer Site die klarste und einfachste Sprache, die angemessen ist. [P1] 2.Ergänzen Sie Text mit grafischen oder Audio-Präsentationen, wo dies das Verständnis der Seite erleichtert. [P3] 3.Verwenden Sie einen Präsentationsstil, der über Seiten hinweg konsistent ist. [P3]

44 E-Government / Barrierefreies Web 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

45 E-Government / Barrierefreies Web Lesbare und verständliche Sprache Lesbare und verständliche Sprache kommt allen zugute! Zielgruppen berücksichtigen! Vereinfachte Sprache (Anlehnung an Einfache Sprache) Worauf kommts 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

46 E-Government / Barrierefreies Web 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:

47 E-Government / Barrierefreies Web 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. Vorschlag: Bestellen Sie kostenlos Broschüren, Studien und Informationsmaterialien mit dem Online Bestellservice.

48 E-Government / Barrierefreies Web 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.

49 E-Government / Barrierefreies Web 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.

50 E-Government / Barrierefreies Web 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.

51 E-Government / Barrierefreies Web Struktur und Gliederung von Texten – WCAG 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: –

52 E-Government / Barrierefreies Web Struktur und Gliederung von Texten - WCAG 1.0 Checkpunkte 1.Wenn eine angemessene Markup-Sprache existiert, Markup anstatt Bilder verwenden, um Informationen darzustellen. [P2] 2.Erstellen Sie Dokumente, die gegen veröffentlichte formale Grammatiken validieren. [P2] 3.Verwenden Sie Stylesheets, für Layout und Präsentation. [P2] 4.Verwenden Sie relative anstelle von absoluten Einheiten in den Attributwerten der Markup-Sprache und Stylesheet-Property- Werten. [P2] 5.Verwenden Sie Überschriften-Elemente (gemäß Spezifikation), um die Struktur eines Dokuments darzustellen. [P2] 6.Verwenden Sie korrekten Markup für Listen und Listenelemente. [P2] 7.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]

53 E-Government / Barrierefreies Web Struktur und Gliederung von Texten – WCAG 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!

54 E-Government / Barrierefreies Web 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 –Erfolgskriterien: CR (AA) Überschriften und Beschriftungen – klar beschreiben, konsistent einsetzen CR (AAA) Section Headings – Überschriftengliederung in längeren Dokumenten

55 E-Government / Barrierefreies Web 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, …

56 E-Government / Barrierefreies Web Strukturelemente – semantische Tags WofürHTML-Tagvgl. Word Absatz Absatzformat Standard Überschriften.. Überschrift 1 bis Überschrift n (sinnvoll bis zu 3 Ebenen, ausgenommen lange Texte z.B. Studien) Listen Aufzählungsliste (Symbole) Nummerierte Liste Definitionsliste keine direkt Entsprechung Zitat keine direkt Entsprechung Tabelle

57 E-Government / Barrierefreies Web Strukturelemente – semantische Tags 2 Hervorhebungen eines Textteiles WofürHTML-Tagvisuelle Präsentation betont fett kursiv Zitat innerhalb Code

58 E-Government / Barrierefreies Web Überschriften Zur Gliederung des Inhalts verwenden. In korrekter Reihenfolge (Hierarchie) benutzen: vor vor, … 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

59 E-Government / Barrierefreies Web Definitionslisten Begriff 1 Definition 1 Definition 2 Begriff 2 Definition Begriff 3 Definition Beispiele für Einsatz und visuelle Präsentation: Länderinformationen: Veranstaltungen: Haupteinsatz: Glossar, Lexikon, … Alternative: über Überschriften strukturieren

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

61 E-Government / Barrierefreies Web Orientierung und Navigation – WCAG 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

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

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

64 E-Government / Barrierefreies Web 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

65 E-Government / Barrierefreies Web Orientierung und Navigation Seitentitel (Fenstertitel) ist das erste, was Sprachausgabe vorliest –http://www.bizeps.or.at, (optimal automatisch erstellt aus dem Seiteninhalt)http://www.bizeps.or.athttp://www.wien.gv.athttp://www.bka.gv.athttp://www.linz.gv.at Ü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)http://www.wien.gv.at/umweltschutz/umweltbericht/umweltbericht-06.html


Herunterladen ppt "E-Government / Barrierefreies Web 12008 Rechtliches und Richtlinien: Barrierefreie Internetangebote Workshop Barrierefreies Web für Online Redaktion des."

Ähnliche Präsentationen


Google-Anzeigen