Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

Wie erreiche ich Barrierefreiheit im Webauftritt? Grundlagen und Tipps für Projektverantwortliche, Ausschreibung und Auftragsvergabe, Qualitätssicherung.

Ähnliche Präsentationen


Präsentation zum Thema: "Wie erreiche ich Barrierefreiheit im Webauftritt? Grundlagen und Tipps für Projektverantwortliche, Ausschreibung und Auftragsvergabe, Qualitätssicherung."—  Präsentation transkript:

1 Wie erreiche ich Barrierefreiheit im Webauftritt? Grundlagen und Tipps für Projektverantwortliche, Ausschreibung und Auftragsvergabe, Qualitätssicherung

2 Wie erreiche ich Barrierefreiheit im Web? A-Tag Ein paar Zitate Bitte machen Sie uns ein Angebot für einen barrierefreien Relaunch. Ein barrierefreier Webauftritt ist kein fertiges Produkt, das man einfach aus der Schublade ziehen kann.

3 Wie erreiche ich Barrierefreiheit im Web? A-Tag Ein paar Zitate Nach Maßgabe des Behindertengleichstellungsgesetzes ist der komplette Internetauftritt so zu gestalten, dass er für Menschen mit Behinderungen in der allgemein üblichen Weise, ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe zugänglich und nutzbar ist. Schöne Formulierung. Aber wüssten Sie jetzt wann diese Anforderung erfüllt ist?

4 Wie erreiche ich Barrierefreiheit im Web? A-Tag Ein paar Zitate WCAG muss umgesetzt werden. Pauschale Anforderungen ohne konkrete Zielformulierung öffnen Tür und Tor für halbseidene Kompromisse.

5 Wie erreiche ich Barrierefreiheit im Web? A-Tag Ein paar Zitate Webauftritt muss WCAG Level AAA konform sein. Unerfüllbare Anforderung an Dienstleister für Web Design und / oder technische Umsetzung, wenn inhaltliche Entscheidungen (Informationsarchitektur, Redaktion) ausschließlich vom Auftraggeber getroffen und umgesetzt werden, dort aber Accessibility- Kompetenz fehlt. Entspricht Anforderung überhaupt der Zielsetzung? (Zielgruppenausrichtung)

6 Wie erreiche ich Barrierefreiheit im Web? A-Tag Prozessansatz Barrierefreier Webauftritt - ein Prozess! Vorbereitung Ausschreibung Auswahl, Auftragsvergabe Umsetzung Abnahme Betrieb

7 Wie erreiche ich Barrierefreiheit im Web? A-Tag Prozess - Vorbereitung Ziele und Nicht-Ziele festlegen WAS? Information und / oder Interaktion FÜR WEN? Zielgruppenbeschreibungen WOMIT? Werkzeuge: Umbau / Erweiterung oder Neuanschaffung (Leistungsanforderung) Analyse des Ist-Standes Benutzerfeedback Evaluierung und Test Eigeninteressen Relaunch (Ausmaß) oder komplett neu?

8 Wie erreiche ich Barrierefreiheit im Web? A-Tag Vorbereitung - Umfeld klären Wer sind die Akteure? Planer Grafiker Techniker Redakteur Entscheider BENUTZER Interne Mitarbeiter (Ressourcen und Kompetenzen) Externe Experten und Dienstleister

9 Wie erreiche ich Barrierefreiheit im Web? A-Tag Vorbereitung – Rahmen abstecken II Interne Ressourcen und Kompetenzen klären Projekt-/Prozessmanagement Konzeption / Informationsarchitektur Web-Design / Grafik Technische Umsetzung Online-Redaktion User Centered Design Prozess (Benutzerorientierung) Web Usability Web Accessibility Fachexperten, Berater im Haus?

10 Wie erreiche ich Barrierefreiheit im Web? A-Tag Vorbereitung – Rahmen abstecken III Externe Dienstleister für Projektleitung Konzeption / Informationsarchitektur Web-Design / Grafik Technische Umsetzung Online-Redaktion oder Schulung für Mitarbeiter Usability und Accessibility (Beratung, Test, Abnahme) Usability / Accessibility von Beginn an einbinden. Extern und Kompetenzaufbau (Mitarbeiterschulung).

11 Wie erreiche ich Barrierefreiheit im Web? A-Tag Vorbereitung – Zuständigkeiten Webauftritt –Zuständigkeiten klären: Planung – Umsetzung – Betrieb Welche Ressourcen und Kompetenzen sind vorhanden und nutzbar? –Konzept, –Design, –technische Realisierung, –technische Wartung / Betrieb, –redaktionelle Wartung / Betrieb Usability / Accessibility Kompetenz? –für welche Bereiche vorhanden, nutzbar? –für welche Bereiche intern aufzubauen (Schulung!) Berater?Agentur?Intern?

