Source

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.0 (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 aksariyati - tugma o'zgarishlari, ogohlantirish o'zgarishlari, shaklni tekshirish ko'rsatkichlari kabi narsalar uchun butun tizimda qo'llaniladi - ranglar kontrastining etarli emasligiga olib keladi (tavsiya etilgan WCAG 2.0 rang kontrasti nisbati 4,5:1 dan past ). engil fon. Mualliflar tegishli rang kontrasti nisbatlarini ta'minlash uchun ushbu standart ranglarni qo'lda o'zgartirishi/kengaytirishi kerak bo'ladi.

Vizual ravishda yashirin kontent

Vizual ravishda yashirin bo'lishi kerak bo'lgan, ammo ekranni o'qish dasturlari 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'rishga imkon beradigan brauzerlarda/muhitlarda Bootstrap-dagi ko'pgina CSS o'tish effektlari (masalan, modal dialog oynasi ochilganda yoki yopilganda) o'chirib qo'yiladi. Hozirda qo‘llab-quvvatlash macOS va iOS’da Safari bilan cheklangan.

Qo'shimcha manbalar