ARIA भूमिकाओं की सूची

1. ए. आर. आई. ए. भूमिकाओं की सूची

ए. आर. आई. ए. (Accessible Rich Internet Applications) भूमिकाएँ वेब सामग्री की सुलभता बढ़ाने के लिए महत्वपूर्ण हैं। ये भूमिकाएँ स्क्रीन रीडर जैसे सहायक प्रौद्योगिकियों को वेब पेजों के तत्वों के उद्देश्य और व्यवहार को समझने में मदद करती हैं। यह लेख शुरुआती लोगों के लिए ए. आर. आई. ए. भूमिकाओं का एक विस्तृत परिचय है, जिसमें उनकी परिभाषा, उपयोग और उदाहरण शामिल हैं। हम यह भी देखेंगे कि ए. आर. आई. ए. भूमिकाओं का उपयोग करके वेब अनुप्रयोगों को अधिक सुलभ कैसे बनाया जा सकता है।

ए. आर. आई. ए. क्या है?

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

**भूमिकाएँ (Roles):** ये सहायक प्रौद्योगिकियों को बताते हैं कि एक तत्व क्या करता है, जैसे कि एक बटन, एक मेनू, या एक खोज बॉक्स।
**गुण (Attributes):** ये भूमिकाओं के बारे में अतिरिक्त जानकारी प्रदान करते हैं, जैसे कि एक बटन का वर्तमान राज्य (दबाया गया या नहीं)।
**राज्य (States):** ये किसी तत्व की स्थिति का वर्णन करते हैं, जैसे कि एक चेकबॉक्स जांचा गया है या नहीं।

वेब सुलभता के लिए ए. आर. आई. ए. का उपयोग करना महत्वपूर्ण है क्योंकि यह सुनिश्चित करता है कि विकलांग लोग भी वेब सामग्री तक समान रूप से पहुंच सकें।

ए. आर. आई. ए. भूमिकाओं के प्रकार

ए. आर. आई. ए. भूमिकाओं को विभिन्न श्रेणियों में विभाजित किया जा सकता है, जिनमें शामिल हैं:

**लैंडमार्क भूमिकाएँ (Landmark Roles):** ये पूरे पृष्ठ पर प्रमुख क्षेत्रों को परिभाषित करती हैं, जैसे कि `navigation`, `main`, `banner`, `complementary`, और `contentinfo`। ये भूमिकाएँ स्क्रीन रीडर उपयोगकर्ताओं को पृष्ठ पर आसानी से नेविगेट करने में मदद करती हैं।
**लाइव क्षेत्र भूमिकाएँ (Live Region Roles):** ये गतिशील रूप से अपडेट होने वाले क्षेत्रों को परिभाषित करती हैं, जैसे कि `alert`, `status`, और `log`। ये भूमिकाएँ स्क्रीन रीडर उपयोगकर्ताओं को सामग्री में परिवर्तनों के बारे में सूचित करती हैं।
**विजेट भूमिकाएँ (Widget Roles):** ये इंटरैक्टिव तत्वों को परिभाषित करती हैं, जैसे कि `button`, `checkbox`, `radio`, `spinbutton`, `slider`, और `combobox`। ये भूमिकाएँ स्क्रीन रीडर उपयोगकर्ताओं को इन तत्वों के साथ इंटरैक्ट करने में मदद करती हैं।
**समूह भूमिकाएँ (Group Roles):** ये संबंधित तत्वों के समूहों को परिभाषित करती हैं, जैसे कि `group`, `list`, और `listbox`। ये भूमिकाएँ स्क्रीन रीडर उपयोगकर्ताओं को इन समूहों को समझने और नेविगेट करने में मदद करती हैं।
**दस्तावेज़ भूमिकाएँ (Document Roles):** ये दस्तावेज़ संरचना को परिभाषित करती हैं, जैसे कि `article`, `document`, और `section`। ये भूमिकाएँ स्क्रीन रीडर उपयोगकर्ताओं को दस्तावेज़ की संरचना को समझने में मदद करती हैं।

ए. आर. आई. ए. भूमिकाओं की सूची

यहाँ ए. आर. आई. ए. भूमिकाओं की एक विस्तृत सूची दी गई है, जिसमें प्रत्येक भूमिका का विवरण और उदाहरण शामिल है:

ए. आर. आई. ए. भूमिकाओं की सूची
भूमिका	विवरण	उदाहरण
alert	एक महत्वपूर्ण संदेश को इंगित करता है जिसे उपयोगकर्ता को तुरंत देखने की आवश्यकता है।	` ध्यान दें: वेबसाइट रखरखाव के कारण, कल दोपहर 1:00 बजे से 3:00 बजे तक वेबसाइट अनुपलब्ध रहेगी। `
banner	पृष्ठ के शीर्ष पर एक बैनर या हेडर को इंगित करता है।	`<header role="banner">वेबसाइट का शीर्षक</header>`
button	एक बटन को इंगित करता है जिसे क्लिक किया जा सकता है।	`<button role="button">सबमिट करें</button>`
checkbox	एक चेकबॉक्स को इंगित करता है जिसे चेक या अनचेक किया जा सकता है।	`<input type="checkbox" role="checkbox">`
complementary	मुख्य सामग्री के पूरक सामग्री को इंगित करता है, जैसे कि साइडबार।	`<aside role="complementary">संबंधित लिंक</aside>`
combobox	एक कॉम्बो बॉक्स को इंगित करता है जो उपयोगकर्ताओं को विकल्पों की सूची से चयन करने की अनुमति देता है।	`<select role="combobox">...</select>`
contentinfo	पृष्ठ के नीचे एक जानकारी खंड को इंगित करता है, जैसे कि कॉपीराइट जानकारी।	`<footer role="contentinfo">© 2023 कंपनी का नाम</footer>`
definition	एक परिभाषा सूची में एक परिभाषा शब्द को इंगित करता है।	` सुलभता `
dialog	एक संवाद बॉक्स को इंगित करता है जो उपयोगकर्ता से जानकारी प्राप्त करने या उन्हें सूचित करने के लिए उपयोग किया जाता है।	` ... `
directory	एक निर्देशिका को इंगित करता है, जैसे कि संपर्क जानकारी की सूची।	` ... `
document	एक दस्तावेज़ को इंगित करता है, जैसे कि एक लेख या ब्लॉग पोस्ट।	`<article role="document">...</article>`
form	एक फॉर्म को इंगित करता है जिसमें उपयोगकर्ता जानकारी दर्ज कर सकते हैं।	`<form role="form">...</form>`
grid	एक ग्रिड को इंगित करता है, जैसे कि एक स्प्रेडशीट या डेटा टेबल।	` ... `
heading	एक शीर्षक को इंगित करता है। भूमिका के स्तर को इंगित करने के लिए `aria-level` विशेषता का उपयोग किया जा सकता है।	` मुख्य शीर्षक `
img	एक छवि को इंगित करता है। `alt` विशेषता का उपयोग छवि के लिए एक वैकल्पिक पाठ प्रदान करने के लिए किया जाना चाहिए।	`<img src="image.jpg" role="img" alt="छवि का विवरण">`
link	एक लिंक को इंगित करता है।	`<a href="https://www.example.com" role="link">उदाहरण वेबसाइट</a>`
list	एक सूची को इंगित करता है।	` ... `
listbox	एक सूची बॉक्स को इंगित करता है जो उपयोगकर्ताओं को विकल्पों की सूची से चयन करने की अनुमति देता है।	`<select role="listbox">...</select>`
log	एक लॉग संदेश को इंगित करता है जो उपयोगकर्ता को जानकारी प्रदान करता है।	` ... `
main	पृष्ठ की मुख्य सामग्री को इंगित करता है।	`<main role="main">...</main>`
marquee	एक मार्की को इंगित करता है जो स्क्रीन पर स्क्रॉल करता है।	` ... `
menu	एक मेनू को इंगित करता है जो उपयोगकर्ताओं को वेबसाइट के विभिन्न अनुभागों तक पहुंचने की अनुमति देता है।	`<nav role="menu">...</nav>`
menubar	एक मेनू बार को इंगित करता है जो एप्लिकेशन के शीर्ष पर स्थित होता है।	` ... `
navigation	पृष्ठ पर नेविगेशन तत्वों को इंगित करता है।	`<nav role="navigation">...</nav>`
radio	एक रेडियो बटन को इंगित करता है जिसे एक विकल्प समूह से चुना जा सकता है।	`<input type="radio" role="radio">`
region	पृष्ठ पर एक सामान्य क्षेत्र को इंगित करता है।	` ... `
root	दस्तावेज़ की रूट तत्व को इंगित करता है।	`<html role="root">...</html>`
search	एक खोज बॉक्स को इंगित करता है।	`<input type="search" role="search">`
separator	एक विभाजक को इंगित करता है जो सूची या मेनू में तत्वों को अलग करता है।	` `
slider	एक स्लाइडर को इंगित करता है जो उपयोगकर्ताओं को एक मान का चयन करने की अनुमति देता है।	`<input type="range" role="slider">`
spinbutton	एक स्पिन बटन को इंगित करता है जो उपयोगकर्ताओं को एक संख्यात्मक मान को बढ़ाने या घटाने की अनुमति देता है।	`<input type="number" role="spinbutton">`
status	एक स्थिति संदेश को इंगित करता है जो उपयोगकर्ता को जानकारी प्रदान करता है।	` ... `
tab	एक टैब को इंगित करता है जो उपयोगकर्ताओं को विभिन्न पैनलों के बीच स्विच करने की अनुमति देता है।	`<button role="tab">...</button>`
tablist	टैब की सूची को इंगित करता है।	` ... `
tabpanel	एक टैब पैनल को इंगित करता है जो टैब के साथ जुड़ा हुआ है।	` ... `
timer	एक टाइमर को इंगित करता है जो समय की अवधि को गिनता है।	` ... `
toolbar	एक टूलबार को इंगित करता है जो उपयोगकर्ताओं को सामान्य कार्यों को करने की अनुमति देता है।	` ... `
tooltip	एक टूलटिप को इंगित करता है जो उपयोगकर्ता को अतिरिक्त जानकारी प्रदान करता है जब वे एक तत्व पर होवर करते हैं।	``
tree	एक ट्री व्यू को इंगित करता है जो पदानुक्रमित डेटा प्रदर्शित करता है।	` ... `
treeitem	एक ट्री व्यू में एक आइटम को इंगित करता है।	` ... `