12 Wie erreiche ich Barrierefreiheit im Web? A-Tag Vorbereitung – Entscheiden Komplett außer Haus geben? Betrieb intern? Wer? Qualitätssicherung in Redaktion WCAG Kriterien für Inhalt und Sprache Wie? Redaktionswerkzeug (CMS), Prüfwerkzeuge ATAG (Richtlinien für Autorensysteme) - Redakteure unterstützen in Erstellung barrierefreier Inhalte - CMS selbst ist barrierefrei Technik im Haus? Qualitätssicherung im Technikteam + WCAG Techniken

13 Wie erreiche ich Barrierefreiheit im Web? A-Tag Vorbereitung – Konkretisieren für Ausschreibung Bedeutung und Grad der Barrierefreiheit festlegen –WCAG 1.0, WCAG 2.0, … –welche Checkpunkte, welche Erfolgskriterien? –Konformitätslevel (A, AA, AAA) - Gesetz? Anforderung? - wer (Akteur) ist wofür verantwortlich? - Ziel und Zielgruppen Webstandards Web UI und Accessibility Design Patterns, Best Practises, weitere Richtlinien (PDF, Flash, …) Zugangsumgebungen (Endgeräte – Browser, Mobile, Assistierende Technologien – Konformitätslisten) Werkzeugbedarf (CMS), Schulungsbedarf, …

14 Wie erreiche ich Barrierefreiheit im Web? A-Tag Ausschreibung – Ziele und Kriterien Das komplette Internetportal soll ein Höchstmaß an Zugänglichkeit für die Zielgruppen (Zielgruppen beschreiben) bieten. Als Grundlage dienen die Anforderungen der WCAG in den Konformitätsstufen 1 (A) und 2 (AA) - (K.O.-Kriterien anführen) eine standardkonforme, linearisierte und semantisierte Codierung als XHTML 1.0 (gemäß Webstandard W3C), die konsequente Trennung von Inhalt und Gestaltung über CSS-Design. messbare Kriterien: K.O.-Kritieren WCAG-Kritieren Techniken und Muster weitere Richtlinien, Ergänzungen, Zusatzanforderung (Redaktionsunterstützung, Schulung, …) - Ausschluss - erfüllt / nicht erfüllt - Zusatzpunkte

15 Wie erreiche ich Barrierefreiheit im Web? A-Tag Ausschreibung – Anbieterauswahl Auswahl einer Agentur mit nachweislicher Kompetenz im Bereich Barrierefreiheit - einschlägige Referenzen / Kompetenznachweise, Zertifikate, Awards auch bezüglich Entwicklungsprozess-Know-how - Mitarbeiterqualifikationen - Problemverständnis und Zugang zum Thema Barrierefreiheit - Kompetenz und Erfahrung in Umsetzung von WCAG-Kritierien, ATAG-Kritieren, Webstandards, Zukunftssicherheit und Anpassungsfähigkeit der Technologien - Schriftlich, Projektformblatt: (Benutzereinbindung, Abnahme) - Präsentation - Umsetzungskonzept

16 Wie erreiche ich Barrierefreiheit im Web? A-Tag Ausschreibung – Umsetzung + Abnahme Umsetzungsprozess beschreiben - Optimierungszyklen - Test und Evaluierung (was wird getestet? wer testet?) - wie oft und wann Abnahmekriterien und -prozedur - Eigenurteil, Fremdurteil, Benutzerurteil bei Abnahme - was wird beurteilt? (abhängig von konkret beschriebenen Kriterien) - Konsequenzen? (Nachbesserungen, …)

17 Wie erreiche ich Barrierefreiheit im Web? A-Tag Umsetzung Lösungen im Projektverlauf suchen –neue oder alternative Lösungen im Projektverlauf an den Zielkriterien messen –Prototyping + Testen (Detaillierungsgrad festlegen) –Stichproben bereits umgesetzter Seiten testen –Qualität / Fortschritt an Testsergebnissen messen

18 Wie erreiche ich Barrierefreiheit im Web? A-Tag Abnahme Ergebnis bei Abnahme beurteilen (Schnelltest, Expertentest) Wer nimmt ab?

19 Wie erreiche ich Barrierefreiheit im Web? A-Tag Fallbeispiel – Relaunch Design Ausgangslage Website – Informationsportal, einfache Webformulare Zielgruppen heterogen (Bürger, Medien, Fachexperten) Redaktionswerkzeug (CMS) und Technik im Haus + Programmweiterentwicklungsvertrag mit CMS-Ersteller Veränderungswunsch Zeitgemäßes Design, Optik Navigation, Orientierung, Struktur verdeutlichen (visuell) Design für neue Elemente (Videoseite, Newsletter)

