सुलभता के क्षमता बा

सुलभ सामग्री बनावे खातिर बूटस्ट्रैप के फीचर आ सीमा सभ के संक्षिप्त अवलोकन।

एह पन्ना पर दिहल गइल बा

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

अवलोकन आ सीमा के बारे में बतावल गइल बा

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

संरचनात्मक मार्कअप के बारे में बतावल गइल बा

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

इंटरैक्टिव घटक के बारे में बतावल गइल बा

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

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

रंग के विपरीतता बा

रंग सभ के कुछ संयोजन जे वर्तमान में बूटस्ट्रैप के डिफ़ॉल्ट पैलेट के बनावे लें- जेकर इस्तेमाल पूरा फ्रेमवर्क में बटन के बदलाव, अलर्ट बदलाव, फॉर्म सत्यापन संकेतक नियर चीज सभ खातिर कइल जाला- अपर्याप्त रंग बिपरीत (अनुशंसित 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क्लास के इस्तेमाल करीं। एह से ई सुनिश्चित हो जाई कि एक बेर फोकस कइला पर (दृष्टि वाला कीबोर्ड यूजर लोग खातिर) कंट्रोल देखाई देवे लागे। देखत रहीं, पिछला संस्करण सभ में समकक्ष आ क्लास सभ के तुलना में, बूटस्ट्रैप 5 के एगो स्टैंडअलोन क्लास हवे, आ क्लास के संयोजन में एकर इस्तेमाल ना करे के चाहीं ।.sr-only.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