2010-08-03 7 views
0

Salut à tous les experts d'accessibilité,Jtemplate Accessibilité question

-je utiliser jtemplate dans mon site et ont question de passer l'accessibilité w3c Web. Le problème est que jtemplate (bien, pas seulement jtemplate mais la plupart des autres modèles de client) utilise caché <textarea> en tant que titulaire de modèle. Et selon la norme W3c Accessibility, chaque zone de texte/zone de texte nécessitait une étiquette associée. Étant donné que ces modèles de zone de texte ne sont pas visibles, il est inutile d'avoir une étiquette cachée à associer à celui-ci. Pouvez-vous suggérer une meilleure façon de s'y prendre?

Meilleures salutations, BC

+0

ajoute juste un 'title =" un titre "' n'a pas aidé? – Reigel

Répondre

0

Je voudrais simplement ignorer cette question de validation. Même avec cette erreur, votre code est toujours valide.

+0

pas 'Accessibilité W3c 'valide c'est ... – Reigel

+0

Je suis heureux de les ignorer mais malheureusement je travaille à l'endroit où nous avons une équipe de test indépendante et ils refusent de laisser passer celui-ci. erhh .. corriger le code ou trouver un nouvel endroit pour travailler =) – BeCool

+0

@Reigel: quels champs cachés ont à voir avec l'accessibilité? –

0

Je suis un utilisateur de lecteur d'écran et j'ai assemblé l'exemple suivant dans IE avec des mâchoires pour Windows sur la façon dont les étiquettes et les zones de texte sont lues. Le résumé court est en ajoutant une étiquette à un champ de texte caché, vous ferez plus de mal que de bien à un utilisateur de lecteur d'écran puisque l'étiquette sera parlée sans le champ de texte associé.

<html> 
<head><title>testing</title></head> 
<body> 
<form> 
<label>This is a useless label since the screen reader won't read the text box</label> 
<textarea rows="10" cols="30" style="display:none"> 
This will not be read by a screen reader 
</textarea> 
<label>This is a useful label since the screen reader will read it along with the text box</label> 
<textarea rows="10" cols="30" > 
This will be read by a screen reader 
</textarea> 
</form> 
</body> 
</html> 

Pour une discussion du texte caché des utilisateurs de lecteurs d'écran ou la mise à disposition pour les utilisateurs de lecteurs d'écran alors qu'il se cachant de tout le monde voir http://webaim.org/techniques/css/invisiblecontent/#intro Ceci est un exemple de la façon dont vous pouvez toujours répondre techniquement une norme, mais créer des sites avec des problèmes d'accessibilité. Bien que l'utilisation de normes aide à l'accessibilité, elle ne le garantit pas. Je suggérerais que vous documentiez cela comme un écart nécessaire par rapport à la norme. Vos autres choix sont d'ajouter des étiquettes qui nuiront aux utilisateurs du lecteur d'écran, mais techniquement rendre le site conforme à la norme, ou réécrire votre site pour utiliser une bibliothèque différente.