ప్రధాన కంటెంట్‌కు దాటవేయండి డాక్స్ నావిగేషన్‌కు దాటవేయండి
Check
in English

సౌలభ్యాన్ని

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

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

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

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

తగ్గిన కదలిక

బూట్‌స్ట్రాప్‌లో prefers-reduced-motionమీడియా ఫీచర్‌కు మద్దతు ఉంటుంది . తగ్గిన చలనానికి వినియోగదారుని ప్రాధాన్యతను పేర్కొనడానికి అనుమతించే బ్రౌజర్‌లు/పరిసరాలలో, బూట్‌స్ట్రాప్‌లోని చాలా CSS పరివర్తన ప్రభావాలు (ఉదాహరణకు, మోడల్ డైలాగ్ తెరవబడినప్పుడు లేదా మూసివేయబడినప్పుడు లేదా రంగులరాట్నంలో స్లైడింగ్ యానిమేషన్) నిలిపివేయబడతాయి మరియు అర్థవంతమైన యానిమేషన్‌లు ( స్పిన్నర్లు వంటివి) నెమ్మదించబడతాయి.

మద్దతు ఇచ్చే బ్రౌజర్‌లలో prefers-reduced-motionమరియు వినియోగదారు వారు తగ్గిన కదలికను ఇష్టపడతారని స్పష్టంగా సంకేతాలు ఇవ్వని చోట (అంటే ఎక్కడ ), బూట్‌స్ట్రాప్ ప్రాపర్టీని prefers-reduced-motion: no-preferenceఉపయోగించి మృదువైన స్క్రోలింగ్‌ను ప్రారంభిస్తుంది .scroll-behavior

అదనపు వనరులు