wcag 2.0 mehr als nur ein standard, synergien zwischen usability und accessibility
Post on 07-Dec-2014
2.828 Views
Preview:
DESCRIPTION
TRANSCRIPT
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
top related