BEIER-CHRISTIAN.eu » accessibility

Usability-Test mit Menschen mit Behinderungen

Christian Beier — Sat, 27 Feb 2010 20:30:43 +0000

Die Agentur aperto hat unter dem Titel »Einfach-teilhaben.de im Usability-Test mit Menschen mit Behinderung« einen sehr interessanten Praxisbericht veröffentlicht. Leider sind solche Daten aus der Praxis (wenn Barrierefreiheit und Usability zusammenkommen) recht selten, weshalb der Bericht umso spannender ist.

Barrierefreiheit zum Anschauen

Christian Beier — Tue, 11 Mar 2008 17:23:50 +0000

Barrierefreiheit zum Anschauen: Kaum ein Webdesigner kann sich wirklich vorstellen, wie ein Benutzer mit Behinderung durch das Internet navigiert. In dem Film »Wie bedient ein sehbehinderter Mensch oder blinder Mensch das Web?« begleitet das Kamerateam einen sehbehinderten und einen blinden User, die mit verschiedenen Hilfsmitteln auf das Internet zugreifen. Sehr sehenswert.

Einführung in Barrierefreiheit im Internet

Christian Beier — Thu, 10 Jan 2008 14:54:56 +0000

Einführung in Barrierefreiheit im Internet: Jens Meiert hat einen sehr lesenswerten englischen WebAIM-Artikel zu den Grundlagen der Barrierefreiheit ins Deutsche übersetzt. Via pixelgraphix.

In 5 Schritten zu einer barrierearmen Website

Christian Beier — Tue, 30 Oct 2007 17:51:14 +0000

Hinweis: Dieser Artikel erscheint im Rahmen der Accessibility Blog Parade 2007. Bitte beachten Sie auch die weiteren Artikel, die im Rahmen dieser Parade entstanden sind.

Viele Artikel über die Umsetzung von Barrierefreiheit auf Websites gehen von dem Idealzustand – eine noch nicht erstellte Website – aus. Doch nur selten steht ein Webdesigner vor diesem Idealzustand. Viel eher ist die Aufgabenstellung, eine bestehende und meistens barrierereiche Website barriereärmer zu gestalten. Zudem ist es nur in den wenigsten Fällen möglich, im Hintergrund an einer neuen Version der Website zu arbeiten, sondern die Änderungen müssen »Live« durchgeführt werden. In diesem Beitrag möchte ich in fünf Schritten zeigen, wie die Realisierung einer barrierearmen Website in der Praxis organisiert und realisiert werden kann.

Schritt 1: Nicht alles auf einmal

Bei einem ersten prüfendem Blick einer Website, zeigen sich in den meisten Fällen relativ schnell die ersten Barrieren und man merkt, wie viel doch eigentlich an dieser Website zu tun ist. Hier ist es wichtig denn Überblick zu behalten und nicht alles auf einmal erledigen zu wollen. Anstatt die Accessibility-Problematik nach dem Motto: »Ein paar Alternativtexte hier und ein paar Label hier« anzugehen, empfiehlt es sich, die Änderungen im Vorfeld genauestens zu planen und zu koordinieren.

Definieren Sie zu Beginn Ihrer Arbeit die Ziele, die Sie mit der Umstrukturierung in Bezug auf die Barrierefreiheit erreichen wollen. Einige mögliche Punkte hierfür könnten sein:

Alle Bilder und eingebundenen Elemente besitzen einen Alternativ-Text (beispielsweise in Form von
alt
-Attributen)
Der Inhalt ist entscheidend und nicht das Design oder die Fenstergröße des Browsers
Valider und Standardisierter Quellcode
Keine Link-Bezeichnungen die sich wiederholen (beispielsweise mehrfache »mehr…«-Links)
Alle Formularelemente sind mit dem
label
-Attribut ausgezeichnet

Schritt 2: Entwickeln Sie einen Schritt-für-Schritt-Plan

