सुलभता दा

सुलभ सामग्री बनाने लेई बूटस्ट्रैप दी सुविधाएं ते सीमाएं दा संक्षिप्त अवलोकन।

इस पेज पर

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

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

बूटस्ट्रैप कन्नै बने दे कुसै बी प्रोजेक्ट दी समग्र सुलभता बड्डे हिस्से च लेखक दे मार्कअप, अतिरिक्त स्टाइलिंग, ते स्क्रिप्टिंग उप्पर निर्भर करदी ऐ जेह् ड़ी उ’नें शामल कीती ऐ। लेकन, बशर्ते जे एह् ठीक ढंगै कन्नै लागू कीते गेदे न, तां बूटस्ट्रैप कन्नै वेबसाइटें ते ऐपलीकेशनें दा निर्माण करना पूरी चाल्लीं संभव होना चाहिदा जेह् ड़े WCAG 2.1 (A/AA/AAA), धारा 508 , ते इसी जनेही सुलभता मानकें ते जरूरतें गी पूरा करदे न।

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

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

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

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

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

रंग विपरीत

रंगें दे किश संयोजन जेह् ड़े इसलै बूटस्ट्रैप दे डिफाल्ट पैलेट गी बनांदे न-बटन बदलाव, अलर्ट बदलाव, फार्म सत्यापन संकेतक जनेह् चीजें आस्तै पूरे ढांचे च इस्तेमाल कीता जंदा ऐ- अपर्याप्त रंग विपरीत (4.5:1 दे सिफारिश कीते गेदे WCAG 2.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