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

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

На овој страници

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

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

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

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

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

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

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

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

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

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

<a class="visually-hidden-focusable" href="#content">Skip to main content</a>

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

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

На претраживачима који подржавају prefers-reduced-motion, и где корисник није експлицитно сигнализирао да би више волео смањено кретање (тј. где prefers-reduced-motion: no-preference), Боотстрап омогућава глатко померање помоћу scroll-behaviorсвојства.