قولايلىق

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

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

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

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

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

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

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

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

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

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

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

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