Image-Maps und Barrierefreiheit veröffentlicht in 2007

CSS-Positionierung von Linklisten an Stelle von Image-Maps

Eine nicht immer so einfach umsetzbare Lösung besteht darin, die relevanten Informationen als übliche Links zu gestalten und über der Grafik zu positionieren. CSS bietet hierbei die Möglichkeit, mittels Positionierung den Text an der gewünschten Stelle zu platzieren. Der Vorteil dieser Technik ist, dass es nicht zu Redundanzen von Links kommt.

In diesem Beispiel werden die verlinkten Namen der Himmelsrichtungen mit Hilfe von Listenpunkten und CSS auf der Grafik positioniert. Durch die Angabe relativer Größen für die Grafik, wird auch das Skalieren der Grafik ermöglicht.

Problematisch an dieser Technik ist:

Diese Technik kann durch die Schrifteinstellungen des Benutzers zu erheblichen Problemen führen.
Es ist nicht sichergestellt, ob die Links gelesen werden können, etwa wenn der Nutzer andere Farben eingestellt hat, als der Gestalter es erwartet.

Kompass mit Bereichen für die acht Himmelsrichtungen Norden, Nordosten, Osten usw.