Aktuelles

Usability: Text in Bildern oder wie man gezieltes Suchen verhindert

Auf einer österreichischen Webseite, die sehr viel mit Text zu tun hat habe ich eine Seite gefunden, die effizientes Suchen nach Textpassagen auf einzelnen Seiten erschwert. Die Leitartikel auf der Webseite http://www.novum.cc/ (Abruf am 31.08.2003 um 13:45) sollen auf eine Sommeraktion aufmerksam machen. Leider sind die Aufhänger auf der Startseite als Textpassagen in Form eines Bildes platziert. Wenn man die Suchfunktion des Browsers (STRG-F) verwenden möchte um das Wort "Sommeraktion" auf der Seite zu finden erhält man natürlich kein Ergebnis. Noch überraschender hingegen ist die seiteneigene Suchfunktion, die auch kein Ergebnis liefert. Denn im Artikel selbst wird nicht mehr von einer Sommeraktion sondern von einer Sonderaktion geschrieben.

Text in Form von Bildern ist im WWW fehl am Platz denn die Anforderung an das WWW lautet Informationen zu finden. Text ist derzeit das einzige Medium im WWW nach dem sinnvoll gesucht werden kann. Auch Bildersuchen von Suchportalen bieten bei ihren Suchen meist nur ein Ergebnis anhand der Dateinamen von Bildern und diese liegen (man glaubt es kaum) nur als Text vor.

Noch interessanter wirkt die Webseite, wenn man ohne Bilder surft. Dies erscheint zwar jetzt etwas altmodisch, bei näherer Betrachtung ist dieser Ansatz aber gar nicht so abwegig. Gerade beim Surfen mit mittlerweile erschwinglichen und einfach zu bedienenden Handhelds und einer Internetverbindung via Handy und GSM kann so eine Funktion durchaus gewünscht sein. Denn der download der Seite kann wesentlich schneller erfolgen. Hier findet sich das nächste Problem bei Text in Form von Bildern: Sie sind größer als herkömmlicher Text und verursachen höheren Datentransfer. Gerade Überschriften die nur als Bilder vorhanden sind können dadurch möglicherweise nicht beim User ankommen. Möglicherweise weil die Anzeige von Bildern beim Client deaktiviert wurde, weil der User den Transferprozess vorzeitig abbricht oder weil der Datentransfer einfach zu langsam von statten geht.

Für diese Problematik gibt es einfache Lösungsvorschläge: Vermeiden sie Text in Form von Bildern, verwenden Sie das alt-Tag bei Bildern uns setzten Sie verstärkt Stylesheets ( CSS) ein. Mit Stylesheets lassen sich auch viele graphische Effekte erzielen, die gewünschte Hervorhebungen ermöglichen. Weiter Informationen zu Stylesheets finden sie auf der Homepage zum Buch Selfhtml von Stefan Münz und auf den Seiten des W3C in der Rubrik CSS. Ebenfalls auf den W3C-Seiten in der Rubrik Accessibility (WAI) finden sich allgemeine Tipps, auf was bei Webseiten geachtet werden soll. Das verwenden von ALT-Tag ist dort Tipp Nummer Eins.