सुलभताय

सुलभ सामुग्री तयार करपा खातीर Bootstrap च्या वैशिश्ट्यांची आनी मर्यादांची संक्षिप्त नियाळ.

ह्या पानाचेर

Bootstrap तयार केल्लीं शैलीं, मांडावळ साधनां, आनी परस्पर संवादात्मक घटकांची वापरपाक सोपी चौकटी पुरवण करता, विकसकांक दृश्य आकर्शक, कार्यात्मक रितीन गिरेस्त आनी बॉक्साच्या भायर सुलभ अशीं संकेतथळां आनी ऍप्लिकेशनां तयार करूंक परवानगी दिता.

नियाळ आनी मर्यादा

Bootstrap कडेन तयार केल्ल्या खंयच्याय प्रकल्पाची एकंदर सुलभताय लेखकाच्या मार्कअपाचेर, अतिरिक्त स्टायलिंगाचेर, आनी तांणी समाविष्ट केल्ल्या स्क्रिप्टींगाचेर व्हड प्रमाणांत आदारून आसता. पूण, हीं योग्य रितीन चालीक लायिल्लीं आसल्यार, WCAG 2.1 (A/AA/AAA), कलम 508 , आनी तत्सम सुलभताय मानक आनी गरजां पुराय करपी Bootstrap कडेन संकेतथळां आनी ऍप्लिकेशनां तयार करप पुरायपणान शक्य आसूंक जाय .

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

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

परस्पर संवादात्मक घटक

बूटस्ट्रॅपाचे परस्पर संवादात्मक घटक-देखीक मोडल संवाद, ड्रॉपडावन मेनू, आनी सानुकूल साधनसूची-स्पर्श, माऊस, आनी कीबोर्ड वापरप्यां खातीर काम करपाक तयार केल्यात. संबंदीत WAI - ARIA भुमिका आनी गुणधर्मांच्या वापरा वरवीं, हे घटक सहाय्यक तंत्रगिन्यान (देखीक स्क्रीन रीडर) वापरूनय समजून घेवपा सारके आनी कार्यक्षम आसूंक जाय.

बूटस्ट्रॅपाचे घटक हेतून फामा�� सामान्य आसपाक तयार केल्ले आशिल्ल्यान, लेखकांक तांच्या घटकाचो नेमको स्वरूप आनी कार्यक्षमताय चड अचूकपणान सांगपाक फुडली ARIA भुमिका आनी गुणधर्म, तशेंच JavaScript वर्तन समाविष्ट करपाची गरज आसूं येता. चड करून दस्तावेजीकरणांत हाची नोंद केल्ली आसता.

रंग विपरीतताय

सद्या Bootstrap चें मुलभूत पॅलेट तयार करपी रंगांचे कांय संयोजन-बटण बदल, सावधानताय बदल, फॉर्म प्रमाणीकरण निर्देशक अशा गजालीं खातीर पुराय चौकटींत वापरतात- अपुर्ण रंग विपरीतताय (शिफारस केल्ल्या 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आनी वर्गांच्या तुळेंत, Bootstrap 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, आनी जंय वापरप्यान स्पश्टपणान संकेत दिवंक ना की तांकां उणी केल्ली गती पसंत जातली (म्हळ्यार खंय ), Bootstrap गुणधर्म prefers-reduced-motion: no-preferenceवापरून गुळगुळीत स्क्रोलिंग सक्षम करता .scroll-behavior