<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-Grafik mit g&uuml;ltigem ALT-Text</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-Grafik mit g&uuml;ltigem ALT-Text</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>
                             Grafiken in diesem Dokument haben keine entsprechenden
                             g&uuml;ltigen Textbeschreibungen. Eine g&uuml;ltige
                             Beschreibung ist eine Zeichenfolge im ALT-Attribut, die
                             folgende Voraussetzungen erf&uuml;llt:
                           
                  </p>
                        
                  <ul>
                             
                     <li>
                                  Sie darf keine leere Zeichenfolge sein ("").
                                
                     </li>
                             
                     <li>
                                  Sie darf keine Zeichenfolge mit einem oder mehreren
                                  Leerzeichen sein (" ").
                                
                     </li>
                             
                     <li>
                                  Sie darf nicht dem Namen der Datei entsprechen, die die
                                  Grafik enth&auml;lt.
                                
                     </li>
                             
                     <li>
                                  Sie darf nicht nur die Gr&ouml;&szlig;e der Grafikdatei
                                  angeben.
                                
                     </li>
                             
                     <li>
                                  Sie darf nicht l&auml;nger als 150 Zeichen sein (dies ist
                                  eine Empfehlung und keine Anforderung gem&auml;&szlig; WCAG
                                  1.0 oder 508).
                                
                     </li>
                           
                  </ul>
                        
                  <p>
                             Die Grafik dient anscheinend nicht nur zur Dekoration
                             (d.&nbsp;h. sie ist kein Platzhalter).
                           
                  </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>Probleml&ouml;sung</b>
                      
                  <p>
                           F&uuml;gen Sie das ALT-Attribut in das IMG-Tag ein. Beachten
                           Sie folgende Punkte:
                         
                  </p>
                  	          
                  <ul>
                             
                     <li>
                                  Die Beschreibung sollte die Funktion der Grafik auf der
                                  Seite erkl&auml;ren. Stellen Sie sich vor, Ihnen w&uuml;rde
                                  &uuml;ber das Telefon der Seiteninhalt und die
                                  Grafikbeschreibung vorgelesen.
                                
                     </li>
                             
                     <li>
                                  Wenn die Grafik als Inhalt eines Hyperlinks dient und Sie
                                  au&szlig;erdem Hyperlinktext eingef&uuml;gt haben, sollten
                                  Sie ein Leerzeichen als ALT-Attributwert f&uuml;r das
                                  IMG-Element eingeben. In einem solchen Fall sollte der
                                  Hyperlinktext als alternative Beschreibung der Grafik
                                  dienen.
                                
                     </li>
                             
                     <li>
                                  Fassen Sie sich kurz. Denken Sie daran, dass Grafiken wie
                                  Logos auf jeder Seite wiederholt werden. Die Benutzer
                                  m&uuml;ssten sich also die Beschreibung immer wieder
                                  anh&ouml;ren.
                                
                     </li>
                             
                     <li>
                                  Als grobe Richtlinie gilt, dass Sie f&uuml;r
                                  Schaltfl&auml;chen den auf der Grafik angezeigten Text
                                  verwenden sollten.
                                
                     </li>
                             
                     <li>
                                  ALT-Beschreibungen werden von Browsern nicht interpretiert
                                  und d&uuml;rfen keine HTML-Tags enthalten. Eingebettete
                                  Tags verwirren sowohl Benutzer als auch manche
                                  Suchmaschinen.
                                
                     </li>
                             
                     <li>
                                  Zu lange ALT-Beschreibungen werden vom Browser
                                  m&ouml;glicherweise abgeschnitten und erh&ouml;hen die
                                  Downloadzeit der Seite. Als Faustregel haben sich maximal
                                  10 W&ouml;rter bzw. 64 Zeichen bew&auml;hrt.
                                
                     </li>
                             
                     <li>
                                  Grafiken, die nur zur Dekoration dienen (z.&nbsp;B.
                                  Platzhalter) sollten eine leere ALT-Zeichenfolge ("")
                                  enthalten, damit sie von Bildschirmleseger&auml;ten
                                  ignoriert werden. Das Gleiche gilt f&uuml;r Grafiken, die
                                  beispielsweise f&uuml;r Aufz&auml;hlungen verwendet werden
                                
                     </li>
                             
                     <li>
                                  ACHTUNG: Das ALT-Attribut sollte eine leere Zeichenfolge
                                  ("") sein, wenn die Grafik bereits durch den umgebenden
                                  Text beschrieben wird.
                                
                     </li>
                             
                     <li>
                                  ACHTUNG: Alle in Hyperlinks enthaltenen Grafiken
                                  (einschlie&szlig;lich transparenter GIFs) ben&ouml;tigen
                                  g&uuml;ltige ALT-Attribute, in denen das Hyperlinkziel
                                  beschrieben wird.
                                
                     </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>
                             Das ALT-Attribut beschreibt die entsprechende Grafik, damit
                             auch Benutzer, die Grafiken im Browser deaktiviert haben,
                             alle Navigationsoptionen der Seite verwenden k&ouml;nnen.
                             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.
                           
                  </p>
                        
                  <p>
                             Bei verborgenen Hyperlinks (normalen A-Tags mit einem
                             Platzhalter als Beschriftung) muss das ALT-Attribut der
                             Grafik vorhanden sein und das Ziel des Hyperlinks
                             beschreiben. (Mit verborgenen Hyperlinks k&ouml;nnen die
                             Regel 508, 1194.22(o), die eine M&ouml;glichkeit zum
                             &Uuml;berspringen von sich wiederholenden
                             Navigations-Hyperlinks vorschreibt, und die WAI-Richtlinie
                             13.6 erf&uuml;llt werden.)
                           
                  </p>
                        
                  <p>
                             ALT-Beschreibungen werden vor der zugeh&ouml;rigen Grafik
                             angezeigt. Dies ist besonders n&uuml;tzlich, wenn die
                             anzuzeigenden Grafiken erst geladen werden m&uuml;ssen.
                           
                  </p>
                        
                  <p>
                             Durch Einf&uuml;gen von Schl&uuml;sselw&ouml;rtern in das
                             ALT-Attribut l&auml;sst sich m&ouml;glicherweise auch die
                             Trefferquote bei einigen Suchmaschinen steigern.
                           
                  </p>
                        
                  <p>
                               Bei Grafiken, die ausschlie&szlig;lich zur Dekoration
                               dienen (wie Platzhaltergrafiken und
                               Aufz&auml;hlungszeichen), sollte der ALT-Text eine leere
                               Zeichenfolge sein (d.&nbsp;h. 
                             <strong>
                                  ALT=""        </strong>
                             ), damit Bildschirmleseger&auml;te keine
                             &uuml;berfl&uuml;ssigen Informationen wie "*" oder "&gt;"
                             ausgeben.
                           
                  </p>
                      
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>