सीआरआई में चयनकर्ताओं के रूप में एआरआईए राज्यों और भूमिकाओं का उपयोग न करने के कारण हैं?

Question

मैं वर्तमान में अन्य चीजों के साथ, एआरआईए टैग्स का उपयोग करके एक सुलभ साइट बनाने पर काम कर रहा हूं। यह मेरे लिए हुआ कि कक्षा का उपयोग करने के बजाय aria-invalid जैसे गुण मेरे सीएसएस के लक्ष्य के लिए अच्छे चयनकर्ता होंगे।

इस के लाभ के leaner है, और अधिक सार्थक एचटीएमएल, जो मुझे सीएसएस से (और जे एस) में हुक करने के लिए आसान है। उस ने कहा, मैंने इसे कहीं और नहीं देखा है, इसलिए मुझे संदेह है कि स्टाइल के लिए अभिगम्यता टैग का लाभ उठाने के लिए डाउनसाइड्स हैं। मुझे संदेह है कि अनियंत्रित विशेषता चयनकर्ताओं का उपयोग कम प्रदर्शन करने वाले सीएसएस के लिए बनाता है, लेकिन क्या ऐसे अन्य डाउनसाइड्स हैं जिन्हें मैंने नहीं माना है?

Answer 1

गुण चयनकर्ताओं बड़े पैमाने पर सीएसएस के लिए शैलियों का प्रबंधन करने क्योंकि विशेषता चयनकर्ताओं हमेशा एक specificity of 0-0-1-0 होगा एक बहुत लचीला तरीका है।

[aria-*] चयनकर्ता स्टाइल हुक के रूप में उपयोग करने के लिए बिल्कुल ठीक हैं, और मैं अंतराल को भरने के लिए कस्टम [data-*] विशेषताओं का उपयोग करने की भी सिफारिश करता हूं जहां आपको एक-एक की आवश्यकता हो सकती है। निश्चित रूप से वर्ग चयनकर्ताओं लेकिन आप विशेषता चयनकर्ताओं के साथ कुछ बहुत ही सुंदर शैली एक्सटेंशन क्या कर सकते हैं इस्तेमाल किया जा करना जारी रखना चाहिए,:

[data-foo] { 
    color: red; 
} 
[data-foo="bar"] { 
    color: blue; 
} 
[data-foo="fizz"] { 
    color: green; 
} 

इन चयनकर्ताओं में से प्रत्येक में एक ही विशिष्टता है, और झरना शैलियों उचित रूप से लागू करने के लिए अनुमति देगा।

आप [attr~="value"] चयनकर्ता का उपयोग यदि आवश्यकता हुई द्वारा वर्गों के अपने खुद के रूप में बना सकते हैं।

"attribute contains" selector का उपयोग वर्गों से अधिक विशेषताओं का उपयोग करने के लिए के लिए a technique that I call "classy images"

---

छिपा लाभों में से एक उपयोगी हो सकता है जावास्क्रिप्ट में एक प्रदर्शन के लाभ है। इसके बजाय एक तत्व पर एक वर्ग की उपस्थिति (जो गलत पाने के लिए उल्लेखनीय आसान है) के लिए जाँच करने के लिए होने के, ब्राउज़र एक लंबे समय के लिए getAttribute, hasAttribute, और setAttribute का समर्थन किया है। https://www.w3.org/TR/wai-aria-practices/#accessiblewidget, खंड 2.7 -