ප්රවේශ

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

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

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

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

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

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

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

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>

අඩු කළ චලනය

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