minz.empfehlung

29.04.2008

minz.teilnahme

Barrierefreier Online Shop Maharanis

Seit dem Januar 2004 offiziell online. Maharanis Webshop für edle Saris und Schals. Entstanden in Zusammenarbeit mit Karl Haak und Gaby Haak.

Screenshot des Maharanis Webshops Maharanis Webshop, 2004,
Verwendete Technologien: XHTML, XML, XSLT, CSS, WAI Level AA

Priorität bei diesem Internetauftritt war für uns von Beginn an die Barrierefreiheit und damit einhergehend die Realisierung eines flexiblen Designs. Flexibel heisst in diesem Fall, das die Breite des Textflusses variiert, je nachdem wie groß die Bildschirmauflösung oder Monitorgröße des Besuchers ist.

Natürlich sollte der Shop auch visuell attraktiv sein, was wir durch intensiven aber bedachten Einsatz von Grafiken erreichten. Ein großes Wagnis hierbei war die Artikelauswahl, die sich ausschliesslich auf klickbare Bilder verlässt.

Was also tun in diesem Fall? Wir entschlossen uns, die jeweiligen Bilder mit ausführlichen Textinformationen zu versehen, die angezeigt werden falls die Bildanzeige ausgeschaltet wurde, ein Browswer keine Bilder unterstützt (beispielsweise Text- oder Sprachausgabebrowser), oder aber der Besucher selbst die Bilder nicht sehen kann. So enthalten diese zusätzlichen Textinformationen Angaben über Artikelname und Artikelnummer und in einem weiteren Schritt weitergehende Informationen über Beschaffenheit und Farbe.

Screenshot, Maharanis Artikelauswahl unter Lynx Screenshot eines grafischen Browsers, Artikelauswahl mit Bildern und zusätzlich eingeblendeter Textinformation

Die obenstehenden Bilder zeigen, wie die Textinformationen angezeigt werden. Im Textbrowser werden die Informationen aufgelistet und funktionieren als aktivierbare Links. Im grafischen Browser wird bei überfahren des Bildes mit der Maus die Zusatzinformation eingeblendet (sogenannter Tooltip).

Farbangaben für Nicht-Sehende?

Macht das denn Sinn? Nun, ich denke schon. In manchen Fällen kann es ja auch nur der Internetbrowser sein, der nicht sehen kann.

Geburtsblinde Menschen kennen keine Farben. Sie versuchen Vergleiche zu spürbaren Gegenständen herzustellen. Z.B. Rot = Feuer, Blau = Wasser. Neuerblindete behalten das farbliche Vorstellungsvermögen.

Weitere nützliche erklärende und spannende Informationen zu dem Thema finden sich unter:

Nach oben Eingetragen am: 10.03.2004