Дастрасӣ

Шарҳи мухтасари хусусиятҳо ва маҳдудиятҳои Bootstrap барои эҷоди мундариҷаи дастрас.

Bootstrap чаҳорчӯбаи истифодаи осони сабкҳои тайёр, абзорҳои тарҳрезӣ ва ҷузъҳои интерактивиро фароҳам меорад, ки ба таҳиягарон имкон медиҳад вебсайтҳо ва барномаҳоеро эҷод кунанд, ки аз ҷиҳати визуалӣ ҷолиб, аз ҷиҳати функсионалӣ бой ва аз қуттӣ дастрас бошанд.

Шарҳи умумӣ ва маҳдудиятҳо

Дастрасии умумии ҳар як лоиҳае, ки бо Bootstrap сохта шудааст, аз бисёр ҷиҳат аз аломатгузории муаллиф, услуби иловагӣ ва скрипти онҳо вобаста аст. Аммо, ба шарте, ки инҳо дуруст иҷро шуда бошанд, эҷод кардани вебсайтҳо ва барномаҳо бо Bootstrap, ки WCAG 2.0 (A/AA/AAA), Бахши 508 ва стандартҳо ва талаботи дастрасии шабеҳро иҷро мекунанд, комилан имконпазир аст.

Нишондиҳии сохторӣ

Тарҳ ва тарҳбандии Bootstrap метавонад ба доираи васеи сохторҳои аломатгузорӣ татбиқ карда шавад. Ҳадафи ин ҳуҷҷат ба таҳиягарон пешниҳод кардани намунаҳои таҷрибаи беҳтарин барои нишон додани истифодаи худи Bootstrap ва нишон додани аломатгузории мувофиқи семантикӣ, аз ҷумла роҳҳои ҳалли мушкилоти эҳтимолии дастрасӣ мебошад.

Қисмҳои интерактивӣ

Ҷузъҳои интерактивии Bootstrap, ба монанди муколамаҳои моддӣ, менюҳои афтанда ва маслиҳатҳои фармоишӣ - барои корбарони ламс, муш ва клавиатура тарҳрезӣ шудаанд. Тавассути истифода аз нақшҳо ва атрибутҳои дахлдори WAI - ARIA , ин ҷузъҳо низ бояд бо истифода аз технологияҳои ёрирасон (ба мисли экрани хонандагон) фаҳмо ва фаъол бошанд.

Азбаски ҷузъҳои Bootstrap ба таври мақсаднок тарҳрезӣ шудаанд, ки хеле умумӣ бошанд, ба муаллифон лозим аст, ки нақшҳо ва атрибутҳои минбаъдаи ARIA , инчунин рафтори JavaScript-ро дар бар гиранд, то табиат ва функсияҳои ҷузъи худро дақиқтар расонанд. Ин одатан дар ҳуҷҷатҳо қайд карда мешавад.

Контрасти ранг

Аксари рангҳое, ки айни замон палитраи пешфарзи Bootstrap-ро ташкил медиҳанд, ки дар тамоми чаҳорчӯба барои чизҳое ба монанди вариантҳои тугмаҳо, вариантҳои ҳушдор, нишондиҳандаҳои тасдиқи форма истифода мешаванд, ба контрасти нокифояи ранг оварда мерасонанд (дар зери таносуби контрасти ранги WCAG 2.0 тавсияшуда 4.5:1 ) ҳангоми истифода бар зидди заминаи сабук. Ба муаллифон лозим меояд, ки ин рангҳои пешфарзро ба таври дастӣ тағир/таздид кунанд, то таносуби мувофиқи контрасти рангро таъмин кунанд.

Мундариҷаеро, ки бояд ба таври визуалӣ пинҳон карда шаванд, аммо барои технологияҳои ёрирасон, ба монанди хонандагони экран, дастрас бошанд, метавонанд бо истифода аз .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>

Ҳаракати камшуда

Bootstrap дастгирии prefers-reduced-motionхусусияти медиаро дар бар мегирад . Дар браузерҳо/муҳитҳое, ки ба корбар имкон медиҳанд, ки афзалияти худро барои ҳаракати камшуда муайян кунанд, аксари эффектҳои гузариши CSS дар Bootstrap (масалан, вақте ки муколамаи модалӣ кушода ё пӯшида мешавад, ё аниматсияи лағжиш дар каруселҳо) ғайрифаъол мешаванд.