20 Wie erreiche ich Barrierefreiheit im Web? A-Tag Fallbeispiel - Ziele Analyse Ist-Zustand, Vorentscheidungen, Ressourcen Website entspricht großteils WCAG 1.0 A(+), Verbesserungsbedarf im Detail (Design, Frontendcodeteile) Webstandardkonform (XHTML+CSS) Intern geschulte Redaktion kann Webseiteninhalte barrierefrei erstellen, CMS ist erweiterbar / änderbar - bleibt bestehen Kompetenzen im Haus (Technik, Usability & Accessibility) Keine konzeptionelle Änderung (Informationsarchitektur, Seitenkonzept), Logo / CI unveränderbar Zielsetzung Relaunch (Design, Optik) WCAG 1.0 AA(+), Detailverbesserungen (praktischer Nutzen)

21 Wie erreiche ich Barrierefreiheit im Web? A-Tag Fallbeispiel - Vorbereitungsergebnis für Ausschreibung – Leistungsbeschreibung 1) Information zur bestehenden Website Ziel- und Zielgruppenbeschreibung Beschreibung der Rahmenbedingungen (Unveränderbares): Informationsarchitektur, Seiten-/Navigationskonzept, Corporate Design Elemente (Logo, Schrift, …) 2) Anforderungen Konkrete Defizitbeschreibung und Detailanforderungen Design und Ausarbeitung (XHTML+CSS) für Beispielseiten WCAG 1.0 Konformitätsstufe A + AA in den dem Ausschreibungsgegenstand entsprechenden Kriterien (muss)

22 Wie erreiche ich Barrierefreiheit im Web? A-Tag Fallbeispiel – Konkretisieren in Ausschreibung Zitate aus der Leistungsbeschreibung Das Webdesign muss alle entsprechenden Kriterien der WCAG 1.0 in den Levels A und AA erfüllen. Zu erbringende Leistung … "Prototypische Ausarbeitung gewählter Entwürfe und Fertigstellung - Ausarbeitung der gewählten Rohentwürfe in (X)HTML und CSS - Ausarbeitung aller Design-Elemente - Dokumentation des Designs und aller eingesetzten Elemente, der Icons, der Primär- und Sekundärfarben, von Musterseiten (Styleguide)"

23 Wie erreiche ich Barrierefreiheit im Web? A-Tag Fallbeispiel – Ausschreibung - Kriterien Ausschreibung – Einordnung und Zuschlagskriterien 1) Einordnung Kostenschätzung > Verhandlungsverfahren ohne vorherige Bekanntmachung im Unterschwellenbereich > Anbietervorauswahl 2) Zuschlagskriterien (wirtschaftlich günstigstes Angebot) Konzeptionelle Überlegungen (Präsentation und Erklärung des vorgeschlagenen Designs) Optische Anmutung (zeitgemäßes Design, Kreativität, …) Übersichtlichkeit (Inhaltsstruktur, Navigation) Praktische Umsetzung der Barrierefreiheit auf Basis WCAG 1.0 Preis 5% 25% 20%

24 Wie erreiche ich Barrierefreiheit im Web? A-Tag Fallbeispiel – Bewertung Bewertungsgrundlagen Grafisches Webdesign Entwürfe in Papierform UND digital angefordert Anbieter waren zur Präsentation ihrer Entwürfe eingeladen Anbieter waren aufgefordert, konkrete Überlegungen zur praktischen Umsetzung der Anforderungen hinsichtlich Barrierefreiheit zu beschreiben. Design testbar (Farben, Kontraste) Zugang und Verständnis für Accessibility Kompetenz und Erfahrung hinsichtlich Umsetzung der WCAG, mit bekannten Mustern vergleichbar

25 Wie erreiche ich Barrierefreiheit im Web? A-Tag Fallbeispiel – Abnahmegrundlagen Abnahmegrundlagen Prototypische Umsetzung des Webdesigns (XHTML+CSS - statische Musterseiten) Mitarbeit des Auftragnehmers bei Umsetzung in Testbetrieb (CMS) sichern (Voraussetzung: vorherige Abstimmung CMS-Templates – statische Prototypen) Abnahme nach erfolgter Mängelbehebung (Mängel auf Grundlage Evaluierungsergebnis und Testergebnis), mehr als 1 Entwicklungszyklus vorsehen. evaluierbar nach WCAG-Kriterien in geforderter Konformitätsstufe, testbar (Benutzertests) Evaluierungs- /Testergebnis beeinflusst Fertigstellung.

