Foydalanish imkoniyati

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

Ushbu sahifada

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 ham tushunarli va yordamchi texnologiyalar (masalan, ekranni o'qish dasturlari) yordamida ishlashi kerak.

Bootstrap komponentlari ataylab umumiy boʻlishi uchun ishlab chiqilganligi sababli, mualliflar tarkibiy qismlarining tabiati va funksionalligini aniqroq etkazish uchun qoʻshimcha ARIA 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'qish dasturlari kabi yordamchi texnologiyalar uchun ochiq bo'lishi kerak bo'lgan kontentni .visually-hiddensinf 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="visually-hidden">Danger: </span>
  This action is not reversible
</p>

An'anaviy "o'tkazib yuborish" havolalari kabi vizual ravishda yashirin interaktiv boshqaruvlar uchun .visually-hidden-focusablesinfdan foydalaning. Bu boshqaruvning diqqat markazida bo'lgandan keyin ko'rinadigan bo'lishini ta'minlaydi (ko'rish qobiliyatiga ega klaviatura foydalanuvchilari uchun). Ehtiyot bo'ling, oldingi versiyalardagi ekvivalent .sr-onlyva sinflar bilan solishtirganda, Bootstrap 5 mustaqil sinf bo'lib, sinf bilan birgalikda ishlatilmasligi kerak ..sr-only-focusable.visually-hidden-focusable.visually-hidden

<a class="visually-hidden-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.

ni qo'llab-quvvatlaydigan brauzerlarda prefers-reduced-motionva foydalanuvchi harakatni qisqartirishni afzal ko'rishini aniq bildirmagan bo'lsa (ya'ni, qaerda prefers-reduced-motion: no-preference), Bootstrap xususiyatdan foydalanib silliq aylantirishni ta'minlaydi scroll-behavior.