Приступачност
Кратак преглед Боотстрап-ових карактеристика и ограничења за креирање приступачног садржаја.
Боотстрап пружа оквир који се лако користи од готових стилова, алата за распоред и интерактивних компоненти, омогућавајући програмерима да креирају веб локације и апликације које су визуелно привлачне, функционално богате и доступне без употребе.
Преглед и ограничења
Укупна доступност било ког пројекта направљеног помоћу Боотстрапа у великој мери зависи од ауторових ознака, додатног стила и скриптова које су укључили. Међутим, под условом да су они правилно имплементирани, требало би да буде савршено могуће креирати веб локације и апликације са Боотстрапом које испуњавају ВЦАГ 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
својства.
Додатна средства
- Смернице за приступачност веб садржаја (ВЦАГ) 2.1
- Пројекат А11И
- МДН документација о приступачности
- Тенон.ио Провера приступачности
- Анализатор контраста боја (ЦЦА)
- „ХТМЛ Цодесниффер“ обележивач за идентификацију проблема са приступачношћу
- Мицрософт Аццессибилити Инсигхтс
- Декуе Аке алати за тестирање
- Увод у Веб приступачност