<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 &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">INPUT 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>
                               Eine als Schaltfl&auml;che im Formular verwendete Grafik
                               hat eine g&uuml;ltige Textbeschreibung.
                             <br>
                             Die Grafik sollte eine &auml;quivalente Textbeschreibung
                             besitzen.
                           
                  </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 den Inhalt des ALT-Attributs f&uuml;r das
                               INPUT-Element.
                             <br>
                             Die Beschreibung sollte die Auswirkungen erkl&auml;ren, die
                             ein Klick auf die Schaltfl&auml;che hat.
                           
                  </p>
                        
                  <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
                             &auml;quivalente 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. Beim
                             Verwenden einer Maus zum Klicken auf die Grafik werden das
                             Formular und die Koordinaten des Klicks an den Server
                             &uuml;bertragen. 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>