2010-05-21 19 views
2

J'ai un formulaire d'expédition. Trois champs de saisie entourent l'adresse de livraison.Le masquage des étiquettes de formulaire aura-t-il un impact sur l'accessibilité Web?

Voici les étiquettes (et entre parenthèses leur "pour" valeurs)

1) Adresse/p.o.. Box (pour = "shipAddress1")
2) Adresse 2 (pour = "shipAddress2")
3) Utilisation pour International Adresse uniquement (pour = "shipAddress3")

Notre concepteur a proposé de les étiqueter simple "Street Address ou P/O Box", mais je veux quand même présenter ces 3 labels pour l'accessibilité du Web (non?). Que dois-je faire avec les articles 1, 2, & 3 ci-dessus - devrais-je appliquer un text-indent:-1000em; ou quelque chose comme ça. Je suppose en utilisant display:none lecteur d'écran moyen ne peut pas les voir aussi, non?

Pensées?

Répondre

5

Avez-vous besoin d'afficher les étiquettes à l'utilisateur ou non? Sinon, utilisez text-indent:-999px pour les positionner sur la page. Display:none ne seront pas captés par les lecteurs d'écran.

Ceci est une bonne vue d'ensemble sur le positionnement plutôt que de se cacher pour l'accessibilité: http://www.nickfitz.co.uk/2007/02/14/why-left-9999px-is-better-for-accessibility-than-display-none/

Pourtant, je ne suis pas tout à fait sûr de ce que vous devez montrer vos utilisateurs. Votre question est un peu confuse.

+0

Je pense que vous avez fait un bon travail répondant à la question (désolé, il était un peu confus). Oui, ces 3 étiquettes n'ont pas besoin d'être montrées à l'utilisateur. Je vais aller avec l'indentation du texte négatif. Je vous remercie! – rsturim

+0

J'étais sur le point de poser la même question, simplement parce que le texte d'espace réservé HTML5 donne une facilité d'utilisation visuelle, mais vous avez toujours besoin d'étiquettes pour les lecteurs d'écran. – theorise

0

Si je comprends bien que vous avez trois champs, seulement un ou deux peuvent être remplis. Pourquoi ne pas demander à l'utilisateur de choisir quel fichier est rempli avec une option.

Nicolas