सुलभता

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

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

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

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

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

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

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

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

Because Bootstrap’s components are purposely designed to be fairly generic, authors may need to include further ARIA roles and attributes, as well as JavaScript behavior, to more accurately convey the precise nature and functionality of their component. This is usually noted in the documentation.

Color contrast

Most colors that currently make up Bootstrap’s default palette—used throughout the framework for things such as button variations, alert variations, form validation indicators—lead to insufficient color contrast (below the recommended WCAG 2.0 color contrast ratio of 4.5:1) when used against a light background. Authors will need to manually modify/extend these default colors to ensure adequate color contrast ratios.

Content which should be visually hidden, but remain accessible to assistive technologies such as screen readers, can be styled using the .sr-only class. This can be useful in situations where additional visual information or cues (such as meaning denoted through the use of color) need to also be conveyed to non-visual users.

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

For visually hidden interactive controls, such as traditional “skip” links, .sr-only can be combined with the .sr-only-focusable class. This will ensure that the control becomes visible once focused (for sighted keyboard users).

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

Reduced motion

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