Source

Уңайлык

Bootstrap үзенчәлекләренә кыскача күзәтү, эчтәлек булдыру өчен чикләүләр.

Bootstrap әзер стильләрнең, макет коралларының, интерактив компонентларның куллану өчен җиңел базасын тәкъдим итә, бу эшләүчеләргә визуаль, функциональ бай һәм сандыктан кереп була торган вебсайтлар һәм кушымталар булдырырга мөмкинлек бирә.

Гомуми күзәтү һәм чикләүләр

Bootstrap белән төзелгән теләсә нинди проектның гомуми мөмкинлеге күпчелек очракта авторның билгесенә, өстәмә стилизациясенә һәм алар кертелгән скриптларга бәйле. Ләкин, бу дөрес тормышка ашырылган очракта, WCAG 2.0 (A / AA / AAA), 508 бүлек һәм охшаш мөмкинлек стандартлары һәм таләпләрен үтәүче Bootstrap ярдәмендә вебсайтлар һәм кушымталар булдыру мөмкин булырга тиеш.

Структур билгеләр

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>

Өстәмә ресурслар