26 Wie erreiche ich Barrierefreiheit im Web? A-Tag Fallbeispiel 2 - Videopodcast Analyse Ist-Zustand, Vorentscheidungen, Ressourcen Bestehende Videopräsentation WCAG 1.0 AA konform Minimale Verbesserungsmöglichkeiten Optimierungsmöglichkeiten Produktionsablauf Produktion, Technik, Webpräsentation, Hosting / Betrieb, Texttranskript, ÖGS-Dolmetschung – komplett außer Haus Beratungskompetenz hinsichtlich Accessibility im Haus Ausschreibungspflicht Zielsetzung Halten (Minimum) und Verbessern des Services Erhöhung des Verbreitungsgrades (RSS, …)

27 Wie erreiche ich Barrierefreiheit im Web? A-Tag Fallbeispiel 2 - Vorbereitungsergebnis für Ausschreibung – Leistungsbeschreibung 1) Information Ausbau Service Videopodcast (Verweis auf Bestehendes) Beschreibung der Rahmenbedingungen und Kriterien 2) Anforderungen Multimedia barrierefrei Standards berücksichtigen WCAG 1.0 Konformitätsstufe A + AA in den dem Ausschreibungsgegenstand entsprechenden Kriterien (muss)

28 Wie erreiche ich Barrierefreiheit im Web? A-Tag Fallbeispiel 2 – Ausschreibung - Kriterien Ausschreibung – Einordnung und Zuschlagskriterien 1) Einordnung Kostenschätzung > Verhandlungsverfahren mit vorherigen Bekanntmachung im Unterschwellenbereich 2) Zuschlagskriterien (wirtschaftlich günstigstes Angebot) Videoproduktion (Technische Parameter und Qualität) Multimedia-Präsentation (Standardkonforme Technologien + WCAG Level A und AA – entsprechende Kriterien) Effizienz (Produktionsworkflow, Dauer) Preis 30% 20%

29 Wie erreiche ich Barrierefreiheit im Web? A-Tag Fallbeispiel 2 – Kompetenznachweis Referenzen vom Anbieter Webfähige Videos Referenzwebsites hinsichtlich barrierefreien Zugänglichkeit zu dieser Website / diesem Webservice und in Präsentation des multimedialen Angebotes Unternehmenseigene Pilotprojekte als Referenz anerkannt

30 Wie erreiche ich Barrierefreiheit im Web? A-Tag Fallbeispiel 2 – Bewertung Bewertungsgrundlagen WCAG 1.0 CP 1.1, 1.4 Untertitel synchronisiert Zusatzforderung Texttranskript, ÖGS-Dolmetschung Konzept zur Umsetzung Videotechnik, -formate, streaming, Technologien / Standards für synchronisierte Untertitel, Barrierefreies Multimedia, Präsentation im Web wie eingebunden und für lokale Players (2 waren vorgegeben) K.O.-Kriterium Zusatz (muss) Kompetenz und Erfahrung hinsichtlich Umsetzung der WCAG, Multimedia barrierefrei

31 Wie erreiche ich Barrierefreiheit im Web? A-Tag Resumee & Tipps Qualitätssichernde Maßnahmen Klare Rahmenbedingungen vor Ausschreibung / Auftragsvergabe klären –Benutzer und Benutzungskontext –Ziele und Nicht-Ziele –Interne Ressourcen und Kompetenzen Grad der Barrierefreiheit definieren (Ziel-/Zielgruppenausrichtung) Messbare Kriterien in Ausschreibung festlegen Agentur mit nachweislicher Kompetenz auswählen Tests und Optimierungszyklen – auch Benutzertests Minimum an Urteilskraft jedenfalls selbst aneignen Usability & Accessibility Fachexperten / externe Berater einbinden (von Beginn an) Accessibility im Unternehmen verankern (Unternehmenspolitik – Entscheidungsebene bis Umsetzer - Weiterbildung) Nachhaltigkeit, Qualitätssicherung Betrieb – Testen!!!

32 Wie erreiche ich Barrierefreiheit im Web? A-Tag ??? Fragen?

33 Wie erreiche ich Barrierefreiheit im Web? A-Tag Ende Vielen Dank für Ihre Aufmerksamkeit und gutes Gelingen bei Ihrem Vorhaben! Kontakt: Edith Vosta Bundeskanzleramt Österreich Abteilung VII/5 Internet Koordination und Redaktion


Herunterladen ppt "Wie erreiche ich Barrierefreiheit im Webauftritt? Grundlagen und Tipps für Projektverantwortliche, Ausschreibung und Auftragsvergabe, Qualitätssicherung."

Ähnliche Präsentationen


Google-Anzeigen