Даступнасць

Кароткі агляд функцый і абмежаванняў 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 (напрыклад, калі мадальнае дыялогавае акно адкрываецца або закрываецца, або слізгальная анімацыя ў каруселях) будуць адключаны.