WCAG 2.0 mehr als nur ein Standard

Synergien zwischen Usability und Accessibility

Peter Rozek Usability Professionals 2009 – Erleben. Gestalten.

Siebte Praxistagung der German UPA im Rahmen der Mensch&Computer Konferenz: 06.09.-09.09.2009 an der Humboldt-Universität zu Berlin

think green

•Was heißt Web-Accessibility

•Was ist die WCAG 2.0

•Was ist Usability

• Synergien

• Strategie

Inhalt

Was heisst

Web-Accessibility

Accessibility wird in der Regel mit Zugänglichkeit umschrieben.

Wenn wir von Zugänglichkeit sprechen meinen wir damit auch die Nutzbarkeit?

„The Power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.“

Tim Berners-Leehttp://www.w3.org/WAI

"Web accessibility means that people with disabilities can use the Web. More specifically, Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web."

W3Chttp://www.w3.org/WAI/intro/accessibility.php

„Es ist die Nutzbarkeit, die die Barrierefreiheit von der reinen Zugänglichkeit unterscheidet.“

Jan Eric Hellbuschhttp://www.barrierefreies-webdesign.de

WahrnehmbarkeitBedienbarkeitVerständlichkeitRobustheit

Vier Prinzipien bilden die

WCAG 2.0

Die vier Prinzipien hören sich sehr technisch an.

Beinhalten aber sehr viel wenn man die Anwendung der Prinzipen im eigentlichen Anwendungskontext berücksichtigt.

Die WCAG besteht aus 12 Guidelines. Jedem Prinzip sind bestimmte Guidelines zugeordnet.

Richtlinien

Guidelines

Zu jeder der 12 Richtlinien gehören sogenannte Success Criteria oder Erfolgskriterien die erfüllt werden müssen.

Erfolgskriterien

Success Criteria

Die Erfolgskriterien wurden so formuliert das sie objektiv nachprüfbar sind.

Prinzipien, Richtlinien und Erfolgskriterien bilden den offiziellen normativen Teil der WCAG 2.0

Eingesetzte Techniken sollen Browser und andere Hilfsmittel unterstützen.Rücksicht auf Verfügbarkeit der Hilfsmittel.Nicht nur ein Hilfsmittel unterstützen.

accessible supported

Nicht das abhacken einer Checkliste steht im Vordergrund.

Barrierefreiheit soll als Prozess verstanden werden. Bei dem der Nutzer im Mittelpunkt der Entwicklung steht.

Die offiziellen Dokumente werden durch nicht-normative Dokumente ergänzt:

• Techniques for WCAG 2.0

•Understanding WCAG 2.0

• Failure

Sufficient TechniquesAdvisory Techniques

http://www.w3.org/TR/2007/WD-WCAG20-TECHS-20071211/

Zusatzdokumente

Techniques

http://www.w3.org/TR/UNDERSTANDING-WCAG20/

Zusatzdokumente

Understanding

Eine Art zusätzlicher Beipackzettel zum besseren Verständnis der WCAG 2.0

http://www.w3.org/TR/WCAG-TECHS/failures.html

Zusatzdokumente

Failure

Böse Fehler die es zu vermeiden gilt.

Was ist

Usability

Vielfach wird im Zusammenhang mit Usability der Begriff Benutzerfreundlichkeit oder Benutzbarkeit verwendet.

EffektivEffizientZufriedenstellend

Usability soll

EffektivEffizientZufriedenstellend

WahrnehmbarBedienbarVerständlichRobust

Usability WCAG 2.0

Usability (Gebrauchtstauglichkeit) beschreibt das Ausmaß in dem ein Produkt durch bestimmte Benutzer in einem bestimmten Nutzungskontext genutzt werden kann um bestimmte Ziele zu erreichen.

Usability nach DIN EN ISO9241-11

... wie können Synergieeffekte entstehen?

Ausgangslage

Agenturseite

Workflows im Webdesign folgen nicht zu selten traditionellen Mustern.

Agentur

Workflows im Webdesign folgen nicht zu selten traditionellen Mustern.

Agentur

Workflows im Webdesign folgen nicht zu selten traditionellen Mustern. Die einzelnen Arbeitsschritte werden nach einander abgearbeitet.

Agentur

Accessibility wird immer noch getrennt von Branding, Usability, Design und Programmierung betrachtet.

Agentur

Accessibility wird nicht zu selten als ein technischer Teilaspekt gesehen.Bei der Umsetzung wird zuerst der Frontend-Entwickler adressiert.

Agentur

Jeder arbeitet getrennt vom anderen.

