సౌలభ్యాన్ని

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

ఈ పేజీలో

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

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

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

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

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

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

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

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

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

బటన్ వైవిధ్యాలు, హెచ్చరిక వైవిధ్యాలు, ఫారమ్ ధ్రువీకరణ సూచికలు వంటి వాటి కోసం ఫ్రేమ్‌వర్క్ అంతటా ఉపయోగించిన ప్రస్తుతం బూట్‌స్ట్రాప్ యొక్క డిఫాల్ట్ పాలెట్‌ను రూపొందించే కొన్ని రంగుల కలయికలు తగినంత రంగు కాంట్రాస్ట్‌కు దారితీయవచ్చు (సిఫార్సు చేయబడిన 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>

తగ్గిన కదలిక

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, or the sliding animation in carousels) will be disabled, and meaningful animations (such as spinners) will be slowed down.

On browsers that support prefers-reduced-motion, and where the user has not explicitly signaled that they’d prefer reduced motion (i.e. where prefers-reduced-motion: no-preference), Bootstrap enables smooth scrolling using the scroll-behavior property.