Source

অভিগম্যতা

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

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

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

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

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

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

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

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

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

ৰঙৰ বিপৰীতমুখীতা

বৰ্তমানে Bootstrap ৰ অবিকল্পিত পেলেট গঠন কৰা বেছিভাগ ৰঙে—বুটাম তাৰতম্য, সতৰ্কতা তাৰতম্য, প্ৰপত্ৰ বৈধকৰণ সূচকৰ দৰে বস্তুৰ বাবে সমগ্ৰ ফ্ৰেমৱৰ্কত ব্যৱহৃত— অপৰ্যাপ্ত ৰঙৰ বিপৰীতমুখীতালৈ লৈ যায় (উপদেশিত WCAG 2.0 ৰঙৰ বিপৰীত অনুপাত 4.5:1 ৰ তলত ) যেতিয়া বিপৰীতে ব্যৱহাৰ কৰা হয় এটা পোহৰৰ পটভূমি। লেখকসকলে পৰ্যাপ্ত ৰঙৰ বিপৰীত অনুপাত সুনিশ্চিত কৰিবলে এই অবিকল্পিত ৰংসমূহ হস্তচালিতভাৱে পৰিবৰ্তন/প্ৰসাৰণ কৰিব লাগিব।

দৃশ্যগতভাৱে লুকাই থকা বিষয়বস্তু

যিবোৰ বিষয়বস্তু দৃশ্যমানভাৱে লুকুৱাই ৰাখিব লাগে, কিন্তু স্ক্ৰীণ ৰিডাৰৰ দৰে সহায়ক প্ৰযুক্তিৰ বাবে সুলভ হৈ থাকিব লাগে, সেইবোৰ .sr-onlyশ্ৰেণীটো ব্যৱহাৰ কৰি ষ্টাইল কৰিব পাৰি। এইটো এনে পৰিস্থিতিত উপযোগী হ'ব পাৰে য'ত অতিৰিক্ত দৃশ্যমান তথ্য বা ইংগিত (যেনে ৰঙৰ ব্যৱহাৰৰ দ্বাৰা চিহ্নিত অৰ্থ) অদৃশ্য ব্যৱহাৰকাৰীসকলকো প্ৰেৰণ কৰাৰ প্ৰয়োজন হয়।

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

দৃশ্যগতভাৱে লুকাই থকা পাৰস্পৰিক নিয়ন্ত্ৰণসমূহৰ বাবে, যেনে পৰম্পৰাগত “এৰি যোৱা” সংযোগসমূহ, শ্ৰেণীৰ .sr-onlyসৈতে সংযুক্ত কৰিব পাৰি । .sr-only-focusableই নিশ্চিত কৰিব যে নিয়ন্ত্ৰণ এবাৰ কেন্দ্ৰীভূত হোৱাৰ পিছত দৃশ্যমান হ'ব (দৃশ্যমান কিবৰ্ড ব্যৱহাৰকাৰীসকলৰ বাবে)।

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

গতি হ্ৰাস কৰা হৈছে

prefers-reduced-motionবুটষ্ট্ৰেপে মাধ্যম বৈশিষ্ট্যৰ বাবে সমৰ্থন অন্তৰ্ভুক্ত কৰে । ব্ৰাউজাৰসমূহ/পৰিৱেশসমূহত যি ব্যৱহাৰকাৰীক হ্ৰাস কৰা গতিৰ বাবে সিহতৰ পছন্দ ধাৰ্য্য কৰাৰ অনুমতি দিয়ে, বুটষ্ট্ৰেপত বেছিভাগ CSS পৰিবৰ্তন প্ৰভাৱ (উদাহৰণস্বৰূপ, যেতিয়া এটা মডাল সংলাপ খোলা বা বন্ধ কৰা হয়) নিষ্ক্ৰিয় কৰা হ'ব। বৰ্তমান, সমৰ্থন macOS আৰু iOS ত Safari ত সীমাবদ্ধ।

অতিৰিক্ত সম্পদ