<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: INPUT mit g&uuml;ltigem 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">INPUT mit g&uuml;ltigem 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>
                             Eine als Schaltfl&auml;che im Formular verwendete Grafik hat
                             keine g&uuml;ltige Textbeschreibung.
                           
                  </p>
                        
                  <p>
                             Die Grafik hat kein LONGDESC-Attribut, in dem auf eine
                             HTML-Datei mit einer detaillierten, f&uuml;r das ALT-Attribut
                             zu langen Beschreibung verwiesen wird. Eine g&uuml;ltige
                             Beschreibung ist eine Zeichenfolge im ALT-Attribut, bei der
                             es sich nicht um folgende Zeichenfolgen handeln darf:
                           
                  </p>
                        
                  <ul>
                             
                     <li>
                                  eine leere Zeichenfolge ("")
                                
                     </li>
                             
                     <li>
                                  Eine Zeichenfolge mit einem oder mehreren Leerzeichen
                                  (" ")
                                
                     </li>
                             
                     <li>
                                  Den Namen der Grafikdatei
                                
                     </li>
                             
                     <li>
                                  Die Gr&ouml;&szlig;e der Grafikdatei
                                
                     </li>
                             
                     <li>
                                  Eine Zeichenfolge mit mehr als 150 Zeichen (dies ist eine
                                  Empfehlung und keine Anforderung gem&auml;&szlig; WCAG 1.0
                                  oder 508)
                                
                     </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>Probleml&ouml;sung</b>
                        
                  <p>
                             F&uuml;gen Sie dem INPUT-Tag das ALT-Attribut unter
                             Ber&uuml;cksichtigung folgender Gesichtspunkte hinzu:
                           
                  </p>
                        
                  <ul>
                             
                     <li>
                                  Die Beschreibung sollte die Auswirkungen erkl&auml;ren, die
                                  ein Klick auf die Schaltfl&auml;che hat.
                                
                     </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>
                           
                  </ul>
                        
                  <p>
                             Beachten Sie, dass beim Verwenden einer Maus zum Klicken auf
                             die Grafik das Formular und die Koordinaten des Klicks an den
                             Server &uuml;bertragen werden. Wenn der Server je nach
                             Position des Klicks unterschiedliche Aktionen
                             durchf&uuml;hrt, sind Benutzer von Textbrowsern im Nachteil.
                             Daher sollten Sie folgende alternative L&ouml;sungen in
                             Betracht ziehen:
                           
                  </p>
                        
                  <ul>
                             
                     <li>
                                  Verwenden Sie einfache Schaltfl&auml;chen zum Absenden
                                  (jeweils mit eigener Grafik) an Stelle einer einzigen
                                  grafischen Schaltfl&auml;che. Diese Schaltfl&auml;chen
                                  k&ouml;nnen Sie &uuml;ber Stylesheets positionieren.
                                
                     </li>
                             
                     <li>
                                  Verwenden Sie eine Client-Imagemap in Verbindung mit einem
                                  Skript.
                                
                     </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>
                             Wenn f&uuml;r die Schaltfl&auml;chengrafik keine
                             Textbeschreibung angegeben ist, haben Benutzer von
                             Textbrowsern keine Ahnung, was beim Klicken auf die
                             Schaltfl&auml;che geschieht.
                           
                  </p>
                        
                  <p>
                             Beachten Sie auch ein weiteres m&ouml;gliches Problem.
                           
                  </p>
                        
                  <p>
                             Beim Verwenden einer Maus zum Klicken auf die Grafik werden
                             das Formular und die Koordinaten des Klicks an den Server
                             &uuml;bertragen.
                           
                  </p>
                        
                  <p>
                             Wenn der Server je nach Position des Klicks unterschiedliche
                             Aktionen durchf&uuml;hrt, sind Benutzer von Textbrowsern im
                             Nachteil. Daher sollten Sie folgende alternative
                             L&ouml;sungen in Betracht ziehen:
                           
                  </p>
                        
                  <ul>
                             
                     <li>
                                  Verwenden Sie einfache Schaltfl&auml;chen zum Absenden
                                  (jeweils mit eigener Grafik) an Stelle einer einzigen
                                  grafischen Schaltfl&auml;che. Diese Schaltfl&auml;chen
                                  k&ouml;nnen Sie &uuml;ber Stylesheets positionieren.
                                
                     </li>
                             
                     <li>
                                  Verwenden Sie eine Client-Imagemap in Verbindung mit einem
                                  Skript.
                                
                     </li>
                           
                  </ul>
                      
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>