एचटीएमएल 5

Question

मैं कई आदानों जहाँ मैं इनपुट के अंदर ही फ़ॉर्म एलीमेंट का करने के लिए सक्षम देने की आवश्यकता के साथ एक रूप बना रहा हूँ में निवेश के लिए प्लेसहोल्डर वी.एस. लेबल और मैं इस

की तरह एक उदाहरण

उपयोग कर रहा हूँ

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

और कोड ऊपर एचटीएमएल 5 के लिए W3C मान्य में मान्य है।

क्या Label HTML 5 में आवश्यकता नहीं है?

यदि मैं input के अंदर लेबल दिखाने के लिए HTML5 Placeholder का उपयोग कर रहा हूं तो यह ठीक है?

label अभी भी placeholder के साथ आवश्यक है यह स्क्रीन रीडर संगत बनाने के लिए?

Answer 1

Placeholder के लिए Label तो मैं स्क्रीन रीडर के लिए लगता है कि इस वर्तमान या कम से कम title विशेषता निर्धारित होना चाहिए कोई प्रतिस्थापन है। Ref

क्रॉस ब्राउज़र संगतता के लिए आपको जावास्क्रिप्ट का उपयोग करने की आवश्यकता है। इसके लिए चेकआउट http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html।

Answer 2

एचटीएमएल मान्यकर्ता अभिगम्यता की जांच नहीं करेंगे। मान्य एचटीएमएल अभी भी अप्राप्य या इष्टतम से कम हो सकता है। लेबल अभी भी महत्वपूर्ण हैं और HTML5 placeholder उनके लिए प्रतिस्थापन नहीं है। में H44: Using label elements to associate text labels with form controls देखें। यदि आपके लेआउट की आवश्यकता है कि लेबल दृष्टि वाले उपयोगकर्ताओं को दिखाई न दे, तो आप हमेशा लेबल शामिल कर सकते हैं लेकिन नकारात्मक मार्जिन/टेक्स्ट इंडेंट के साथ इसे ऑफस्क्रीन ले जा सकते हैं।

अद्यतन:

कुछ test result on placeholder और एक discussion on the W3 Public HTML mailing list about using placeholder without label।