Back to Question Center
0

A11y मासिक: aria-current के साथ आपकी वेबसाइट पहुंच को कम करना A11y मासिक: aria-current के साथ आपकी वेबसाइट पहुंच को कम करना

1 answers:

एआरआईए-वर्तमान विशेषता, आगामी एआरआईए 1 में एचटीएमएल का एक नया, छोटा सा है। 1. विनिर्देश संबंधित तकनीकों के साथ संवाद करने का यह एक सरल, प्रभावी तरीका है जो संबंधित वस्तुओं के एक सेट के भीतर वर्तमान आइटम है यहां, मैं समझाने की कोशिश करूँगा कि इस तरह की एक छोटी सी विशेषता आपकी वेबसाइट पर पहुंच में सुधार कैसे कर सकती है। मैं यह भी दिखाएगा कि यह कैसे मदद करता है सहायक तकनीकों के उपयोगकर्ता आइटमों की सूची में खुद को केंद्रित करते हैं I

"वर्तमान" दुविधा

अब तक, एचटीएमएल या एआरआईए का उपयोग करके संबंधित वस्तुओं के एक सेट में वर्तमान आइटम को उचित शब्दों के साथ इंगित करने का कोई तरीका नहीं था। बेशक, वर्तमान आइटम को नेत्रहीन पहचानने के तरीके हैं I आप दूसरों से अलग दिखने के लिए कुछ स्टाइल लागू कर सकते हैं Semaltेट, सीएसएस एक दृश्य माध्यम है (उत्पन्न सामग्री के अपवाद के साथ) और जैसा कि सहायक प्रौद्योगिकियों के सामने नहीं है

उदाहरण के लिए नेविगेशन मेनू ले जाएं। कई वर्षों से, मेहनती डेवलपर्स ने वर्तमान पृष्ठ का प्रतिनिधित्व करने वाले मेनू आइटम को अलग करने के लिए वर्कअराउंड का उपयोग किया। वर्तमान लिंक से href विशेषता को निकालना एक विकल्प है। मिमल विकल्प केवल वर्तमान मेनू आइटम टेक्स्ट को बनाने के लिए है, जिसमें कोई लिंक नहीं है।

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

बुनियादी पहुंच सिद्धांतों में से एक यह है कि, जब भी कोई दृश्य संकेत मिलता है जो महत्वपूर्ण जानकारी देता है, तो इस जानकारी को सही तरीके से प्रत्यक्ष रूप से संचरित किया जाना चाहिए, उचित मार्कअप का उपयोग कर। केवल इस तरह से सॉफ्टवेयर जो आपके पृष्ठों की सामग्री को पकड़ लेता है, वह आपके HTML का अर्थ समझ सकता है। इस तरह, यह उस सॉफ़्टवेयर का उपयोग करने वाले लोगों को सही जानकारी रिपोर्ट कर सकता है।

एरिया-वर्तमान विशेषता इस समस्या का समाधान करती है

क्या विनिर्देश कहते हैं

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

एक कंटेनर या संबंधित तत्वों के सेट के भीतर वर्तमान आइटम का प्रतिनिधित्व करता है जो तत्व योग।

आप इसे सात पूर्वनिर्धारित मानों में से एक दे सकते हैं:

मान विवरण
पृष्ठ पृष्ठों के एक सेट के भीतर वर्तमान पृष्ठ का प्रतिनिधित्व करता है
चरण एक प्रक्रिया के भीतर वर्तमान कदम का प्रतिनिधित्व करता है
स्थान एक वातावरण या संदर्भ के भीतर वर्तमान स्थान का प्रतिनिधित्व करता है
तिथि तारीखों के संग्रह के भीतर वर्तमान दिनांक का प्रतिनिधित्व करता है
समय समय के एक सेट के भीतर वर्तमान समय का प्रतिनिधित्व करता है
सच एक सेट के भीतर वर्तमान वस्तु का प्रतिनिधित्व करता है
गलत (डिफ़ॉल्ट) किसी सेट के भीतर वर्तमान वस्तु का प्रतिनिधित्व नहीं करता है

व्यावहारिक उपयोग

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

स्क्रीन रीडर किस प्रकार एरिया-चालू

कैसे स्क्रीन रीडर एआरआईए-वर्तमान विशेषता का उपयोग करते हैं और वे क्या घोषणा करते हैं? यह बहुत सरल है: मूल्य "पेज" स्क्रीन रीडर को "वर्तमान पेज" की घोषणा करेगा, मान "तिथि" उन्हें "वर्तमान दिनांक" घोषित कर देगा, और इसी तरह। केवल "सच" मान थोड़ा अलग है, यह वर्तमान वस्तु को "वर्तमान" के रूप में चिह्नित करता है लेकिन निर्दिष्ट नहीं करता कि यह क्या है। इस प्रकार, "सच्चा" का अर्थ सभी मामलों में प्रयोग किया जाता है जहां वर्तमान वस्तु एक पृष्ठ, कदम, स्थान, आदि नहीं है। एक और रोचक उपयोग का मामला "सच्चा" के लिए है, जब वर्तमान मद में उपयोग किए जाने वाले विशिष्ट शब्द पहले से ही "पृष्ठ", "तारीख" शब्द आदि शामिल है। इस मामले में, दोहराव से बचने के लिए जैसे "पृष्ठ 2 चालू पृष्ठ", आप "पृष्ठ" के बजाय "सच" मान का उपयोग करने पर विचार कर सकते हैं। Semalt्ट, कोई सख्त नियम नहीं हैं

यॉस्ट पर, हमने हाल ही में हमारे उत्पादों में एरिया-वर्तमान विशेषता का उपयोग करना शुरू कर दिया है। आप इसे यूट एसईओ प्लगइन Semalt्ट विज़ार्ड में स्क्रीनशॉट में कार्रवाई में देख सकते हैं:


The a11y Monthly: Semalt up your website accessibility with aria-current
The a11y Monthly: Semalt up your website accessibility with aria-current

एक स्क्रीन रीडर (इस मामले में सफारी और Semalt्ट) का उपयोग करते हुए, वर्तमान चरण ठीक तरह से घोषणा की जाती है, उपयोगकर्ताओं को एक महत्वपूर्ण फीडबैक, विज़ुअल फीडबैक के समतुल्य देता है।

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


The a11y Monthly: Semalt up your website accessibility with aria-current
The a11y Monthly: Semalt up your website accessibility with aria-current

एरिया-आज का उपयोग करना शुरू करें

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

मदद करना चाहते हैं?

Yoast पर, पहुंच के मामले में एक बड़ा सौदा है हम जानते हैं कि यह एक प्रक्रिया है और हम लगातार सुधार, परीक्षण, दोहराव और विकासशील हैं। हम हमेशा प्रतिक्रिया और योगदान के लिए खुले हैं हम आपको अपनी आवाज़ सुनाने में संकोच नहीं करते। किसी भी मुद्दे या संभावित सुधारों को आप हमारे उत्पादों में नोटिस करते समय Semalt रिपोर्ट

और पढ़ें: 'क्यों हर वेबसाइट की जरूरत है Yoast एसईओ' »

March 1, 2018