ए. आर. आई. ए. भूमिकाओं का उपयोग करने के लिए सर्वोत्तम अभ्यास

**केवल तभी ए. आर. आई. ए. का उपयोग करें जब आवश्यक हो:** यदि आप मानक एच. टी. एम. एल. तत्वों का उपयोग करके सुलभता प्राप्त कर सकते हैं, तो ए. आर. आई. ए. का उपयोग करने से बचें।
**सही भूमिका का उपयोग करें:** सुनिश्चित करें कि आप उस तत्व के लिए सही ए. आर. आई. ए. भूमिका का उपयोग कर रहे हैं जिसका आप प्रतिनिधित्व करने का प्रयास कर रहे हैं।
**अतिरिक्त जानकारी प्रदान करें:** ए. आर. आई. ए. गुणों और राज्यों का उपयोग करके भूमिकाओं के बारे में अतिरिक्त जानकारी प्रदान करें।
**सुलभता परीक्षण करें:** सुनिश्चित करें कि आपके ए. आर. आई. ए. कार्यान्वयन सहायक प्रौद्योगिकियों के साथ ठीक से काम करते हैं।

सुलभता परीक्षण उपकरण का उपयोग करके आप अपनी वेबसाइट की सुलभता की जांच कर सकते हैं।

निष्कर्ष

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

वेबसाइट सुलभता दिशानिर्देश (WCAG) ए. आर. आई. ए. के उपयोग के लिए विस्तृत मार्गदर्शन प्रदान करते हैं।

अभी ट्रेडिंग शुरू करें

IQ Option पर रजिस्टर करें (न्यूनतम जमा $10) Pocket Option में खाता खोलें (न्यूनतम जमा $5)

हमारे समुदाय में शामिल हों

हमारे Telegram चैनल @strategybin से जुड़ें और प्राप्त करें: ✓ दैनिक ट्रेडिंग सिग्नल ✓ विशेष रणनीति विश्लेषण ✓ बाजार की प्रवृत्ति पर अलर्ट ✓ शुरुआती के लिए शिक्षण सामग्री

ARIA भूमिकाओं की सूची

Contents