Nachdem Sie sich nun entschlossen haben was Sie erreichen möchten, ist der nächste Schritt zu entscheiden, wo Sie als erstes mit der Arbeit beginnen und in welcher Reihenfolge Sie die Punkte erledigen möchten. Ein möglicher Plan dafür könnte wie folgt aussehen:

Seitennavigation
Die Navigation ist für die meisten Benutzer der Ausgangspunkt für ihre Recherche auf einer Website. Daher sollte mit der Optimierung auch an dieser Stelle begonnen werden. Zudem sind die Änderungen an der Navigation meistens recht einfach durchzuführen und können zeitgleich sehr effektiv sein. Stellen Sie sich bei der Beurteilung der Navigation die Fragen: Verwendet meine Navigation Grafiken? Bleibt die Navigation auch noch benutzbar, wenn die Anzeige von Grafiken deaktiviert ist? Sind die Menüpunkte auch noch aus weiter Ferne eindeutig erkenn- und unterscheidbar (z.B. für Menschen die schlecht sehen können)?
Populäre Seiten
Als nächstes sind die Populären Seiten an der Reihe. Welche das sind, können Sie leicht über ein Statistik-Programm herausfinden. Ziel ist es bei dieser Optimierung, mit wenigen Änderungen an den entscheidenden Stellen das größtmögliche Publikum zu erreichen.
Inhaltsseiten
Weit wichtiger als die Startseite, sind die Inhaltsseiten einer Website. Denn die wenigsten Besucher betreten eine Website über die Startseite, sondern landen viel wahrscheinlicher durch Suchmaschinen mitten in Ihrem Angebot. Daher sollte als nächstes die Priorität der Accessibility-Optimierung bei den Inhaltsseiten liegen.
Sonstige Seiten
Nachdem wir die Arbeiten an allen vorrangigeren Bereichen abgeschlossen haben, können wir uns nun um die restlichen Seiten im Ihrem Webangebot kümmern. Hier ist es egal in welcher Reihenfolge Sie vorgehen. Sie können dies in thematischen Bereichen gegliedert oder in alphabetischer Reihenfolge tun. Wichtig ist nur, dass Sie dokumentieren, welche Bereiche noch eine Überarbeitung benötigen und welche Sie schon abgearbeitet haben.

Schritt 3: Benutzertests

Sobald Sie mit der Arbeit oder einem Teil fertig sind, führen Sie ausreichend Benutzertests durch. Programme zur Validierung des Quellcodes reichen dabei bei weitem nicht aus. Eine Website die gegen XHTML 1.0 Strict und CSS zu 100 Prozent validiert, muss noch lange keine perfekte Website im Sinne der Barrierefreiheit sein. Daher verzichten Sie nicht auf Tests mit echten Benutzern. Dies können Freunde, Ihre Familie oder aber auch die »normalen« Besucher Ihrer Website sein. Mehr dazu im folgenden Schritt.

Schritt 4: Sagen Sie Ihren Besuchern was Sie tun

Bei der Überarbeitung Ihrer Website haben Sie zwei Möglichkeiten: Sie können die überarbeitete Website mit einmal oder aber in Teilschritten veröffentlichen. Die zweite Möglichkeit hat dabei eindeutig Vorteile: Sie müssen nicht erst eine Mammut-Aufgabe bewältigen, sondern können sie in Teilschritten abarbeiten und erhalten schneller vorzeigbare Ergebnisse und Rückmelden seitens der Besucher. Die Rückmeldungen die Sie dabei erhalten sind sehr wertvoll und können Sie bei der weiteren Arbeit sehr unterstützen, sowie einen Teil der Benutzertests darstellen. Schließlich sind es die Benutzer, die mit Ihrer Website später »arbeiten« müssen. Aus diesem Grund sollten Sie noch vor den geplanten Optimierungsarbeiten die Benutzer Ihrer Website über die geplanten Arbeiten informieren. Zudem bringen Ihre Besucher dadurch sicherlich mehr Verständnis auf, wenn es – bedingt durch die Arbeiten – zu zeitweisen Ausfällen der Website kommt.

