Foydalanish imkoniyati

Bootstrap xususiyatlari va kirish mumkin bo'lgan kontent yaratish uchun cheklovlar haqida qisqacha ma'lumot.

Bootstrap tayyor uslublar, tartib vositalari va interfaol komponentlardan iborat foydalanish uchun qulay asosni taqdim etadi, bu esa ishlab chiquvchilarga vizual jihatdan jozibali, funktsional jihatdan boy va foydalanish mumkin bo'lgan veb-saytlar va ilovalarni yaratishga imkon beradi.

Umumiy ko'rinish va cheklovlar

Bootstrap bilan yaratilgan har qanday loyihaning umumiy foydalanish imkoniyati ko'p jihatdan muallifning belgilashiga, qo'shimcha uslubga va ular kiritgan skriptga bog'liq. Biroq, agar ular to'g'ri amalga oshirilgan bo'lsa, WCAG 2.1 (A/AA/AAA), 508-bo'lim va shunga o'xshash mavjudlik standartlari va talablariga javob beradigan Bootstrap bilan veb-saytlar va ilovalar yaratish mumkin bo'lishi kerak.

Strukturaviy belgi

Bootstrap-ning uslubi va joylashuvi belgilash tuzilmalarining keng doirasiga qo'llanilishi mumkin. Ushbu hujjat ishlab chiquvchilarga Bootstrap-ning o'zidan foydalanishni ko'rsatish va tegishli semantik belgilarni ko'rsatish uchun eng yaxshi amaliyot misollarini taqdim etishni maqsad qilib qo'ygan, shu jumladan mavjud bo'lishi mumkin bo'lgan muammolarni hal qilish usullari.

Interaktiv komponentlar

Bootstrap-ning interaktiv komponentlari, masalan, modal dialoglar, ochiladigan menyular va moslashtirilgan maslahatlar teginish, sichqoncha va klaviatura foydalanuvchilari uchun ishlashga mo'ljallangan. Tegishli WAI - ARIA rollari va atributlaridan foydalanish orqali ushbu komponentlar tushunarli va yordamchi texnologiyalar (masalan, ekranni o'qish dasturlari) yordamida ishlashi kerak.

Bootstrap komponentlari ataylab umumiy boʻlishi uchun ishlab chiqilganligi sababli, mualliflar komponentlarining aniq tabiati va funksionalligini aniqroq etkazish uchun ARIA qoʻshimcha rollari va atributlarini, shuningdek, JavaScript xatti-harakatlarini kiritishlari kerak boʻlishi mumkin. Bu odatda hujjatlarda qayd etilgan.

Rang kontrasti

Hozirda Bootstrap-ning standart palitrasini tashkil etuvchi ranglarning ba'zi kombinatsiyalari (tugmalarning o'zgarishi, ogohlantirish o'zgarishlari, shaklni tekshirish ko'rsatkichlari kabi narsalar uchun butun tizimda foydalaniladi) ranglarning kontrastining etarli emasligiga olib kelishi mumkin (tavsiya etilgan WCAG 2.1 matn rangi kontrasti nisbati 4,5:1 dan past) va WCAG 2.1 matn bo'lmagan rang kontrasti nisbati 3:1 ), ayniqsa engil fonda ishlatilganda. Mualliflarga ranglarning o'ziga xos foydalanishlarini sinab ko'rishlari va kerak bo'lganda, mos rang kontrasti nisbatlarini ta'minlash uchun ushbu standart ranglarni qo'lda o'zgartirish/kengaytirish tavsiya etiladi.

Vizual ravishda yashirin bo'lishi kerak bo'lgan, ammo ekranni o'qiydiganlar kabi yordamchi texnologiyalar uchun ochiq bo'lishi kerak bo'lgan kontentni .sr-onlysinf yordamida uslublash mumkin. Bu qo'shimcha vizual ma'lumot yoki ishoralar (masalan, rang yordamida ifodalangan ma'no) vizual bo'lmagan foydalanuvchilarga ham yetkazilishi kerak bo'lgan holatlarda foydali bo'lishi mumkin.

<p class="text-danger">
  <span class="sr-only">Danger: </span>
  This action is not reversible
</p>

Vizual ravishda yashirin interaktiv boshqaruv elementlari uchun, masalan, an'anaviy "o'tkazib yuborish" havolalari sinf .sr-onlybilan birlashtirilishi mumkin . .sr-only-focusableBu boshqaruvning diqqat markazida bo'lgandan keyin ko'rinadigan bo'lishini ta'minlaydi (ko'rish qobiliyatiga ega klaviatura foydalanuvchilari uchun).

<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>

Qisqartirilgan harakat

Bootstrap prefers-reduced-motionmedia xususiyatini qo'llab-quvvatlashni o'z ichiga oladi . Foydalanuvchiga qisqartirilgan harakatni afzal ko'rish imkonini beradigan brauzerlarda/muhitlarda Bootstrap-dagi ko'pgina CSS o'tish effektlari (masalan, modal dialog ochilganda yoki yopilganda yoki karusellarda siljish animatsiyasi) o'chiriladi va mazmunli animatsiyalar ( spinnerlar kabi) sekinlashadi.