सुलभता

सुलभ सामग्री कें निर्माण कें लेल बूटस्ट्रैप कें सुविधाक आ सीमाक कें संक्षिप्त अवलोकन.

इस पेज पर

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

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

बूटस्ट्रैप के साथ निर्मित कोनो भी परियोजना के समग्र सुलभता बहुत हद तक लेखक के मार्कअप, अतिरिक्त स्टाइलिंग, आरू स्क्रिप्टिंग पर निर्भर करै छै जेकरा वू शामिल छै. लेकिन, बशर्ते कि इ सही ढंग सं लागू कैल गेल छै, बूटस्ट्रैप कें साथ वेबसाइट आ एप्लीकेशन बनानाय बिल्कुल संभव होबाक चाही जे WCAG 2.1 (A/AA/AAA), धारा 508 , आ समान सुलभता मानक आ आवश्यकताक कें पूरा करय.

संरचनात्मक मार्कअप

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

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

बूटस्ट्रैप कें इंटरएक्टिव घटक-जैना मोडल संवाद, ड्रॉपडाउन मेनू, आ कस्टम टूलटिप्स-स्पर्श, माउस, आ कीबोर्ड उपयोगकर्ताक कें लेल काज करय कें लेल डिजाइन कैल गेल छै. प्रासंगिक वाई - एरिया भूमिका आ विशेषताक कें उपयोग कें माध्यम सं, इ घटक सहायक प्रौद्योगिकी (जैना स्क्रीन रीडर) कें उपयोग करयत सेहो समझ मे आ संचालन योग्य होबाक चाही.

चूँकि बूटस्ट्रैप कें घटक उद्देश्यपूर्वक काफी सामान्य होनाय कें लेल डिजाइन करल गेलय छै, लेखकक कें अपन घटक कें सटीक प्रकृति आ कार्यक्षमता कें अधिक सटीक रूप सं संप्रेषित करय कें लेल आगू एरिया भूमिका आ विशेषताक कें साथ-साथ जावास्क्रिप्ट व्यवहार कें शामिल करय कें आवश्यकता भ सकय छै. एकरा आमतौर पर दस्तावेजीकरण मे नोट कैल गेल छै.

रंग विपरीतता

रंगक कें किछु संयोजन जे वर्तमान मे बूटस्ट्रैप कें डिफ़ॉल्ट पैलेट कें निर्माण करयत छै-बटन भिन्नता, अलर्ट भिन्नता, फॉर्म सत्यापन संकेतक जैना चीजक कें लेल पूरा ढाँचा मे उपयोग कैल जायत छै- अपर्याप्त रंग विपरीतता (अनुशंसित WCAG 2.1 पाठ रंग विपरीत अनुपात 4.5:1 सं नीचा) कें कारण भ सकय छै आरू WCAG 2.1 गैर-पाठ रंग विपरीत अनुपात 3:1 ), विशेष रूप स॑ जब॑ हल्का पृष्ठभूमि के खिलाफ प्रयोग करलऽ जाय छै । लेखक क॑ प्रोत्साहित करलऽ जाय छै कि वू रंग केरऽ अपनऽ विशिष्ट उपयोग के परीक्षण कर॑ आरू जहाँ आवश्यक होय, पर्याप्त रंग विपरीत अनुपात सुनिश्चित करै लेली ई डिफ़ॉल्ट रंगऽ क॑ मैन्युअल रूप स॑ संशोधित/विस्तार करै ।

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

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

दृश्य रूप सं छिपल इंटरैक्टिव नियंत्रणक कें लेल, जेना पारंपरिक “स्किप” लिंक, .visually-hidden-focusableवर्ग कें उपयोग करूं. एहि सँ ई सुनिश्चित होयत जे नियंत्रण एक बेर केंद्रित भेला पर (दृष्टि वाला कीबोर्ड उपयोगकर्ताक लेल) दृश्यमान भ' जायत । देखू, पिछला संस्करणक मे समकक्ष .sr-onlyआ वर्गक तुलना मे, बूटस्ट्रैप 5's एकटा स्टैंडअलोन वर्ग अछि, आ वर्गक संयोजन मे उपयोग नहि करबाक चाही ..sr-only-focusable.visually-hidden-focusable.visually-hidden

<a class="visually-hidden-focusable" href="#content">Skip to main content</a>

गति कम भ गेल

prefers-reduced-motionबूटस्ट्रैप मे मीडिया सुविधा क समर्थन शामिल अछि . ब्राउज़र/वातावरण मे जे उपयोगकर्ता कें कम गति कें लेल अपन पसंद निर्दिष्ट करय कें अनुमति देयत छै, बूटस्ट्रैप मे अधिकांश CSS संक्रमण प्रभाव (उदाहरण कें लेल, जखन कोनों मोडल संवाद खोलल जायत छै या बंद कैल जायत छै, या हिंडोला मे स्लाइडिंग एनीमेशन) अक्षम कैल जेतय, आ सार्थक एनीमेशन ( जेना स्पिनर) के गति धीमा भ जायत।

ब्राउज़र पर जे समर्थन करयत prefers-reduced-motionछै , आ जत उपयोगकर्ता स्पष्ट रूप सं संकेत नहि देल गेल छै कि ओ कम गति पसंद करतय (अर्थात जतय ), बूटस्ट्रैप गुण prefers-reduced-motion: no-preferenceकें उपयोग करयत सुचारू स्क्रॉलिंग कें सक्षम करयत छै .scroll-behavior