Source

సౌలభ్యాన్ని

బూట్‌స్ట్రాప్ ఫీచర్‌లు మరియు యాక్సెస్ చేయగల కంటెంట్‌ని సృష్టించడానికి పరిమితుల సంక్షిప్త అవలోకనం.

బూట్‌స్ట్రాప్ రెడీమేడ్ స్టైల్స్, లేఅవుట్ టూల్స్ మరియు ఇంటరాక్టివ్ కాంపోనెంట్‌ల యొక్క ఉపయోగించడానికి సులభమైన ఫ్రేమ్‌వర్క్‌ను అందిస్తుంది, డెవలపర్‌లు వెబ్‌సైట్‌లు మరియు అప్లికేషన్‌లను రూపొందించడానికి వీలు కల్పిస్తుంది.

అవలోకనం మరియు పరిమితులు

బూట్‌స్ట్రాప్‌తో నిర్మించబడిన ఏదైనా ప్రాజెక్ట్ యొక్క మొత్తం ప్రాప్యత రచయిత యొక్క మార్కప్, అదనపు స్టైలింగ్ మరియు వారు చేర్చిన స్క్రిప్టింగ్‌పై ఆధారపడి ఉంటుంది. అయినప్పటికీ, ఇవి సరిగ్గా అమలు చేయబడినట్లయితే, WCAG 2.0 (A/AA/AAA), సెక్షన్ 508 మరియు సారూప్య యాక్సెసిబిలిటీ ప్రమాణాలు మరియు అవసరాలను నెరవేర్చే వెబ్‌సైట్‌లు మరియు అప్లికేషన్‌లను బూట్‌స్ట్రాప్‌తో సృష్టించడం ఖచ్చితంగా సాధ్యమవుతుంది .

నిర్మాణ మార్కప్

బూట్‌స్ట్రాప్ యొక్క స్టైలింగ్ మరియు లేఅవుట్ విస్తృత శ్రేణి మార్కప్ నిర్మాణాలకు వర్తించవచ్చు. ఈ డాక్యుమెంటేషన్ డెవలపర్‌లకు బూట్‌స్ట్రాప్ వినియోగాన్ని ప్రదర్శించడానికి మరియు సంభావ్య ప్రాప్యత సమస్యలను పరిష్కరించగల మార్గాలతో సహా తగిన సెమాంటిక్ మార్కప్‌ను వివరించడానికి ఉత్తమ అభ్యాస ఉదాహరణలను అందించడం లక్ష్యంగా పెట్టుకుంది.

ఇంటరాక్టివ్ భాగాలు

మోడల్ డైలాగ్‌లు, డ్రాప్‌డౌన్ మెనులు మరియు అనుకూల టూల్‌టిప్‌లు వంటి బూట్‌స్ట్రాప్ ఇంటరాక్టివ్ కాంపోనెంట్‌లు టచ్, మౌస్ మరియు కీబోర్డ్ వినియోగదారుల కోసం పని చేసేలా రూపొందించబడ్డాయి. సంబంధిత WAI - ARIA పాత్రలు మరియు లక్షణాలను ఉపయోగించడం ద్వారా, ఈ భాగాలు అర్థమయ్యేలా మరియు సహాయక సాంకేతికతలను (స్క్రీన్ రీడర్‌ల వంటివి) ఉపయోగించి పని చేయగలవు.

బూట్‌స్ట్రాప్ యొక్క భాగాలు ఉద్దేశపూర్వకంగా చాలా సాధారణమైనవిగా రూపొందించబడినందున, రచయితలు తమ భాగం యొక్క ఖచ్చితమైన స్వభావం మరియు కార్యాచరణను మరింత ఖచ్చితంగా తెలియజేయడానికి మరిన్ని ARIA పాత్రలు మరియు లక్షణాలను, అలాగే JavaScript ప్రవర్తనను చేర్చవలసి ఉంటుంది. ఇది సాధారణంగా డాక్యుమెంటేషన్‌లో గుర్తించబడుతుంది.

రంగు విరుద్ధంగా

ప్రస్తుతం బూట్‌స్ట్రాప్ యొక్క డిఫాల్ట్ పాలెట్‌ను రూపొందించే చాలా రంగులు-బటన్ వైవిధ్యాలు, హెచ్చరిక వైవిధ్యాలు, ఫారమ్ ధ్రువీకరణ సూచికలు వంటి వాటి కోసం ఫ్రేమ్‌వర్క్ అంతటా ఉపయోగించబడుతున్నాయి - వ్యతిరేకంగా ఉపయోగించినప్పుడు తగినంత రంగు విరుద్ధంగా (సిఫార్సు చేయబడిన WCAG 2.0 రంగు కాంట్రాస్ట్ రేషియో 4.5:1 కంటే తక్కువ ) దారి తీస్తుంది. తేలికపాటి నేపథ్యం. తగిన రంగు కాంట్రాస్ట్ రేషియోలను నిర్ధారించడానికి రచయితలు ఈ డిఫాల్ట్ రంగులను మాన్యువల్‌గా సవరించాలి/పొడగించాలి.

దృశ్యమానంగా దాచబడిన కంటెంట్

దృశ్యమానంగా దాచబడవలసిన కంటెంట్, కానీ స్క్రీన్ రీడర్‌ల వంటి సహాయక సాంకేతికతలకు అందుబాటులో ఉండేలా, .sr-onlyతరగతిని ఉపయోగించి స్టైల్ చేయవచ్చు. అదనపు దృశ్య సమాచారం లేదా సూచనలను (రంగును ఉపయోగించడం ద్వారా సూచించే అర్థం వంటివి) దృశ్యరహిత వినియోగదారులకు కూడా తెలియజేయాల్సిన సందర్భాల్లో ఇది ఉపయోగకరంగా ఉంటుంది.

<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

Bootstrap includes support for the prefers-reduced-motion media feature. In browsers/environments that allow the user to specify their preference for reduced motion, most CSS transition effects in Bootstrap (for instance, when a modal dialog is opened or closed) will be disabled. Currently, support is limited to Safari on macOS and iOS.

Additional resources