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>

Қысқартылған қозғалыс

prefers-reduced-motionBootstrap медиа мүмкіндігін қолдауды қамтиды . Пайдаланушыға қысқартылған қозғалысқа өз қалауын көрсетуге мүмкіндік беретін шолғыштарда/орталарда Bootstrap жүйесіндегі CSS өту әсерлерінің көпшілігі (мысалы, модальды диалог ашылған немесе жабылған кезде) өшіріледі. Қазіргі уақытта қолдау macOS және iOS жүйелерінде Safari-мен шектелген.

Қосымша ресурстар