Дастрасӣ
Шарҳи мухтасари хусусиятҳо ва маҳдудиятҳои Bootstrap барои эҷоди мундариҷаи дастрас.
Bootstrap чаҳорчӯбаи истифодаи осони сабкҳои тайёр, абзорҳои тарҳрезӣ ва ҷузъҳои интерактивиро фароҳам меорад, ки ба таҳиягарон имкон медиҳад вебсайтҳо ва барномаҳоеро эҷод кунанд, ки аз ҷиҳати визуалӣ ҷолиб, функсионалӣ бой ва аз қуттӣ дастрас бошанд.
Шарҳ ва маҳдудиятҳо
Дастрасии умумии ҳама гуна лоиҳае, ки бо Bootstrap сохта шудааст, аз бисёр ҷиҳат аз аломатгузории муаллиф, услуби иловагӣ ва скрипти онҳо вобаста аст. Аммо, ба шарте, ки инҳо дуруст иҷро шуда бошанд, эҷод кардани вебсайтҳо ва барномаҳо бо Bootstrap, ки WCAG 2.1 (A/AA/AAA), Бахши 508 ва стандартҳо ва талаботи дастрасии шабеҳро иҷро мекунанд, комилан имконпазир аст.
Нишондиҳии сохторӣ
Тарҳ ва тарҳбандии 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
ва .sr-only-focusable
синфҳои версияҳои қаблӣ, Bootstrap 5 .visually-hidden-focusable
синфи мустақил аст ва набояд дар якҷоягӣ бо .visually-hidden
синф истифода шавад.
<a class="visually-hidden-focusable" href="#content">Skip to main content</a>
Ҳаракати камшуда
Bootstrap дастгирии prefers-reduced-motion
хусусияти медиаро дар бар мегирад . Дар браузерҳо/муҳитҳое, ки ба корбар имкон медиҳанд, ки афзалияти худро барои ҳаракати камшуда муайян кунанд, аксари эффектҳои гузариши CSS дар Bootstrap (масалан, вақте ки муколамаи модалӣ кушода ё пӯшида мешавад, ё аниматсияҳои лағжиш дар каруселҳо) ғайрифаъол мешаванд ва аниматсияҳои пурмазмун ( монанди ресандагй) суст мешавад.
Дар браузерҳое, ки -ро дастгирӣ мекунанд prefers-reduced-motion
ва дар он ҷое, ки корбар ба таври возеҳ ишора накардааст, ки онҳо ҳаракати камро бартарӣ медиҳанд (яъне дар куҷо prefers-reduced-motion: no-preference
), Bootstrap ҳаракати ҳамворро бо истифода аз scroll-behavior
моликият имкон медиҳад.