AREA mit gültigem ALT-Attribut |
Section 508 1194.22(a); WAI / WCAG 1.0 checkpoint 1.1
Problembeschreibung Die Imagemap in diesem Dokument enthält keine AREA-Elemente mit gültigen Textbeschreibungen. Eine gültige Beschreibung ist eine Zeichenfolge im ALT-Attribut, bei der es sich nicht um folgende Zeichenfolgen handeln darf: eine leere Zeichenfolge ("") ein oder mehrere Leerzeichen (" ") Den Namen der Grafikdatei die Größe der Grafikdatei eine Zeichenfolge mit mehr als 150 Zeichen (dies ist eine Empfehlung und keine Anforderung gemäß WCAG 1.0 oder 508)
Problemlösung Fügen Sie dem AREA-Tag das ALT-Attribut unter Berücksichtigung folgender Gesichtspunkte hinzu: Die Beschreibung sollte das Verweisziel enthalten und den Grund, warum der Benutzer dem Hyperlink folgen sollte. Beschreiben Sie nicht die Verfahren wie "hier klicken", sondern beschreiben Sie das Ziel des Hyperlinks und dessen Funktion für den Benutzer. ALT-Beschreibungen werden von Browsern nicht interpretiert und dürfen keine HTML-Tags enthalten. Eingebettete Tags verwirren sowohl Benutzer als auch manche Suchmaschinen. Zu lange ALT-Beschreibungen werden vom Browser möglicherweise abgeschnitten und erhöhen die Downloadzeit der Seite. Als Faustregel haben sich maximal 10 Wörter bzw. 64 Zeichen bewährt.
Problemerklärung Mit ALT-Attributen werden Textäquivalente für Imagemaps bereitgestellt. Dies ist wichtig, da Imagemaps grafische Informationen enthalten, die entscheidend für die Navigation sind. Im ALT-Attribut sollten die entsprechenden Bereiche der Imagemap beschrieben werden, damit auch Benutzer, die Grafiken im Browser deaktiviert haben, alle Navigationsoptionen der Seite verwenden können. Ohne ALT-Beschreibungen könnten Benutzer nicht mithilfe der Imagemap navigieren. Jedes AREA-Element der Imagemap sollte über ein eigenes ALT-Attribut verfügen. Beispiel (nach einem Tutorial unter http://www.jimthatcher.com/webcourse2.htm):
      <IMG src="map.gif" alt="Navigation" usemap="#navigation">
      <MAP name="Navigation"> <AREA coords="1,1,40,100"
      alt="Startseite" href="../index.html"> <AREA
      coords="1,100,40,180" alt="Produkte" href="products.html">
      </MAP>
Wie bei allen Hyperlinks sollte der Verweistext auch ohne Zusammenhang Sinn ergeben. Ein guter Verweistext sollte nicht zu allgemein sein. Verwenden Sie nicht "hier klicken". Diese Anweisung ist nicht nur geräteabhängig (sie impliziert ein Zeigegerät), sondern vermittelt auch keinerlei Informationen darüber, auf welche Inhalte der Hyperlink verweist. Statt "hier klicken" sollte der Text das Verweisziel beschreiben, z. B. "weitere Informationen über Seelöwen" oder "Textversion dieser Seite". Seit der Einführung von Browsern für PDAs und andere Handgeräte, die nur Text unterstützen, sind die ALT-Beschreibungen wichtiger denn je geworden. Bedenken Sie, dass viele Benutzer aus verschiedenen Gründen Nur-Text-Browser mit Bildschirmlesegeräten oder Sprachsteuerung verwenden. Dazu gehören Benutzer, die Sehbehinderungen haben, über ein Telefon auf das Internet zugreifen oder einen sprachgesteuerten Browser im Auto verwenden. Bis die Benutzeroberflächen Textäquivalente für clientbasierte Hyperlinks in Imagemaps interpretieren können, machen Sie Ihre Seite auch für Benutzer mit deaktivierten Grafiken zugänglich, indem Sie redundante Textlinks für alle aktiven Bereiche einer Client-Imagemap einfügen. Durch Einfügen der ALT-Beschreibung für AREA-Elemente ist Ihre Seite jedoch bereits mit diesen neuen Browsern kompatibel.