<html xmlns:un="http://usablenet.com/namespaces/508_rules">
   <link rel="stylesheet" href="josh.css">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
   
      <title>Detailanzeige f&uuml;r Regel: AREA mit &auml;quivalentem ALT-Attribut</title>
      <!--
  508/W3C Accessibility Suite OEM V2 for Macromedia Dreamweaver
  (C) Copyright 2001-2005 UsableNet Inc. All rights reserved.
  -->
   </head>
   <body bgcolor="#ffffff">
      <div id="Beschreibung">
         <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
            <tr>
               <td valign="top" nowrap="true" class="name">AREA mit &auml;quivalentem ALT-Attribut</td>
               <td valign="top" nowrap="true" class="compatibility">&nbsp;</td>
            </tr>
            <tr>
               <td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
            </tr>
            <tr>
               <td valign="top" align="right" nowrap="true" colspan="2" class="requirements">
                        Section 508 1194.22(a); 
                        
                          WAI
                        
                         / 
                        
                          WCAG
                        
                         1.0 checkpoint 1.1
                      
               </td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td valign="top" colspan="2" class="description"><b>Problembeschreibung</b><br>
                        
                  <p>
                               Die Imagemap in diesem Dokument enth&auml;lt AREA-Elemente
                               mit g&uuml;ltigen Textbeschreibungen.
                             <br>
                             Diese Beschreibungen sollten &Auml;quivalente der Imagemap
                             ein.
                           
                  </p>
                      
               </td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td valign="top" colspan="2" class="description"><b>&Uuml;berpr&uuml;fung</b>
                        
                  <p>
                             Testen Sie das ALT-Attribut des AREA-Tags unter folgenden
                             Gesichtspunkten:
                           
                  </p>
                        
                  <ul>
                             
                     <li>
                                  Die Beschreibung sollte das Verweisziel enthalten und den
                                  Grund, warum der Benutzer dem Hyperlink folgen sollte.
                                
                     </li>
                             
                     <li>
                                  Beschreiben Sie nicht die Verfahren wie "hier klicken",
                                  sondern beschreiben Sie das Ziel des Hyperlinks und dessen
                                  Funktion f&uuml;r den Benutzer.
                                
                     </li>
                           
                  </ul>
                      
               </td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td valign="top" colspan="2" class="description"><b>Problemerkl&auml;rung</b><br>
                        
                  <p>
                             Mit ALT-Attributen werden Text&auml;quivalente f&uuml;r
                             Imagemaps bereitgestellt. Dies ist wichtig, da Imagemaps
                             grafische Informationen enthalten, die entscheidend f&uuml;r
                             die Navigation sind.
                           
                  </p>
                        
                  <p>
                             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&ouml;nnen. Ohne die
                             entsprechenden ALT-Beschreibungen k&ouml;nnten Benutzer nicht
                             mithilfe der Imagemap navigieren.
                           
                  </p>
                        
                  <p>
                             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&auml;teabh&auml;ngig (sie
                             impliziert ein Zeigeger&auml;t), sondern vermittelt auch
                             keinerlei Informationen dar&uuml;ber, auf welche Inhalte der
                             Hyperlink verweist. Statt "hier klicken" sollte der Text das
                             Verweisziel beschreiben, z.&nbsp;B. "weitere Informationen
                             &uuml;ber Seel&ouml;wen" oder "Textversion dieser Seite".
                           
                  </p>
                        
                  <p>
                             Seit der Einf&uuml;hrung von Browsern f&uuml;r PDAs und
                             andere Handger&auml;te, die nur Text unterst&uuml;tzen, sind
                             die ALT-Beschreibungen wichtiger denn je geworden. Bedenken
                             Sie, dass viele Benutzer aus verschiedenen Gr&uuml;nden
                             Nur-Text-Browser mit Bildschirmleseger&auml;ten oder
                             Sprachsteuerung verwenden. Dazu geh&ouml;ren Benutzer, die
                             Sehbehinderungen haben, &uuml;ber ein Telefon auf das
                             Internet zugreifen oder einen sprachgesteuerten Browser im
                             Auto verwenden.
                           
                  </p>
                        
                  <p>
                             Bis die Benutzeroberfl&auml;chen Text&auml;quivalente
                             f&uuml;r clientbasierte Hyperlinks in Imagemaps
                             interpretieren k&ouml;nnen, machen Sie Ihre Seite auch
                             f&uuml;r Benutzer mit deaktivierten Grafiken zug&auml;nglich,
                             indem Sie redundante Textlinks f&uuml;r alle aktiven Bereiche
                             einer Client-Imagemap einf&uuml;gen. Durch Einf&uuml;gen der
                             ALT-Beschreibung f&uuml;r AREA-Elemente ist Ihre Seite jedoch
                             bereits mit diesen neuen Browsern kompatibel.
                           
                  </p>
                      
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>