Webdesign: »Hallo Welt« oder ...?

BIENE-Award-Preisträger mit Mängeln

Der BIENE-Award zeichnet Websites für ihre besonders gute Zugänglichkeit aus (Accessibility). Ein Besuch bei den Preisträgern wirft jedoch die berechtigte Frage auf, ob die Zugänglichkeit so weit geht, dass diese Websites auch gleichzeitig gut benutzbar sind. Bei allen Homepages (und ausschließlich diese wurden überprüft) lassen sich Mängel und Unregelmäßigkeiten feststellen, die vermeidbar wären:

  • Zuerst zeigen sich Schwachstellen in der Navigation, wenn das Menü anders funktioniert als Links im Inhalt. Erschwerend kommt hinzu, dass Links als solche nicht deutlich erkennbar sind und dass ihr Zustand (besucht - unbesucht) verborgen bleibt. Siehe auch Jakob Nielsen: Wechseln Sie die Farbe für besuchte Links.
  • Dann folgt der zweite Mangel, der häufig auftritt: Links, die auf sich selbst verweisen. Das verwirrt den Besucher nur unnötig.
  • Im weiteren wird beanstandet, dass HTML-Attribute nicht durchgehend verwendet werden, denn auch dies fällt dem Benutzer auf.
  • Der Einsatz von JavaScript als zusätzlicher Technologie kann vom Benutzer einfach abgeschaltet werden und gilt daher als fraglich.
Das sind nur die auffälligsten Mängel, weitere sind jeweils aufgelistet. Viele dieser Beanstandungen sind übrigens auch in den Prüfschritten des BIENE-Awards 2005 enthalten.

Bitte beurteilen Sie selbst, wie benutzbar die Homepages der goldenen Bienen und der silbernen Bienen wirklich sind. Unterm Strich lässt sich feststellen, dass der Wunsch nach bestmöglicher Zugänglichkeit doch wichtige Fragen nach bestmöglicher Benutzbarkeit einfach außer acht lässt. Oder eben nicht ausreichend überprüft.

Auszeichnung »Goldene Biene«

    Postbank Online-Banking
  • Linkfarben verändert
  • Linkzustand nicht erkennbar
  • Sprachwechsel erkennbar: teils ja, teils nein
  • Umlaute kodiert: teils ja, teils nein
  • Homepage-Link und Logo verweisen auf sich selbst
  • Fenster-Titel im Browser ändert sich nicht
  • zusätzliche Technologie: JavaScript mehrfach
  • Bedienhilfe außerhalb das Sichtbereichs
  • Startseite vorgeschaltet. Hier fehlen Site Map, Hilfe, FAQ und Suche. Bei weiteren Besuchen wird offensichtlich eine andere Startseite aufgerufen.

    Landtag Nordrhein-Westfalen
  • Linkfarben verändert
  • Links unterstrichen: teils ja, teils nein
  • Linkzustand nicht erkennbar
  • Links teilweise sehr lang (3 Zeilen)
  • Links arbeiten mit neuen Fenstern
  • Sprachwechsel nicht erkennbar
  • Umlaute kodiert: teils ja, teils nein
  • Unterstreichung im Text verwechselbar mit Links
  • zusätzliche Technologie: JavaScript mehrfach

    Landesportal Baden-Württemberg
  • Linkfarben verändert
  • Links unterstrichen: teils ja, teils nein
  • Linkzustand nicht erkennbar
  • Links arbeiten mit neuen Fenstern
  • Sprachwechsel nicht erkennbar
  • Umlaute kodiert: teils ja, teils nein
  • Homepage-Link verweist auf sich selbst
  • Bilder mit »title«-Attribut: teils ja, teils nein
  • zusätzliche Technologie: JavaScript

    Integrationsfachdienst Hamburg
  • Linkfarben verändert
  • Links unterstrichen: teils ja, teils nein
  • Linkzustand nicht erkennbar
  • Links arbeiten mit neuen Fenstern
  • Sprachwechsel nicht erkennbar
  • Umlaute kodiert: teils ja, teils nein
  • Site Map fehlt
  • zusätzliche Technologie: JavaScript

    Polizei Nordrhein-Westfalen
  • Links unterstrichen: teils ja, teils nein
  • Linkzustand nicht erkennbar
  • Links teilweise sehr lang
  • Links arbeiten mit neuen Fenstern (unerwartet)
  • Umlaute kodiert: ja, jedoch Ziffernkodierung
  • zusätzliche Technologie: JavaScript mehrfach

    Fachhochschule Elstal
  • Linkfarben verändert (Farbe wie Überschriften)
  • Links unterstrichen: teils ja, teils nein
  • Linkzustand teilweise erkennbar
  • Umlaute kodiert: teils ja, teils nein
  • Fremdwörter nicht erläutert (Abkürzungen: ja)

    Regionales Rechenzentrum Erlangen
  • Links unterstrichen: teils ja, teils nein
  • Linkzustand teilweise nicht erkennbar
  • Links arbeiten mit neuen Fenstern
  • Sprachwechsel nicht erkennbar
  • Umlaute kodiert: teils ja, teils nein
  • Unterstreichung im Text verwechselbar mit Links
  • Bilder mit »title«-Attribut: teils ja, teils nein
  • »Navigation ausblenden« außerhalb des Sichtbereichs
  • Suche doppelt (als Funktion und als Link)