• Zielgruppen

• Prozesse

• Komponenten

Konzepter denkt

• Visuell

• Farben, Gestaltungsraster und Formen

• Farbkonzepte müssen stimmen und harmonisch sein

• An erster Stelle steht das Design und die CI

• Fehlt das technische Verständnis

Grafik denkt

• Technisch

• denkt in „Programmiersprachen“

• Kreativ

Programmierer denkt

• HTML, CSS, Java Script

• Webstandards

• Sematik

• WAI-ARIA

• Barrierefreiheit

Frontend denkt

Ausgangslage

Kundenseite

Das typische Organiegramm-Denken wird auf die Website übertragen. Ein klares Ziel wird nicht präzise formuliert.

Kunde

Fehlende Anforderungsanalyse!Inhalte, Funktionen und Services orientieren sich in erster Linie an den Wünschen des Kunden oder der Technik .

Kunde

• konkret

• Nach innen gerichtet

• Interne Interessen berücksichtigen

• Zeitweise Beschäftigung mit dem Projekt

• benötigt neben Lösungen auch Argumente, um sie intern zu vertreten.

Kunde denkt

Warum brauchen wir

Synergien

Nutzergruppen und Webangebote werden immer heterogener.

Bei gleichzeitig zunehmender Informationsorientierung steigen die Anforderungen an Usability, User Experience, Joy of Use und Accessibility.

Web-Accessibility hat bisher nur wenig Einzug in den Agenturen gehalten.

Der Zusammenhang von Accessibility, und User Experience wird nach wie vor unterschätzt.

Interesse beim

Nutzer

Soziale Bedürfnisse nach Interaktivität, Akzeptanz und Kontrolle.

„The User had the Design“

Wie entstehen

Synergien

Synergien entstehen wenn die Arbeitsweisen von Konzeption, Design, Programmierung und Frontend gebündelt werden.

Synergien können entstehen wennAgenturen, Entwickler und Designer Qualitätsstandards, Nutzertests und gute Gestaltung als Einheit sehen.

Eine stärkere Hinwendung zum Generalisten der Erfahrung aus verschiedenen Bereichen mitbringt.

•Design

• Technik

• Interaktion

Accessibility ist kein HTML-Feature , sondern Konzeption, Usability, Design, Nutzertests und Frontendentwicklung.

Die heuristische Evaluation nicht ausschießlich in den Fokus der Entwicklung stellen. Nutzen und die Bedeutung von echten Nutzertests erkennen.

Experten können sich nicht vollständig in den Nutzungskontext hineinversetzen.

Tests bereits an den Anfang der Entwicklung stellen.

Accessibility ist ein Teilbereich der Usability

Usability ist ein Teilbereich der User Expierence

• Lernbarkeit

• Einprägsamkeit

• Effektivität

• Effizienz

• Zufriedenstellung

Synergien sind

Können Nutzer die Website bei Ihrem ersten Besuch effektiv nutzen ohne sofort frustriert zu sein?

Synergie Effekt

Lernbarkeit

Können sich Ihre Nutzer bei einem erneuten Besuch daran erinnern, wie die Funktionen der Seite zu nutzen sind?

Synergie Effekt

Einpraegsamkeit

Können die Nutzer einfach durch die Inhalte browsen?Wissen die Nutzer instinktiv was Sie als nächstes tun können?Ist das Design der Seite einheitlich und vorhersehbar?

Synergie Effekt

Effektivitaet

Findet der Nutzer was er sucht und kann er sein Ziel in einem vernünftigen Zeitraum erreichen.

Synergie Effekt

Effizienz

Haben die Nutzer der Website ein gutes Gefühl, wenn sie die Website nutzen?Werden Sie wieder kommen?

Synergie Effekt

Zufriedenstellung

• Ziele und Kriterien von Usability und Accessibility greifen ineinander.

• Damit eine Website oder Applikation sowohl usable als auch accessible ist, müssen beide Konzepte in den Entwicklungsprozess integriert werden.

Empfehlung

Wie können wir Interfaces so gestalten, dass das gewünschte Verhalten zugleich eine visuelle gute Gestalt herstellt?

Strategie

Die Website befindet sich im stetigen Aufbau und die Roadmap folgt dem Konzept einer usable Accessibility Site.

Die Roadmap reagiert flexibel auf Impluse und Feedback. Accessibility als zu erreichendes Ziel bleibt erhalten.

Ich danke für Ihre Aufmerksamkeit!

Twitter: @webinterface

Xing: https://www.xing.com/profile/Peter_Rozek

www.think-green.de

www.peter-rozek.de