Schritt 5: Zeigen Sie Fortschritte

Sofern Sie die Website in einzelnen Teilschritten barrierefreier gestalten, sollten Sie Ihre Besucher darüber aufklären, was Sie schon getan haben und warum. Ihre Besucher werden dadurch erkennen, dass es wirkliche Fortschritte gibt und Ihre Ankündigung von Schritt 4 nicht nur als Lippenbekenntnis aufzufassen ist.

Die BITV in der Übersicht

Christian Beier — Thu, 18 Oct 2007 19:02:32 +0000

Hinweis: Dieser Artikel erscheint im Rahmen der Accessibility Blog Parade 2007. Bitte beachten Sie auch die weiteren Artikel, die im Rahmen dieser Parade entstanden sind.

Um die Gleichstellung von Menschen mit einer Behinderung auch im Internet zu gewährleisten, wurde vom Gesetzgeber im Juli 2002 ein Gesetz verabschiedet: Die »Barrierefreie Informations-Technik-Verordnung«, kurz BITV. Sie ist die wohl wichtigste Grundlage für Webdesigner, um eine Website barrierearm zu gestalten. Leider ist die BITV sehr umfangreich und nicht sehr verständlich geschrieben. Daher ich in diesem Beitrag die einzelnen Punkte kurz und kompakt wiedergeben.

Für Multimedia-Elementen wie Bilder, Sound und Videos müssen Alternativen bereitgestellt werden, die auch ohne Hilfsmittel (z.B. Plugins) verstanden werden können. Dies kann beispielsweise durch Alternativtexte geschehen.

Auch ohne Farben müssen Bider, Grafiken und Texte deutlich zu erkennen und zu unterscheiden sein (z.B. für Fehlsichtige).

Die Struktur und der Inhalt müssen vom Design getrennt sein. Bei HTML und CSS sind die jeweiligen Spezifikationen einzuhalten.

Besonderheiten in der Sprache wie Abkürzungen und Sprachwechsel müssen ausgezeichnet werden.

Tabellen sind nicht grundsätzlich verpönt, sondern sind auch weiterhin für die Darstellung von tabellarischen Daten zu verwenden, nicht jedoch zum Layouten von Webseiten.

Websites müssen auch ohne Plugins, JavaScript und Applets benutzbar bleiben.

Der Benutzer muss »zeitgesteuerte« Inhalte kontrollieren können: Dazu zählen unter anderem automatische Aktualisierungen und Weiterleitungen.

Der Zugriff auf Benutzerschnittstellen (wie Scripts, Applets, Flash, etc.) müssen genauso zugänglich sein wie statische Objekte (Texte, Grafiken, …).

Unabhängig vom Ein- oder Ausgabegerät muss ein Webauftritt benutzbar bleiben. Beispielsweise indem ausschließlich mit der Maus statt mit der Tastatur gearbeitet wird.

Auch in älteren Technologien und Browsern ist die Verwendbarkeit der Website sicherzustellen. Allerdings auch nur dann, wenn der Aufwand dafür noch verhältnismäßig ist.

Alle verwendeten Technologien sollten öffentlich zugänglich und vollständig dokumentiert sein.

Informationen zur Orientierung und zum Kontext müssen dem Nutzer zur Verfügung gestellt werden.

Alle Navigations-Instrumente müssen übersichtlich und nachvollziehbar sein, z.B. durch die Angabe von Hyperlink-Zielen, Sitemaps. Außerdem sollte jeder Link eindeutig bezeichnet werden und nur einmal auf einer Seite vorkommen.

Der Inhalt muss leicht zu verstehen sein, beispielsweise durch eine einfache und klare Sprache.