Nach oben

Auszeichnung »Silberne Biene«

    Hebammenpraxis Radolfzell
  • Linkfarben verändert (Aussehen wie Überschriften)
  • Links unterstrichen: nein
  • Linkzustand nicht erkennbar

    Heynck Lebensart
  • Linkfarben verändert
  • Links unterstrichen: teils ja, teils nein
  • Linkzustand teilweise erkennbar
  • Sprachwechsel nicht erkennbar
  • Umlaute kodiert: ja, teils Ziffernkodierung
  • Homepage-Link verweist auf sich selbst
  • Inhaltsverzeichnis (Site Map) außerhalb des Sichtbereichs (unnötigerweise)

    Deutsche Bundesbank
  • Linkfarben verändert
  • Links unterstrichen: teils ja, teils nein
  • Umlaute kodiert: ja, teils nein
  • Unterstreichung im Text verwechselbar mit Links
  • Bilder mit »title«-Attribut: teils ja, teils nein
  • einige Tags ungültig (nicht geschlossen)
  • Lupe als »Abschicken«-Feld bei Suche zu klein
  • zusätzliche Technologie: JavaScript mehrfach

    Existenzgründer-Portal des Bundesministeriums für Wirtschaft und Arbeit
  • Linkfarben verändert
  • Links unterstrichen: teils ja, teils nein
  • Linkzustand nicht erkennbar
  • Links arbeiten mit neuen Fenstern
  • Sprachwechsel nicht erkennbar
  • Umlaute kodiert: teils ja, teils nein
  • Homepage-Link verweist auf sich selbst
  • Doppelpfeil als »Abschicken«-Feld bei Suche zu klein
  • zusätzliche Technologie: JavaScript mehrfach
  • unleserliches Logo im Kopfteil ist ein Link zu einer anderen Website

    Bremische Bürgerschaft
  • Linkfarben verändert
  • Links unterstrichen: teils ja, teils nein
  • Linkzustand nicht erkennbar
  • Umlaute kodiert: teils ja, teils nein
  • Homepage-Link verweist auf sich selbst
  • zusätzliche Technologie: JavaScript

    Stiftung Denkmal für die ermordeten Juden Europas
  • Linkfarben verändert
  • Links unterstrichen: teils ja, teils nein
  • Linkzustand teilweise erkennbar
  • Sprachwechsel nicht erkennbar
  • Abkürzungen und Akronyme nicht erläutert
  • Bilder mit »title«-Attribut: teils ja, teils nein
  • Homepage-Link verweist auf sich selbst
  • Suche doppelt (als Funktion und als Link)
  • zusätzliche Technologie: JavaScript

    Sonnenrainschule Radolfzell
  • Linkfarben verändert
  • Links unterstrichen: teils ja, teils nein
  • Linkzustand nicht erkennbar
  • Sprachwechsel nicht erkennbar
  • Abkürzungen und Akronyme nicht erläutert
  • Bilder mit »title«-Attribut: teils ja, teils nein
  • Homepage-Link und Logo verweisen auf sich selbst

    Studiengang Molekulare Biotechnologie der TU Dresden
  • Linkfarben verändert
  • Links unterstrichen: teils ja, teils nein
  • Sprachwechsel nicht erkennbar
  • Unterstreichung im Text verwechselbar mit Links
  • Homepage-Link verweist auf sich selbst
  • zusätzliche Technologie: JavaScript

Nach oben

Unterm Strich

Keine Website ist perfekt, schon gar nicht für alle Zeiten. Vielleicht waren die obigen Beispiele zum Zeitpunkt der Einreichung makellos, das lässt sich im nachhinein nicht mehr feststellen. Gegenwärtig (April 2006) weisen sie jedoch beträchtliche Mängel auf, und diese bereits auf der Homepage.

Selbst wenn diese Homepages dennoch als Accessibility-tauglich gelten (also besonders zugänglich sind), erfüllen sie nicht die grundlegenden Anforderungen der Benutzbarkeit (Usability). Die Beispiele zeigen auch, dass der eine Bereich vom anderen nicht zu trennen ist. Mit anderen Worten: es ist immer begrüßenswert, Webangebote behindertengerecht zu bauen, aber nicht jeder Benutzer ist so behindert, dass er nur einen Screen-Reader braucht.

Das WWW (World Wide Web) sollte eben für alle Menschen zugänglich und benutzbar sein, deshalb müssen wir alle Hilfsmittel einsetzen, um möglichst vielen Benutzern gerecht zu werden. Jedes andere Vorgehen führt zu Benachteiligung. Und gerade dies wollen wir doch vermeiden.

Nach oben

Autor: Frank Baranowski, 2006.