Дастрасӣ

Шарҳи мухтасари хусусиятҳо ва маҳдудиятҳои 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-preferencescroll-behavior