Source

सरल उपयोग

सुलभ सामग्री के निर्माण के लिए बूटस्ट्रैप की विशेषताओं और सीमाओं का एक संक्षिप्त अवलोकन।

बूटस्ट्रैप तैयार शैलियों, लेआउट टूल और इंटरैक्टिव घटकों का उपयोग में आसान ढांचा प्रदान करता है, जिससे डेवलपर्स वेबसाइट और एप्लिकेशन बना सकते हैं जो नेत्रहीन आकर्षक, कार्यात्मक रूप से समृद्ध और बॉक्स से बाहर पहुंच योग्य हैं।

अवलोकन और सीमाएं

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

स्ट्रक्चरल मार्कअप

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

इंटरएक्टिव घटक

बूटस्ट्रैप के इंटरैक्टिव घटक- जैसे मोडल डायलॉग, ड्रॉपडाउन मेनू और कस्टम टूलटिप्स- को टच, माउस और कीबोर्ड उपयोगकर्ताओं के लिए काम करने के लिए डिज़ाइन किया गया है। प्रासंगिक WAI - ARIA भूमिकाओं और विशेषताओं के उपयोग के माध्यम से, इन घटकों को सहायक तकनीकों (जैसे स्क्रीन रीडर) का उपयोग करके समझने योग्य और संचालन योग्य भी होना चाहिए।

चूंकि बूटस्ट्रैप के घटकों को जानबूझकर काफी सामान्य बनाने के लिए डिज़ाइन किया गया है, इसलिए लेखकों को अपने घटक की सटीक प्रकृति और कार्यक्षमता को अधिक सटीक रूप से व्यक्त करने के लिए आगे ARIA भूमिकाओं और विशेषताओं, साथ ही जावास्क्रिप्ट व्यवहार को शामिल करने की आवश्यकता हो सकती है। यह आमतौर पर दस्तावेज़ीकरण में नोट किया गया है।

रंग विपरीत

अधिकांश रंग जो वर्तमान में बूटस्ट्रैप के डिफ़ॉल्ट पैलेट को बनाते हैं - बटन विविधताओं, अलर्ट विविधताओं, फॉर्म सत्यापन संकेतक जैसी चीजों के लिए पूरे ढांचे में उपयोग किए जाते हैं- अपर्याप्त रंग विपरीत (अनुशंसित डब्ल्यूसीएजी 2.0 रंग विपरीत अनुपात 4.5:1 के नीचे ) के खिलाफ उपयोग किए जाने पर होते हैं। एक हल्की पृष्ठभूमि। पर्याप्त रंग कंट्रास्ट अनुपात सुनिश्चित करने के लिए लेखकों को इन डिफ़ॉल्ट रंगों को मैन्युअल रूप से संशोधित/विस्तारित करने की आवश्यकता होगी।

दृष्टिगत रूप से छिपी हुई सामग्री

ऐसी सामग्री जिसे दृष्टि से छिपाया जाना चाहिए, लेकिन सहायक तकनीकों जैसे स्क्रीन रीडर के लिए सुलभ रहती है, को .sr-onlyकक्षा का उपयोग करके स्टाइल किया जा सकता है। यह उन स्थितियों में उपयोगी हो सकता है जहां अतिरिक्त दृश्य जानकारी या संकेत (जैसे कि रंग के उपयोग के माध्यम से निरूपित अर्थ) को गैर-दृश्य उपयोगकर्ताओं को भी बताने की आवश्यकता होती है।

<p class="text-danger">
  <span class="sr-only">Danger: </span>
  This action is not reversible
</p>

नेत्रहीन छिपे हुए इंटरैक्टिव नियंत्रणों के लिए, जैसे कि पारंपरिक "स्किप" लिंक, को कक्षा .sr-onlyके साथ जोड़ा जा सकता है । .sr-only-focusableयह सुनिश्चित करेगा कि एक बार फ़ोकस करने के बाद नियंत्रण दृश्यमान हो जाए (देखे गए कीबोर्ड उपयोगकर्ताओं के लिए)।

<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>

अतिरिक्त संसाधन