Bobby AAA Approved ?

Bobby AAA Approved ? - HTML/CSS - Programmation

Marsh Posté le 09-05-2003 à 01:36:52    

Bonjour,
 
Pour compléter les tests du Validateur W3C, je viens d'apprendre l'existence des tests d'accessibilité "Bobby" et des AAA.
 
En passant mon site (www.alsacreations.com) sur Bobby, je m'aperçois qu'il ne passe même pas la Priorité 1 :(
 
Ce qui me gêne le plus, c'est qu'il m'affiche des erreurs que je ne comprends même pas :
 
- "If you use color to convey information, make sure the information is also represented another way." (Note : comprends pô)
 
- "If the submit button is used as an image map, use separate buttons for each active region." (Note : je n'ai pas d'image-map)
 
- "If an image conveys important information beyond what is in its alternative text, provide an extended description." (= les ALT ne suffisent pas ?)
 
Voici le lien direct : http://bobby.watchfire.com/bobby/b [...] &test=#g12
 
Si quelqu'un s'y connait, peut-on me renseigner sur la manière de corriger ces erreurs ?


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 09-05-2003 à 01:36:52   

Reply

Marsh Posté le 09-05-2003 à 01:43:29    

Ben dans mon cas, il doit bien s'agir d'erreurs puisque le site ne passe pas la validation
 
PS : ah tient, on ne peux tester qu'une fois / minute ;)


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 09-05-2003 à 01:44:45    

mais c quoi cetruc ????
 
http://bobby.watchfire.com/bobby/html/en/gls/g31.html
 
des summary ??????????   :sweat:  
 
mon site est nul  :cry:


---------------
IVG en france
Reply

Marsh Posté le 09-05-2003 à 01:50:57    

Merci Hotshot,
 
En effet, Bobby a l'air assez "spécial".
Wave3 est plus simple d'utilisation... et beaucoup plus positif dans son analyse :)


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 09-05-2003 à 01:53:35    

j'avais jamais entendu parler de ce site moi...
 
ça rajoute en plus du W3C sachant que c eux qui definissent la norme  :??:


---------------
IVG en france
Reply

Marsh Posté le 09-05-2003 à 02:01:12    

je connais pas non plus...  :??: les normes d'accessibilités
 
mais je vais de ce pas  vers Google...


---------------
IVG en france
Reply

Marsh Posté le 09-05-2003 à 02:28:35    

HotShot a écrit :

Une fois que les 3 erreurs seront réglées, c bon c valide :
 
   1.  Make sure event handlers do not require use of a mouse. (6 instances)
      Lines 53, 54, 55, 56, 58, 79
   2. Explicitly associate form controls and their labels with the LABEL element. (2 instances)
      Lines 39, 37  
 
   1.  Separate adjacent links with more than whitespace. (5 instances)
      Lines 53, 54, 55, 56, 58  
 
 


 
Bon, je me suis occupé de donner un label à mon FORM, comme me l'a indiqué Bobby...(erreur 2) du coup, le Validateur W3C me dit "document type does not allow element 'label'"  :??:  
 
 
Par contre, je ne vois pas comment m'occuper des deux autres erreurs :(
 
Il n'existe pas de validateur automatique officiel ? Je n'ai pas vraiment compris comment utiliser celui du W3C "à la main" ?


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 09-05-2003 à 02:43:30    

HotShot a écrit :


Pour ton problème de <label> : si tu montrais le code ou au moins le message d'erreur du valid.W3C ?


 
Le code demandé par Bobby :
 
<form id="form" method="post" action="">
<label for="form"></label>
...
</form>
 
L'erreur W3C :
 
document type does not allow element "label" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 09-05-2003 à 02:51:00    

Ben il y'est, non ?
 
Voici le code complet :
 
<div class="formulaire">
<form id="form" method="post" action=""><label for="form"></label>
<div class="descript">Espace Clients :   
      <input id="compte" name="compte" type="text" value="compte" size="13" onfocus="this.value='';" />
       
      <input id="pass" name="pass" type="password" value="passe" size="13" onfocus="this.value='';" />
         
      <input id="submit" name="submit" type="image" src="design/submit.gif" alt="validez" />
       
</div>
  </form>
</div>


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 09-05-2003 à 02:55:27    

Le label est bien dans mon div général, non ? (div class="formulaire" )
 
Arg, faut vraiment que j'aile me coucher, ça ne va plus !  :sleep:


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 09-05-2003 à 02:55:27   

Reply

Marsh Posté le 09-05-2003 à 03:08:17    

Pff faut pas s'énerver  :na:


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 09-05-2003 à 09:26:22    

Comme cité plus haut, Wave3 est plus fonctionnel que bobby.
 
Mais d'un point de vue pratique, je recommenderais également Cynthia ( http://www.contentquality.com/Default.asp ) qui travaille comme bobby mais te comptabilise mieux les erreurs.

Reply

Marsh Posté le 09-05-2003 à 09:32:03    

c marrant, cette page du topic passé a wave 3.0 sort une belle erreur du forum :D
 

Reply

Marsh Posté le 09-05-2003 à 11:27:17    

HotShot >  :D  
Gizmo > je teste de ce pas ;)
 
EDIT : Vraiment bien foutu, ce Cynthia Report ;) C'est effectivement beaucoup plus clair.
 
Bon, ben après quelques retouches et la mansuétude de Hotshot, j'atteinds mes objectifs : le site passe la section 508 et les niveaux de priorité 1,2,3  :love:  
 
Encore une petite question : quelle est la différence entre ces différents standards (508 et AAA) ? Je n'ai pas trouvé d'info probante sur le sujet


Message édité par sibelius le 09-05-2003 à 11:42:31

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 09-05-2003 à 13:03:57    


Houla, j'ai dit une grosse bêtise ?  :pt1cable:


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed