क्या एरिया-अक्षम केवल फोकस करने योग्य तत्व पर लागू किया जा सकता है? क्या यह बाल तत्वों पर भी लागू नहीं होता है?

Question

मैंने बूटस्ट्रैप का उपयोग करके एक पृष्ठ बनाया है जिसमें अगले और पिछले पृष्ठ लिंक के मानक लेआउट हैं। पहले पृष्ठ पर, मैं 'पिछले पृष्ठ' क्लिक इस प्रकार निष्क्रिय कर दें:

<div role="navigation"> 
    <ul class="pager"> 
    <li class="previous disabled" aria-disabled="true"> 
     <a href="#">Previous page</a> 
    </li> 
    <li class="next"> 
     <a href="search.php?page=2">Next page</a> 
    </li> 
    </ul> 
</div> 

यह स्क्रीन रीडर (JAWS, NVDA और योग्यता), aria-disabled="true" झंडा नहीं देख रहे हैं यहां तक ​​कि W3C WAI-ARIA spec राज्यों हालांकि की तरह लगता है:

विकलांग होने की स्थिति वर्तमान तत्व और सभी तत्व है जिस पर aria-विकलांग विशेषता लागू किया जाता है की फ़ोकस करने योग्य वंशज तत्वों पर लागू होता है।

अगर मैं लिंक को aria-disabled="true" जोड़ें:

... 
    <li class="previous disabled" aria-disabled="true"> 
     <a href="#" aria-disabled="true">Previous page</a> 
    </li> 
    ... 

तो यह काम करता है के रूप में मैं आशा व्यक्त की थी, स्क्रीन रीडर 'अक्षम' के रूप में लिंक का वर्णन के साथ।

क्या मैं वाई-एरिया स्पेक को गलत समझ रहा हूं, या क्या यह स्क्रीन रीडर कार्यान्वयन का 'फीचर' है? his comment on 'How do i tell a screen reader that a link is disabled' में, Bryan Garaventa का उल्लेख है:

... aria-विकलांग के उपयोग के तत्वों एक परिभाषित भूमिका है कि, इस तरह के भूमिका = बटन के रूप में के लिए सबसे अच्छा काम करता है।

aria-disabledकेवल फ़ोकस करने योग्य तत्वों को लागू किया जा कर सकते हैं?

Answer 1

जेएडब्ल्यूएस 16 के साथ, आईई और क्रोम दोनों में आपके द्वारा वर्णित समस्या है, लेकिन एफएफ 38 सही तरीके से काम करता है (एफएफ के पिछले संस्करणों के बारे में निश्चित नहीं है)। जब मैं लिंक जहां <li>aria-disabled="true" है और नहीं एक aria-विकलांग = "true" <a>, एफएफ 38 पर और जबड़े 16 कहते हैं, "पिछले पृष्ठ अनुपलब्ध लिंक" वहाँ के लिए टैब।

यह वास्तव में मुझे उस लिंक को सक्रिय करने से नहीं रोकता है, क्योंकि ऐसा नहीं है कि एरिया-अक्षम क्या है, लेकिन JAWS को पता है कि बाल तत्व अक्षम है क्योंकि माता-पिता अक्षम है।

यह आईपैड 2 पर आईओएस 8.3 पर वॉयसओवर में भी काम करता है। VO कहते हैं, "पिछले पृष्ठ मंद कर लिंक"

यह हो सकता है एक भी मामला हो, जहाँ आप तय करने के लिए ठीक से प्रारूपित एचटीएमएल रखने कि क्या करने के लिए और उपयोगकर्ता एजेंट बग को ठीक करते हैं, या यदि आप समस्या को हल कोड का प्रयास करना चाहिए है , जो आपके मामले में लिंक पर एरिया-अक्षम लगा रहा था।