2012-06-25 7 views
29

एआरआईए प्रदर्शन वेबसाइटों पर, role="contentinfo" आमतौर पर footer तत्व पर जोड़ा जाता है।क्या भूमिका = "contentinfo" हमेशा पाद लेख तत्व पर जोड़ा जाना चाहिए?

हालांकि, footers in modern web design रचनात्मक हो सकता है ताकि वे पूरक नेविगेशन लिंक, सोशल वेबसाइट लिंक या यहां तक ​​कि न्यूज़लेटर फॉर्म जैसी चीजें भी शामिल कर सकें।

उदाहरण के लिए पाद लेख के निम्नलिखित कोड लेना। footer या p तत्व पर जोड़ा जाना चाहिए?

<footer> 
    <nav> 
     <ul> 
      ........ 
      ........ 
      ........ 
      ........ 
      ........ 
     </ul> 
    </nav> 
    <form> 
     ........ 
     ........ 
     ........ 
    </form> 
    <p>© 2012 Website.com. All rights reserved.</p> 
</footer> 


संपादित करें: मैं W3C ARIA मेलिंग सूची का उपयोग करके इस प्रश्न पूछा था, और स्टीव फॉल्कनर, W3C HTML कार्य समूह के एक सदस्य ने कहा गया है। निम्नलिखित उनका सुझाव है:

मैं यह भी ध्यान में रखता हूं कि ब्राउजर एक्सेसर एपीआई में पाद लेख तत्व को कैसे मैप करते हैं।
फ़ायरफ़ॉक्स में फ़ूटर को ARIA भूमिका = contentinfo
में मैप किया गया है वेबकिट/सफारी/क्रोम में फूटर को एआरआईए भूमिका = समूह में मैप किया गया है यदि यह किसी सेक्शन या आलेख तत्व में निहित है अन्यथा इसे भूमिका = contentinfo
में मैप किया गया है "contentinfo">
        कुछ सामग्री
        < पाद लेख
< div भूमिका => कुछ: यह

मैप नहीं है तो यह कर सामग्री </पाद लेख>
</div>

नेस्टेड contentinfo स्थलों ब्राउज़रों कि पहले से ही contentinfo के पाद लेख के नक्शे में घोषणा की जा रही करने के लिए नेतृत्व करेंगे।

इसलिए मैं सुझाव है कि मुख्य पाद लेख के लिए भूमिका = contentinfo जोड़ने, सामग्री है कि आपको लगता है नहीं हो सकता है पाद लेख में उचित जा रहा है के बारे में बहुत ज्यादा चिंता नहीं।


तो सुझाव दिया दृष्टिकोण मुख्य footer को role="contentinfo" जोड़ रहा है।

उत्तर

8

मुझे लगता है कि यह आपके मामले में पाद लेख टैग पर होना चाहिए।

यह मूल दस्तावेज़ के बारे में जानकारी देने के लिए है, तो मैं इसका इस्तेमाल होता अगर आपके पाद लेख तत्वों माता पिता का एक अच्छा संदर्भ दे।

http://www.w3.org/TR/wai-aria/roles#contentinfo

+0

धन्यवाद @bcm। हां, यह सुझाया गया दृष्टिकोण है। –

+0

हालांकि यह सही समाधान हो सकता है, यह spec के साथ संघर्ष करता है। Contentinfo "एक बड़ा कल्पनीय क्षेत्र है जिसमें मूल दस्तावेज़ के बारे में जानकारी शामिल है"। अगर मेरे पास मेरे फूटर में सोशल लिंक्स या न्यूज़लेटर सदस्यता फॉर्म है तो जाहिर है कि यह spec के खिलाफ चला जाता है। –

2

मैं <p> तत्व के साथ जाऊंगा। मेरा मतलब है, एचटीएमएल का बिंदु अपने पाठ को संदर्भ देना है। तो उपयुक्त मार्कअप करके उचित संदर्भ दें।

सबसे उचित तत्व की भूमिका दें, यह पाद लेख तत्वों तक सीमित विशेषता नहीं है।

+0

आपकी बहुमूल्य राय के लिए धन्यवाद @ ट्राउथ। यह उत्तर उपयोगी चिह्नित किया गया है। –

5

के रूप में अब वहाँ कोई निश्चित सही जवाब है।

आप कल्पना से जाना हैं: http://www.w3.org/TR/wai-aria/roles#contentinfo, contentinfo रूप में वर्णित है:।

"एक बड़ा समझ योग्य क्षेत्र है कि मूल दस्तावेज़ बारे में जानकारी शामिल जानकारी के उदाहरणों में शामिल पेज के इस क्षेत्र में कॉपीराइट रहे हैं और गोपनीयता कथन के लिंक। "

तो, इस मामले में इसे आपके <p> टैग पर रखा जाना चाहिए।

हालांकि, यह दिखाएं कि आप ऐसे उपयोगकर्ता हैं जो इन स्थलों का उपयोग कर रहे हैं। यदि हर कोई footer पर role="contentinfo" रखता है, तो उपयोगकर्ता यही अपेक्षा करता है। उपयोगकर्ता परवाह नहीं है कि "spec" क्या कहता है, वे वेबसाइट से वेबसाइट पर ब्राउज़ करते समय एक लगातार अनुभव चाहते हैं। वे शायद contentinfo सेक्शन में होने वाले फूटर लिंक की अपेक्षा कर रहे हैं, क्योंकि इस तरह यह कई साइटों पर लागू किया गया है, और जैसा कि आपने बताया है कि यह कई अभिगम्यता विशेषज्ञों के लिए अनुशंसित तरीका है।

मैं हालांकि मैं अपने मन की पीठ में रखने के उपयोगकर्ता को पूरा करने के लिए पसंद है, और इसलिए मैं footer तत्व पर यह लागू होते हैं, कि यह कल्पना के खिलाफ जाता है (या इसके लिए कम से कम मेरी व्याख्या) और कहा कि इसका कार्यान्वयन बदल सकता है क्योंकि ब्राउज़र और अन्य सुलभ प्रौद्योगिकियां अधिक सुसंगत ढंग से पहुंच को लागू करने लगती हैं।

+0

आपकी राय के लिए धन्यवाद। –

1

यह अनावश्यक जानकारी के रूप में अर्थ विज्ञान पहले से ही एचटीएमएल 5 चश्मा https://dequeuniversity.com/assets/html/jquery-summit/html5/slides/landmarks.html#the_difference_between_html5_and_aria

के माध्यम से अवगत करा रहे हैं आम तौर पर आप ARIA भूमिकाओं को छोड़ सकते हैं अगर वे एचटीएमएल 5 तत्व का अर्थ समझ के साथ ओवरलैप है।

मुझे लगता है कि यह सही है, लेकिन यह निर्धारित करने के लिए स्क्रीन पाठकों से परीक्षण की आवश्यकता है कि यह सटीक है।

+0

लेकिन 'पाद लेख' तत्व खंडन तत्वों में भी हो सकता है। यह हमेशा सामग्री की जानकारी नहीं है। –

+0

सच है। धन्यवाद! तो मुझे लगता है कि यह सिर्फ निर्भर करता है ... –

+0

यह अभी भी ब्राउज़र द्वारा एक्सेसिबिलिटी पेड़ में अलग-अलग प्रकट होना चाहिए, यदि 'फूटर' 'बॉडी 'या' सेक्शन 'तत्व का प्रत्यक्ष बच्चा तत्व है। –

संबंधित मुद्दे