<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: Nicht-Platzhalter-Grafiken (IMG) ben&ouml;tigen LONGDESC-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">Nicht-Platzhalter-Grafiken (IMG) ben&ouml;tigen LONGDESC-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 Grafik hat kein LONGDESC-Attribut, das auf eine
                             HTML-Datei mit detaillierten Informationen zur Grafik
                             verweist.
                           
                  </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>
                             Vergewissern Sie sich, dass die Grafik Informationen
                             vermittelt, die auf der restlichen Seite oder in der
                             Textentsprechung (im ALT-Attribut) der Grafik nicht enthalten
                             sind.
                           
                  </p>
                        
                  <p>
                             Wenn die Beschreibung der Grafik Informationen
                             hinzuf&uuml;gen w&uuml;rde, die nicht im Seitentext enthalten
                             sind, m&uuml;ssen Sie eine Beschreibung einf&uuml;gen. Durch
                             den Informationsgehalt der Grafik und den Kontext, in dem sie
                             verwendet wird, wird auch bestimmt, wie detailliert die
                             Beschreibung sein sollte.
                           
                  </p>
                        
                  <p>
                       Da momentan jedoch nur wenige Browser das LONGDESC-Attribut
                       unterst&uuml;tzen, sollten Sie in der N&auml;he der Grafik auch
                       einen so genannten D-Link einf&uuml;gen. Ein D-Link ist ein
                       normaler Textlink mit der Beschriftung "D", der auf eine HTML-Seite
                       mit einer vollst&auml;ndigen Grafikbeschreibung verweist.
                       Beispiel:
                     <pre>
  &lt;IMG src="chart.gif" alt="&Uuml;bersicht &uuml;ber
  Getr&auml;nkeverteilung" longdesc="chart.html"&gt;&lt;A
  href="chart.html"&gt;D&lt;/A&gt;
</pre>
                           </p>
                        
                  <p>
                             Eine weitere M&ouml;glichkeit besteht darin, umfangreiche
                             Textinformationen, wie z.&nbsp;B. eine Bildunterschrift in
                             der N&auml;he der Grafik einzuf&uuml;gen. In einem solchen
                             Fall ben&ouml;tigen Sie das LONGDESC-Attribut bzw. den D-Link
                             nicht.
                           
                  </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>Problemerkl&auml;rung</b><br>
                        
                  <p>
                             Das ALT-Attribut kann nicht f&uuml;r umfangreiche
                             Inhaltsbeschreibungen verwendet werden. Zur Beschreibung von
                             Diagrammen, Histogrammen, Tabellen oder Produktabbildungen in
                             einem Online-Katalog ben&ouml;tigen Sie eine flexiblere
                             L&ouml;sung.
                           
                  </p>
                        
                  <p>
                             Mit dem LONGDESC-Attribut k&ouml;nnen Sie eine
                             ausf&uuml;hrliche Beschreibung der zugeh&ouml;rigen Grafik
                             einf&uuml;gen. Durch Einf&uuml;gen des Attributs
                             LONGDESC="HTML-Datei" in das IMG-Tag k&ouml;nnen Sie die
                             Grafik mit der HTML-Datei verkn&uuml;pfen, die eine
                             formatierte Beschreibung der Grafik enth&auml;lt. Die
                             ausf&uuml;hrliche Beschreibung kann (im Gegensatz zum
                             ALT-Attribut) HTML-Code mit Hyperlinks zu anderen Ressourcen,
                             Formatanweisung etc. enthalten.
                           
                  </p>
                        
                  <p>
                       Da momentan jedoch nur wenige Browser das LONGDESC-Attribut
                       unterst&uuml;tzen, sollten Sie in der N&auml;he der Grafik auch
                       einen so genannten D-Link einf&uuml;gen. Ein D-Link ist ein
                       normaler Textlink mit der Beschriftung "D", der auf eine HTML-Seite
                       mit einer vollst&auml;ndigen Grafikbeschreibung verweist.
                       Beispiel:
                     <pre>
  &lt;IMG src="chart.gif" alt="&Uuml;bersicht &uuml;ber
  Getr&auml;nkeverteilung" longdesc="chart.html"&gt;&lt;A
  href="chart.html"&gt;D&lt;/A&gt;
</pre>
                           </p>
                        
                  <p>
                             Eine weitere M&ouml;glichkeit besteht darin, umfangreiche
                             Textinformationen, wie z.&nbsp;B. eine Bildunterschrift in
                             der N&auml;he der Grafik einzuf&uuml;gen. In einem solchen
                             Fall ben&ouml;tigen Sie das LONGDESC-Attribut bzw. den D-Link
                             nicht.
                           
                  </p>
                        
                  <p>
                             Aussagekr&auml;ftige Alternativbeschreibungen f&uuml;r
                             Grafiken sind heute sehr wichtig, da viele Benutzer keine
                             Grafiken nutzen k&ouml;nnen. Dazu geh&ouml;ren beispielsweise
                             Benutzer von Mobiltelefonen und PDAs sowie von Browsern in
                             Fahrzeugen.
                           
                  </p>
                      
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>