Image-Maps und Barrierefreiheit

Image-Maps sind Grafiken, in denen einzelne Bereiche als Links definiert werden, und somit für den Besucher auswählbar sind. Man bezeichnet sie deshalb auch als "verweissensitive" Grafiken. Häufig finden sich Image-Maps in Form von Landkarten oder Menüs wieder.

Es gibt zwei Arten von Image-Maps: clientseitige und serverseitige Image-Maps.

• Clientseitige Image-Maps enthalten Links, die mit (X)HTML bestimmt werden. Sie bestehen aus der eigentlichen Grafik, welche mit IMG-Elementen in eine (X)HTML-Seite eingebunden sind. Die Definition der aktiven Bereiche erfolgt mithilfe des Map-Elementes. Damit für den Browser offensichtlich ist, auf welche Grafik sich das MAP-Element bezieht, findet eine Verknüpfung statt: Das MAP-Element erhält eine Bezeichnung, z.B. name="grafik1", das Bild bekommt den Zusatz USEMAP="#grafik1". Damit werden die Angaben innerhalb des MAP-Elements zur Auszeichnung einzelner Bereiche in der Grafik zu Links herangezogen. Die Links können in ihrer Form rechteckig, rund oder als Polygon frei gestaltet werden.
• Serverseitige Image-Maps leiten die Koordinaten eines Mausklicks an ein Script weiter, das diese dann auswertet. Hier ist neben dem Skript die Verwendung eines Mauszeigers erforderlich. Außerdem ist die Vergabe von Alternativtexten in einer serverseitigen Image-Map nicht möglich. Es entstehen also schwerwiegende Probleme bei der Zugänglichkeit.

Die Anforderungen der Barrierefreiheit an Image-Maps umfassen folgende Themen:

Dieser Beitrag wurde von  Jan Eric Hellbusch im April 2007 verfasst. Hellbusch ist Autor der beiden gleichnamigen Titel " Barrierefreies Webdesign". Mit "2bweb.de" bietet er  Schulung und Beratung für barrierefreies Internet.

nach oben

Über das CSS-Design

Lesen Sie,  warum ich mich an die Standards halte und warum das Layout mit  Cascading Style Sheets statt Tabellen oder Frames gestaltet wurde. Sollten Sie Probleme mit dem Layout haben, so finden Sie in der  Liste standardkonformer Browser Links zu entsprechenden Download-Seiten.

Suchen Sie was auf barrierefreies- webdesign.de?

Entspricht die Seite den W3C-Normen?

Die  Gesamtübersicht dieses Webauftrittes erreichen Sie jederzeit über das AccessKey-Pad mit Alt+6.

Der schnelle Seitenzugriff

Verwenden Sie  Tastenkürzel, etwa Alt mit der entsprechenden Zahl, um auf diesem Webauftritt zu navigieren.