html पहले से लेबल किए गए इनपुट तत्वों पर "एरिया-लैबेलबी" का उपयोग करने का उद्देश्य?




label accessibility (2)

कई एआरआईए प्रदर्शन वेबसाइटें कोड का उपयोग करती हैं जैसे कि:

<label for="name" id="label-name">Your Name</label>
<input id="name" aria-labelledby="label-name" type="text">


लेकिन इस मामले में aria-labelledby विशेषता का उपयोग करने का क्या उद्देश्य है? input तत्व को पहले से लेबल लेबल द्वारा लेबल किया गया है जो विशेषता के for उपयोग कर for है, है ना?


कुछ भी नए के साथ हमेशा यूए समर्थन मुद्दों है इसलिए डेवलपर्स प्रगतिशील वृद्धि को देखते हैं। यह एआरआईए तकनीक "के लिए" विशेषता को दूर करने की क्षमता प्रदान करती है और अन्य तत्वों को समृद्ध रूप का हिस्सा बनने की अनुमति देती है। ये तकनीक सामान्य अभ्यास बन जाएगी।


मोज़िला डेवलपर पृष्ठों पर इसके उपयोग के कुछ अच्छे उदाहरण हैं। शायद उनके सबसे अच्छे उदाहरण यह है कि इसे पॉपअप मेनू को मूल मेनू आइटम से संबद्ध करने के लिए उपयोग किया जाता है - यह पृष्ठ में उदाहरण 7 है:

<div role="menubar">  
    <div role="menuitem" aria-haspopup="true" id="fileMenu">File</div>  
    <div role="menu" aria-labelledby="fileMenu">  
        <div role="menuitem">Open</div>  
        <div role="menuitem">Save</div>  
       <div role="menuitem">Save as ...</div>  
       ...  
    </div>  
    ...  

एआरआईए गुणों का उपयोग सुलभ रिच इंटरनेट अनुप्रयोगों के निर्माण में सबसे बड़ा उपयोग होता है: जब तक आप मानक अर्थपूर्ण एचटीएमएल के साथ चिपके रहते हैं - मानकों के लेबल के साथ फॉर्म का उपयोग करके - आपको इसकी आवश्यकता नहीं होनी चाहिए: इसलिए इसका उपयोग करने का कोई कारण नहीं है एक लेबल / इनपुट जोड़ी। लेकिन यदि आप खरोंच से "समृद्ध यूआई" बना रहे हैं (डीवीवी और जावास्क्रिप्ट के साथ अन्य निम्न स्तर वाले तत्व इंटरएक्टिविटी जोड़ रहे हैं), तो स्क्रीनश्रेडर को यह जानने के लिए आवश्यक है कि उच्च स्तरीय इरादा क्या है।





wai-aria