ئاساسلىق مەزمۇنغا ئاتلاڭ Docs يول باشلاش
Check
in English

قولايلىق

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

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دەرسنى ئىشلىتىڭ. بۇ كونترولنى فوكۇسلانغاندىن كېيىن كۆرۈنۈشكە كاپالەتلىك قىلىدۇ (كۆرۈنگەن كۇنۇپكا تاختىسى ئىشلەتكۈچىلەر ئۈچۈن). دىققەت قىلىڭ ، ئىلگىرىكى نەشىردىكى تەڭلىك .sr-onlyۋە دەرسلەرگە سېلىشتۇرغاندا ، Bootstrap 5 نىڭ يەككە دەرسلىكى ، ئۇنى دەرس بىلەن بىرلەشتۈرۈپ ئىشلىتىشكە بولمايدۇ ..sr-only-focusable.visually-hidden-focusable.visually-hidden

<a class="visually-hidden-focusable" href="#content">Skip to main content</a>

ھەرىكەتنى ئازايتتى

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

قوللايدىغان توركۆرگۈچلەردە ، prefers-reduced-motionئىشلەتكۈچى ئېنىق ھالدا ھەرىكەتنى ئازايتىشنى خالايدىغانلىقىنى ئېنىق بىلدۈرمىگەن (يەنى قەيەردە prefers-reduced-motion: no-preference) ، Bootstrap بۇ scroll-behaviorمۈلۈكنى ئىشلىتىپ سىلىق ئايلىنىشنى قوزغىتىدۇ.

قوشۇمچە مەنبەلەر