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

Question

कई ARIA प्रदर्शन वेबसाइटों जैसे कोड का उपयोग करें:

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

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

Answer 1

Mozilla Developer pages पर इसके उपयोग के कुछ अच्छे उदाहरण हैं। शायद उनके उदाहरण का सबसे अच्छा है, जहां यह माता पिता के मेनू आइटम के साथ एक पॉपअप मेनू संबद्ध करने के लिए प्रयोग किया जाता है है - यह पेज में उदाहरण 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> 
    ... 

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

Answer 2

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