قولايلىق

Bootstrap نىڭ ئىقتىدارلىرى ۋە قولايلىق مەزمۇن يارىتىشتىكى چەكلىمىلىرى ھەققىدە قىسقىچە ئومۇمىي چۈشەنچە.

Bootstrap تەييار ئۇسلۇب ، ئورۇنلاشتۇرۇش قورالى ۋە ئۆز-ئارا تەسىر كۆرسىتىدىغان زاپچاسلارنى ئىشلىتىشكە قۇلايلىق رامكا بىلەن تەمىنلەيدۇ ، پروگرامما ئاچقۇچىلارنى جەلپ قىلارلىق ، ئىقتىدارلىرى مول ۋە قۇتىدىن چىقىرالايدىغان تور بېكەت ۋە قوللىنىشچان پروگراممىلارنى قۇرالايدۇ.

ئومۇمىي چۈشەنچە ۋە چەكلىمىلەر

Bootstrap ئارقىلىق ياسالغان ھەر قانداق تۈرنىڭ ئومۇمىي قولايلىقلىقى كۆپىنچە ھاللاردا ئاپتورنىڭ بەلگىسى ، قوشۇمچە ئۇسلۇب ۋە ئورگىنالغا باغلىق. قانداقلا بولمىسۇن ، بۇلارنىڭ توغرا يولغا قويۇلغانلىقى ئۈچۈن ، Bootstrap ئارقىلىق WCAG 2.0 (A / AA / AAA) ، 508-بۆلەك ۋە شۇنىڭغا ئوخشاش قولايلىق ئۆلچەم ۋە تەلەپلەرنى ئورۇندىغان Bootstrap ئارقىلىق تور بېكەت ۋە قوللىنىشچان پروگراممىلارنى قۇرۇش تامامەن مۇمكىن .

قۇرۇلما بەلگىسى

Bootstrap نىڭ ئۇسلۇبى ۋە ئورۇنلاشتۇرۇشىنى كەڭ بەلۋاغ قۇرۇلمىسىغا ئىشلىتىشكە بولىدۇ. بۇ ھۆججەت پروگرامما ئاچقۇچىلارغا Bootstrap نىڭ ئىشلىتىلىشىنى نامايان قىلىش ۋە مۇۋاپىق مەنە بەلگىسىنى چۈشەندۈرۈش ئۈچۈن ئەڭ ياخشى ئەمەلىي مىساللار بىلەن تەمىنلەشنى مەقسەت قىلىدۇ.

ئۆز-ئارا تەسىر كۆرسىتىدىغان زاپچاسلار

Bootstrap نىڭ ئۆز-ئارا تەسىر كۆرسىتىدىغان زاپچاسلىرى ، مەسىلەن مودېل دىئالوگ ، تۆۋەنلەش تىزىملىكى ۋە ئىختىيارى قورال قوراللىرى قاتارلىقلار سېزىمچان ، مائۇس ۋە كۇنۇپكا تاختىسى ئىشلەتكۈچىلەر ئۈچۈن لايىھەلەنگەن. مۇناسىۋەتلىك WAI - ARIA رولى ۋە خاسلىقىنى ئىشلىتىش ئارقىلىق ، بۇ زاپچاسلار ياردەمچى تېخنىكىلارنى ئىشلىتىپ (ئېكران ئوقۇرمەنلىرى دېگەندەك) چۈشىنىشلىك ۋە مەشغۇلاتچان بولۇشى كېرەك.

Bootstrap نىڭ زاپچاسلىرى مەقسەتلىك ھالدا ئومۇمىي جەھەتتىن لايىھەلەنگەن بولغاچقا ، ئاپتورلار ARIA نىڭ رولى ۋە خاسلىقى ، شۇنداقلا JavaScript ھەرىكىتىنى ئۆز ئىچىگە ئېلىشى كېرەك ، ئۇلارنىڭ زاپچاسلىرىنىڭ ئېنىق خاراكتېرى ۋە ئىقتىدارىنى تېخىمۇ توغرا يەتكۈزۈشى كېرەك. بۇ ئادەتتە ھۆججەتلەردە خاتىرىلىنىدۇ.

رەڭ سېلىشتۇرمىسى

Most colors that currently make up Bootstrap’s default palette—used throughout the framework for things such as button variations, alert variations, form validation indicators—lead to insufficient color contrast (below the recommended WCAG 2.0 color contrast ratio of 4.5:1) when used against a light background. Authors will need to manually modify/extend these default colors to ensure adequate color contrast ratios.

Content which should be visually hidden, but remain accessible to assistive technologies such as screen readers, can be styled using the .sr-only class. This can be useful in situations where additional visual information or cues (such as meaning denoted through the use of color) need to also be conveyed to non-visual users.

<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-motionBootstrap مېدىيا ئىقتىدارىنى قوللاشنى ئۆز ئىچىگە ئالىدۇ . ئىشلەتكۈچىنىڭ ھەرىكەتنى ئازايتىشقا بولغان مايىللىقىنى بەلگىلىيەلەيدىغان توركۆرگۈچ / مۇھىتتا ، Bootstrap دىكى كۆپىنچە CSS ئۆتكۈنچى ئۈنۈملىرى (مەسىلەن ، مودېل دىئالوگ ئېچىلغاندا ياكى يېپىلغاندا ياكى كارۇسېلدىكى سىيرىلما كارتون) چەكلىنىدۇ.