Espace réservé VS Label pour saisie en HTML5

Je suis en train de Faire un formulaire avec plusieurs entrées où j'ai besoin de donner d'étiquette d'élément de formulaire à l'intérieur de l'entrée elle-même et je suis en utilisant comme ce

Un exemple

Espace réservé VS Label pour saisie en HTML5

<form class="TTWForm">
<input type="email" name="email" required="required" placeholder="Email Address">     
</form>

Et code ci-dessus est Valable dans le validateur du W3C HTML5.

Ne Label pas besoin en HTML 5?

Si je suis en utilisant HTML5 Placeholder à montrer l'étiquette à l'intérieur de input est-ce correct?

Ne label toujours de pair avec placeholder pour en faire un lecteur d'écran compatible?

source d'informationauteur Jitendra Vyas

  1. 8

    HTML validateurs ne sera pas vérifier l'accessibilité. Code HTML valide peut encore être inaccessible ou moins optimale. Les étiquettes sont encore importants et HTML5 placeholder n'est pas un remplacement pour eux. Voir H44: à l'Aide d'éléments de l'étiquette d'associer des étiquettes de texte avec les contrôles de formulaire dans le WCAG 2 Techniques. Si votre disposition exige que l'étiquette ne soit pas visible par les utilisateurs voyants, vous pouvez toujours inclure l'étiquette, mais le déplacer hors de l'écran avec des marges négatives/text-indent.

    Mise à jour:

    Certains résultat du test sur espace réservé et un discussion sur le W3 Public HTML liste de diffusion sur l'utilisation de espace réservé sans label.

  2. 1

    Placeholder est pas de remplacement pour Label donc je suppose que pour le lecteur d'écran de ce qui devrait être présent ou au moins à la title attribut. Ref

    Pour la compatibilité du navigateur, vous devez utiliser javascript. La caisse http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html.