ප්රවේශ

Bootstrap හි විශේෂාංග සහ ප්‍රවේශ විය හැකි අන්තර්ගත නිර්මාණය සඳහා ඇති සීමාවන් පිළිබඳ කෙටි දළ විශ්ලේෂණයක්.

මෙම පිටුවේ

Bootstrap සූදානම් කළ මෝස්තර, පිරිසැලසුම් මෙවලම් සහ අන්තර්ක්‍රියාකාරී සංරචකවල භාවිතයට පහසු රාමුවක් සපයයි, සංවර්ධකයින්ට දෘශ්‍යමය වශයෙන් සිත් ඇදගන්නා, ක්‍රියාකාරීව පොහොසත් සහ කොටුවෙන් පිටත ප්‍රවේශ විය හැකි වෙබ් අඩවි සහ යෙදුම් නිර්මාණය කිරීමට ඉඩ සලසයි.

දළ විශ්ලේෂණය සහ සීමාවන්

Bootstrap සමඟ ගොඩනගා ඇති ඕනෑම ව්‍යාපෘතියක සමස්ත ප්‍රවේශ්‍යතාව බොහෝ දුරට රඳා පවතින්නේ ඔවුන් ඇතුළත් කර ඇති කර්තෘගේ සලකුණු, අමතර මෝස්තර සහ ස්ක්‍රිප්ටින් මත ය. කෙසේ වෙතත්, මේවා නිවැරදිව ක්‍රියාත්මක කර ඇත්නම්, WCAG 2.1 (A/AA/AAA), වගන්තිය 508 , සහ ඒ හා සමාන ප්‍රවේශ්‍යතා ප්‍රමිතීන් සහ අවශ්‍යතා සපුරාලන Bootstrap සමඟින් වෙබ් අඩවි සහ යෙදුම් නිර්මාණය කිරීමට සම්පූර්ණයෙන්ම හැකි විය යුතුය .

ව්යුහාත්මක සලකුණු කිරීම

Bootstrap හි හැඩගැන්වීම් සහ පිරිසැලසුම පුළුල් පරාසයක සලකුණු ව්‍යුහයන් සඳහා යෙදිය හැක. මෙම ප්‍රලේඛනය සංවර්ධකයින්ට Bootstrap භාවිතා කිරීම ප්‍රදර්ශනය කිරීමට සහ විභව ප්‍රවේශ්‍යතා ගැටළු ආමන්ත්‍රණය කළ හැකි ක්‍රම ඇතුළුව සුදුසු අර්ථකථන සලකුණු කිරීම සඳහා හොඳම ප්‍රායෝගික උදාහරණ සැපයීම අරමුණු කරයි.

අන්තර් ක්රියාකාරී සංරචක

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>

අඩු කළ චලනය

Bootstrap prefers-reduced-motionමාධ්‍ය විශේෂාංගය සඳහා සහය ඇතුළත් වේ . අඩු චලිතය සඳහා පරිශීලකයාට තම මනාපය සඳහන් කිරීමට ඉඩ සලසන බ්‍රව්සර්/පරිසරවල, Bootstrap හි බොහෝ CSS සංක්‍රාන්ති බලපෑම් (උදාහරණයක් ලෙස, මාදිලියේ සංවාදයක් විවෘත කර හෝ වසා ඇති විට, හෝ කැරොසල්වල ස්ලයිඩින් සජීවිකරණය) අක්‍රිය වනු ඇත, සහ අර්ථවත් සජීවිකරණ ( දඟ පන්දු යවන්නන් වැනි) මන්දගාමී වනු ඇත.

සහාය දක්වන බ්‍රවුසරවල prefers-reduced-motionසහ පරිශීලකයා අඩු චලිතයකට කැමති බව පැහැදිලිවම සංඥා නොකළ (එනම් කොහෙද ) , Bootstrap දේපල prefers-reduced-motion: no-preferenceභාවිතයෙන් සුමට අනුචලනය සක්‍රීය කරයි .scroll-behavior