Viele Bedingungen lassen sich recht einfach erfüllen. In den meisten Fällen allein schon durch einen sauberen Code nach etablierten Standards. Bei anderen Punkten gibt es einen gewissen Spielraum, wodurch sie sich nicht einfach nur nach technischen Kriterien abhacken lassen. Daher sollte bei der Arbeit immer der Mensch im Hinterkopf behalten werden.

Einen Tag ohne Maus

Christian Beier — Sat, 13 Oct 2007 11:56:43 +0000

Einen Tag ohne Maus: Das accessBlog schlägt im Rahmen der Accessibility Blog Parade vor, einen Tag die Maus doch einmal beiseite zu legen und den Computer nur über die Tastatur zu bedienen. Bei dieser Methode zeigen sich schon recht schnell die Schwierigkeiten bei der Bedienung vieler Programme und Websites. Eine Erfahrung ist es allemal wert.

Blog-Parade zur »Barrierefreiheit«

Christian Beier — Wed, 03 Oct 2007 20:29:55 +0000

Blog-Parade zur »Barrierefreiheit«: Die Betreiber der beiden Weblogs »Nur ein Blog« und »MAIN_blog« veranstalten gemeinsam eine Blog-Parade zu dem Thema Accessibility (Barrierefreiheit) von Websites. Die Parade beginnt am 10. Oktober und läuft bis zum 11. November 2007.

BITV Reloaded macht Barrierefreiheit endlich verständlich

Christian Beier — Fri, 29 Jun 2007 14:35:20 +0000

Obwohl sich die BITV an Webdesigner richtet, ist diese nicht für sie geschrieben. Sie trotzdem nämlich geradezu von bürokratisch formulierten Paragraphen und Bestimmungen. Daher macht sie die Arbeit nicht immer einfach. Um dies zu ändern hat der Barrierefreiheits-Experte Thomas Caspers unter dem Namen “BITV für Alle, Reloaded” eine Artikelserie veröffentlicht, in der er die einzelnen Paragraphen der BITV erklärt. Dabei geht er nicht nur auf die Bedeutung der Bestimmungen ein, sondern beurteilt die Paragraphen auch nach ihrer Sinnhaftigkeit und gibt viele Tipps und nachvollziehbare Beispiele.

Mit dem 14. Teil ist die Artikelserie “BITV für Alle, Reloaded” nun komplett erschienen und wird als HTML- oder PDF-Dokument kostenlos zum Download angeboten. Das PDF umfasst 70 Seiten.

Niederlande: Aus für Amateure

Christian Beier — Thu, 18 Jan 2007 08:08:45 +0000

Schon seit letztem Jahr gibt es in den Niederlanden ein neues Gesetz zur Accessibility von Websites. Für den optimalen Erfolg dieses Gesetztes wurden sicherlich auf Expertenmeinungen vertraut und so lesen sich die Regeln auch:

valid HTML 4.01 or XHTML 1.0

CSS and semantic HTML and separation of structure and presentation

progressive enhancement

the W3C DOM (instead of the old Microsoft document.all)

meaningful values of class and id

meaningful alt attributes on all images

Insgesamt gibt es von diesen Regeln 125 Stück! Diese Regeln gelten natürlich nicht für jede private Website, aber zumindest für alle Websites von öffentlichen Behörden.

Neben einen Gewinn für die Behindertenfreundlichkeit bedeutet dies auch gleich, dass die meisten Amateure aus dem Geschäft mit öffentlichen Websites vertrieben werden.

Case Study zum Barrierefreien Webdesign

Christian Beier — Mon, 30 Jan 2006 20:33:16 +0000

Case Study zum Barrierefreien Webdesign: David Maciejewski (macximal) hat seine Case Study zum Thema Barrierfreie Websites überarbeitet. In dieser vergleicht er eine Website aus Photoshop und Dreamweaver mit einer optimierten, barrierefreien Version. Wer noch ein paar Argumente für Standardisiertes Webdesign braucht, hier sind sie.