wie barrierefrei ist meine website
Post on 22-Mar-2017
228 Views
Preview:
TRANSCRIPT
WIE BARRIEREFREI IST MEINE WEBSITE?Domingos de Oliveira
Darum gehts
Automatische Tests Experten-Tests Betroffenen-Tests Manuelle Tests Was Ihr konkret testen solltet
Generelles Barrierefreiheit von Anfang an
einplanen Greift auf bestehende Lösungen
wie Wordpress, Drupal und Frameworks wie Bootstrap zurück. Sie nehmen Euch Arbeit ab.
Das Produkt sollte so früh wie möglich überprüft werden, sowohl entwicklungsbegleitend als auch in der Prototyp-Phase
Automatisch testen
Automatische Testverfahren
Im Web findet Ihr viele Möglichkeiten, um einen Schnelltest durchzuführen. Eine Liste von Tools findet Ihr beim W3C.
Um die Ergebnisse zu verstehen, müsst Ihr die Barrierefreiheitskriterien gut kennen. Oder viel Zeit haben, um die angezeigten Probleme und Fehler zu interpretieren.
Vor- und Nachteile automatischer Tests
Vorteil: Viele Tools sind zumindest in der
Basis kostenlos. Es geht schnell. Nachteil: Viele Dinge wie Beschriftungen für
Bilder und Buttons können nicht automatisch geprüft werden.
Oft ist Sachverstand erforderlich, um die Tragweite eines angezeigten Fehlers einschätzen zu können.
Frag einen Experten
Experten einbeziehen
Es gibt Experten für digitale Barrierefreiheit. Einer davon steht gerade vor Euch.
Der Experte hat sich systematisch mit Barrierefreiheit beschäftigt. Er kann schnell erkennen, wo Probleme bei der Website liegen könnten.
Vor- und Nachteile von Expertentests
Vorteile: Ein Experte kann viele typische
Probleme schnell aufspüren.Nachteile: Oft ist er selbst nicht betroffen. Er ist evtl. betriebsblind. Er kostet in der Regel viel Geld.
Frag einen Behinderten
Betroffene einbinden
Frag einen Behinderten, ob er Probleme mit deiner Website hat.
Barrierefreiheit im Internet
11
Nutzungsszenarien entwickeln
Entwickle ein typisches Nutzungs-Szenario.
Methoden dafür findest du bei den Usability-Experten.
Überlege, was eine typische Aufgabe auf Deiner Website ist. Lass den Nutzer diese Aufgabe erledigen und dabei laut erklären, was er gerade macht und wo er Probleme hat.
Wo finde ich einen Behinderten?
Z.B. über Facebook: Zu jeder Behinderung gibt es eigene Gruppen.
Oder einfach auf der Straße: Sprich den Rollifahrer an, dem Du täglich begegnest.
Die beißen nicht – zumindest wenn sie gerade gegessen haben.
Incentive anbieten
Für diese Arbeit solltest Du natürlich ein Incentive anbieten. Nicht jeder Behinderte hat beliebig Zeit und Lust für solche Tests.
Vor- und Nachteile bei Betroffenen-Tests
Vorteil: Du hast Ergebnisse aus der Praxis. Nachteil Einzelne Ergebnisse sind oft
problematisch. Du bräuchtest eine große Gruppe an Testpersonen, um alle
Es kann in der Person liegende Probleme geben.
Nicht alle Probleme sind auf diese Weise erkennbar. Du bräuchtest eine große Gruppe an Testpersonen, um alle großen Probleme aufzuspüren.
Selber testen
Verschiedene Test-Methoden
Tests sollten immer systematisch nach einer bestimmten Methodik erfolgen.
Gängig in Deutschland ist der BITV-Test. Er bietet eine Schritt-für-Schritt-Anleitung.
BITV-Test
Ein gängiges Testverfahren in Deutschland ist der BITV-Test.
Er erklärt Schritt für Schritt, was, wie und warum getestet wird.
Er basiert auf der BITV 2.0 und testet vor allem die Anforderungen Körperbehinderter. Geistig und kognitiv behinderte bleiben außen vor.
Vor- und Nachteile manueller Tests
Vorteile: Sie können leicht selbst
durchgeführt werden. Es braucht vor allem Zeit, Geduld und Erfahrung mit Webdesign oder Entwicklung kann auch nicht schaden.
Nachteile: Die Testmethoden sind sehr
formalistisch. Sie decken nicht immer die Probleme ab, die in der Praxis auftreten.
Kurze Testanleitung bzw. Link auf den passenden Schritt im BITV-Test
Was ihr testen solltet
Tastaturbedienbarkeit
Mit Tab bewegt ihr euch durch anklickbare Elemente.
Mit Return aktiviert ihr Links oder schickt Formulare ab.
Die Website sollte nur mit Tastatur bedienbar sein.
Achtet vor allem auf dynamische Elemente wie ausklappende Menüs, Formulare und andere interaktive Elemente.
Kontrast
Der Kontrast-Analyser zeigt euch, ob eure Inhalte ausreichend Kontrast haben.
Wichtig ist der Kontrast von Fließtext, von Links und anderen Bedienelementen.
Ein Testtool ist der Color Contrast Analyser.
Formular-Elemente klar benannt
Alle Bestandteile eines Formulars brauchen ein Label. Das ist eine für die Hilfssoftware von Blinden auslesbare Beschreibung.
So wird’s geprüft.
Seite strukturiert
Einzelne Bereiche einer Unterseite sind über HTML-Überschriften oder ARIA-Orientierungspunkte erreichbar.
So wird geprüft.
Fehlermanagement
Macht eine falsche Eingabe in euer Formular.
Bei Fehleingaben gibt es klare Hinweise auf die Fehlerstelle.
Es wird eindeutig gezeigt, wie der Fehler behoben werden kann.
Dann testet mal los!
Danke für Eure Aufmerksamkeit
top related