Segnaposto VS Etichetta per l'ingresso in HTML5

Question

sto facendo una maschera con più ingressi dove devo dare etichetta dell'elemento forma all'interno di ingresso stessa e sto usando simili

Un esempio

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

E il codice sopra è Valido nel validatore W3C per HTML5.

Non richiede Label in HTML 5?

Se utilizzo HTML5 Placeholder per mostrare l'etichetta all'interno di input ok?

Vuol label ancora richiesto con placeholder per renderlo compatibile con screen reader?

Answer 1

Placeholder è alcuna sostituzione per Label quindi immagino per lettore di schermo dovrebbe essere presente o almeno impostare l'attributo title. Ref

Per la compatibilità con più browser è necessario utilizzare javascript. Cassa http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html per quello.

Answer 2

I validatori HTML non controllano l'accessibilità. HTML valido può ancora essere inaccessibile o meno ottimale. Le etichette sono ancora importanti e HTML5 placeholder non è un sostituto per loro. Vedi H44: Using label elements to associate text labels with form controls nel WCAG 2 Techniques. Se il tuo layout richiede che l'etichetta non sia visibile agli utenti vedenti, puoi sempre includere l'etichetta ma spostarla fuori dallo schermo con margini negativi/rientro del testo.

Aggiornamento:

Alcuni test result on placeholder e discussion on the W3 Public HTML mailing list about using placeholder without label.