Приступачност

Кратак преглед Боотстрап-ових карактеристика и ограничења за креирање приступачног садржаја.

Боотстрап пружа оквир готових стилова, алата за распоред и интерактивних компоненти који је једноставан за коришћење, омогућавајући програмерима да креирају веб локације и апликације које су визуелно привлачне, функционално богате и доступне ван кутије.

Преглед и ограничења

Укупна доступност било ког пројекта направљеног са Боотстрап-ом зависи великим делом од ауторове ознаке, додатног стила и скриптовања које су укључили. Међутим, под условом да су они правилно имплементирани, требало би да буде савршено могуће креирати веб локације и апликације са Боотстрап-ом које испуњавају ВЦАГ 2.1 (А/АА/ААА), одељак 508 и сличне стандарде и захтеве приступачности.

Структурна ознака

Боотстрап-ов стил и распоред се могу применити на широк спектар структура за означавање. Ова документација има за циљ да пружи програмерима примере најбоље праксе да демонстрира употребу самог Боотстрапа и илуструје одговарајуће семантичко означавање, укључујући начине на које се могу решити потенцијални проблеми приступачности.

Интерактивне компоненте

Интерактивне компоненте Боотстрапа — као што су модални дијалози, падајући менији и прилагођени описи алата — дизајниране су да раде за кориснике додира, миша и тастатуре. Коришћењем релевантних ВАИ - АРИА улога и атрибута, ове компоненте би такође требало да буду разумљиве и употребљиве помоћу помоћних технологија (као што су читачи екрана).

Пошто су компоненте Боотстрапа намерно дизајниране да буду прилично генеричке, аутори ће можда морати да укључе даље АРИА улоге и атрибуте, као и ЈаваСцрипт понашање, да би прецизније пренели прецизну природу и функционалност своје компоненте. Ово се обично наводи у документацији.

Контраст боја

Неке комбинације боја које тренутно чине Боотстрап-ову подразумевану палету – које се користе у целом оквиру за ствари као што су варијације дугмади, варијације упозорења, индикатори валидације форме – могу довести до недовољног контраста боја (испод препорученог ВЦАГ 2.1 односа контраста боја текста од 4,5:1 и ВЦАГ 2.1 однос контраста боја без текста 3: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>

Смањено кретање

Боотстрап укључује подршку за prefers-reduced-motionмедијску функцију . У прегледачима/окружењима која омогућавају кориснику да одреди своје преференције за смањено кретање, већина ефеката ЦСС прелаза у Боотстрап-у (на пример, када се модални дијалог отвори или затвори, или клизна анимација у вртешкама) ће бити онемогућена, а значајне анимације ( као што су спинери) биће успорени.