অভিগম্যতা

অভিগম্য বিষয়বস্তু সৃষ্টিৰ বাবে Bootstrap ৰ বৈশিষ্ট্যসমূহ আৰু সীমাবদ্ধতাসমূহৰ এটা চমু আভাস।

এই পৃষ্ঠাত

বুটষ্ট্ৰেপে প্ৰস্তুত শৈলীসমূহ, পৰিকল্পনা সঁজুলিসমূহ, আৰু পাৰস্পৰিক উপাদানসমূহৰ এটা সহজ-ব্যৱহাৰযোগ্য কাঠামো প্ৰদান কৰে, ডেভেলপাৰসকলক ৱেবছাইটসমূহ আৰু এপ্লিকেচনসমূহ সৃষ্টি কৰাৰ অনুমতি দিয়ে যি দৃশ্যগতভাৱে আকৰ্ষণীয়, কাৰ্য্যকৰীভাৱে সমৃদ্ধ, আৰু বাকচৰ বাহিৰত অভিগমযোগ্য।

অভাৰভিউ আৰু সীমাবদ্ধতা

Bootstrap ৰ সৈতে নিৰ্মিত যিকোনো প্ৰকল্পৰ সামগ্ৰিক অভিগম্যতা লেখকৰ মাৰ্কআপ, অতিৰিক্ত ষ্টাইলিং, আৰু তেওঁলোকে অন্তৰ্ভুক্ত কৰা স্ক্ৰিপ্টৰ ওপৰত বহু পৰিমাণে নিৰ্ভৰ কৰে। কিন্তু, যদিহে এইবোৰ সঠিকভাৱে প্ৰণয়ন কৰা হৈছে, বুটষ্ট্ৰেপৰ সৈতে ৱেবছাইট আৰু এপ্লিকেচন সৃষ্টি কৰাটো নিখুঁতভাৱে সম্ভৱ হ'ব লাগে যি WCAG 2.1 (A/AA/AAA), অংশ 508 , আৰু অনুৰূপ অভিগম্যতা প্ৰামাণিক আৰু প্ৰয়োজনীয়তাসমূহ পূৰণ কৰে।

গাঁথনিগত মাৰ্কআপ

বুটষ্ট্ৰেপৰ ষ্টাইলিং আৰু বিন্যাস বহু পৰিসৰৰ মাৰ্কআপ গঠনত প্ৰয়োগ কৰিব পাৰি। এই আলেখ্যনৰ লক্ষ্য হৈছে বিকাশকসকলক Bootstrap ৰ ব্যৱহাৰ নিজেই প্ৰদৰ্শন কৰিবলে উত্তম অনুশীলন উদাহৰণসমূহ প্ৰদান কৰা আৰু উপযুক্ত অৰ্থগত মাৰ্কআপ দেখুৱাবলৈ, সম্ভাৱ্য অভিগম্যতা উদ্বেগসমূহ সমাধান কৰিব পৰা উপায়সমূহ অন্তৰ্ভুক্ত কৰি।

পাৰস্পৰিক উপাদানসমূহ

বুটষ্ট্ৰেপৰ পাৰস্পৰিক উপাদানসমূহ—যেনে মডাল সংলাপসমূহ, ড্ৰপডাউন মেনুসমূহ, আৰু স্বনিৰ্বাচিত সঁজুলি টিপসমূহ—স্পৰ্শ, মাউছ, আৰু কিবৰ্ড ব্যৱহাৰকাৰীসকলৰ বাবে কাম কৰিবলে ডিজাইন কৰা হৈছে। প্ৰাসংগিক WAI - ARIA ভূমিকা আৰু বৈশিষ্ট্যসমূহৰ ব্যৱহাৰৰ জৰিয়তে , এই উপাদানসমূহ সহায়ক প্ৰযুক্তিসমূহ (যেনে পৰ্দা ৰিডাৰ) ব্যৱহাৰ কৰিও বুজিব পৰা আৰু কাৰ্য্যক্ষম হ'ব লাগে।

যিহেতু Bootstrap ৰ উপাদানসমূহ উদ্দেশ্যপ্ৰণোদিতভাৱে মোটামুটি সাধাৰণ হ'বলৈ ডিজাইন কৰা হৈছে, লেখকসকলে অধিক 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শ্ৰেণীটো ব্যৱহাৰ কৰক। ই নিশ্চিত কৰিব যে নিয়ন্ত্ৰণ এবাৰ কেন্দ্ৰীভূত হোৱাৰ পিছত দৃশ্যমান হ'ব (দৃশ্যমান কিবৰ্ড ব্যৱহাৰকাৰীসকলৰ বাবে)। সাৱধান, পূৰ্বৰ সংস্কৰণসমূহত সমতুল্য আৰু শ্ৰেণীসমূহৰ তুলনাত , Bootstrap 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, আৰু য'ত ব্যৱহাৰকাৰীয়ে স্পষ্টভাৱে সংকেত দিয়া নাই যে তেওঁলোকে হ্ৰাস কৰা গতি পছন্দ কৰিব (অৰ্থাৎ য'ত ), Bootstrap এ বৈশিষ্ট্য prefers-reduced-motion: no-preferenceব্যৱহাৰ কৰি মসৃণ স্ক্ৰলিং সামৰ্থবান কৰে ।scroll-behavior