ភាពងាយស្រួល

ទិដ្ឋភាពសង្ខេបនៃលក្ខណៈពិសេស និងដែនកំណត់របស់ Bootstrap សម្រាប់ការបង្កើតមាតិកាដែលអាចចូលប្រើបាន។

នៅលើទំព័រនេះ។

Bootstrap ផ្តល់នូវក្របខ័ណ្ឌងាយស្រួលប្រើនៃរចនាប័ទ្មដែលត្រៀមរួចជាស្រេច ឧបករណ៍ប្លង់ និងសមាសធាតុអន្តរកម្ម ដែលអនុញ្ញាតឱ្យអ្នកអភិវឌ្ឍន៍បង្កើតគេហទំព័រ និងកម្មវិធីដែលទាក់ទាញដោយមើលឃើញ មានមុខងារច្រើន និងអាចចូលប្រើបានក្រៅប្រអប់។

ទិដ្ឋភាពទូទៅ និងដែនកំណត់

លទ្ធភាពប្រើប្រាស់ទូទៅនៃគម្រោងណាមួយដែលបង្កើតឡើងដោយប្រើ Bootstrap អាស្រ័យភាគច្រើនលើការសម្គាល់របស់អ្នកនិពន្ធ រចនាប័ទ្មបន្ថែម និងការសរសេរស្គ្រីបដែលពួកគេបានរួមបញ្ចូល។ ទោះជាយ៉ាងណាក៏ដោយ បានផ្តល់ថាទាំងនេះត្រូវបានអនុវត្តយ៉ាងត្រឹមត្រូវ វាគួរតែអាចធ្វើទៅបានឥតខ្ចោះដើម្បីបង្កើតគេហទំព័រ និងកម្មវិធីជាមួយ Bootstrap ដែលបំពេញ WCAG 2.1 (A/AA/AAA), ផ្នែកទី 508 និងស្តង់ដារ និងតម្រូវការប្រើប្រាស់ស្រដៀងគ្នា។

ការសម្គាល់រចនាសម្ព័ន្ធ

ការកំណត់រចនាប័ទ្ម និងប្លង់របស់ Bootstrap អាចត្រូវបានអនុវត្តទៅជួរធំទូលាយនៃរចនាសម្ព័ន្ធសម្គាល់។ ឯកសារនេះមានគោលបំណងផ្តល់ជូនអ្នកអភិវឌ្ឍន៍នូវឧទាហរណ៍ការអនុវត្តល្អបំផុត ដើម្បីបង្ហាញពីការប្រើប្រាស់ Bootstrap ខ្លួនវា និងបង្ហាញពីការសម្គាល់អត្ថន័យសមស្រប រួមទាំងវិធីដែលអាចដោះស្រាយកង្វល់អំពីលទ្ធភាពប្រើប្រាស់ដែលអាចប្រើប្រាស់បាន។

សមាសធាតុអន្តរកម្ម

សមាសធាតុអន្តរកម្មរបស់ Bootstrap - ដូចជាប្រអប់ម៉ូឌុល ម៉ឺនុយទម្លាក់ចុះ និងព័ត៌មានជំនួយផ្ទាល់ខ្លួន - ត្រូវបានរចនាឡើងដើម្បីដំណើរការសម្រាប់អ្នកប្រើប៉ះ កណ្តុរ និងក្តារចុច។ តាមរយៈការប្រើប្រាស់ តួនាទី និងគុណលក្ខណៈ WAI - ARIA ដែលពាក់ព័ន្ធ សមាសធាតុទាំងនេះក៏គួរតែអាចយល់បាន និងអាចដំណើរការបានដោយប្រើបច្ចេកវិទ្យាជំនួយ (ដូចជាកម្មវិធីអានអេក្រង់)។

ដោយសារតែសមាសធាតុរបស់ Bootstrap ត្រូវបានរចនាឡើងដោយចេតនាដើម្បីឱ្យមានលក្ខណៈទូទៅត្រឹមត្រូវ អ្នកនិពន្ធប្រហែលជាត្រូវបញ្ចូល តួនាទី និងគុណលក្ខណៈ ARIA បន្ថែមទៀត ក៏ដូចជាឥរិយាបថ JavaScript ដើម្បីបង្ហាញឱ្យកាន់តែច្បាស់អំពីលក្ខណៈជាក់លាក់ និងមុខងារនៃសមាសភាគរបស់ពួកគេ។ នេះជាធម្មតាត្រូវបានកត់សម្គាល់នៅក្នុងឯកសារ។

កម្រិតពណ៌

បន្សំមួយចំនួននៃពណ៌ដែលបច្ចុប្បន្នបង្កើតជាក្ដារលាយលំនាំដើមរបស់ Bootstrap - ប្រើពេញមួយក្របខ័ណ្ឌសម្រាប់អ្វីៗដូចជាការប្រែប្រួលប៊ូតុង ការប្រែប្រួលការជូនដំណឹង សូចនាករសុពលភាពទម្រង់ - អាចនាំឱ្យ មានកម្រិត ពណ៌ មិនគ្រប់គ្រាន់ (ខាងក្រោម សមាមាត្រពណ៌អត្ថបទ WCAG 2.1 ដែលបានណែនាំ 4.5:1 និង WCAG 2.1 សមាមាត្រពណ៌ដែលមិនមែនជាអត្ថបទនៃ 3: 1 ) ជាពិសេសនៅពេលប្រើប្រឆាំងនឹងផ្ទៃខាងក្រោយស្រាល។ អ្នកនិពន្ធត្រូវបានលើកទឹកចិត្តឱ្យសាកល្បងការប្រើប្រាស់ពណ៌ជាក់លាក់របស់ពួកគេ ហើយប្រសិនបើចាំបាច់ កែប្រែ/ពង្រីកពណ៌លំនាំដើមទាំងនេះដោយដៃ ដើម្បីធានាបាននូវសមាមាត្រកម្រិតពណ៌គ្រប់គ្រាន់។

ខ្លឹមសារដែលគួរត្រូវបានលាក់ដោយមើលឃើញ ប៉ុន្តែនៅតែអាចចូលប្រើបានដោយបច្ចេកវិទ្យាជំនួយ ដូចជាកម្មវិធីអានអេក្រង់ អាចត្រូវបានកំណត់រចនាប័ទ្មដោយប្រើ .visually-hiddenថ្នាក់។ វាអាចមានប្រយោជន៍ក្នុងស្ថានភាពដែលព័ត៌មានដែលមើលឃើញបន្ថែម ឬសញ្ញា (ដូចជាអត្ថន័យដែលបង្ហាញតាមរយៈការប្រើប្រាស់ពណ៌) ក៏ចាំបាច់ត្រូវបញ្ជូនទៅកាន់អ្នកប្រើប្រាស់ដែលមិនមើលឃើញផងដែរ។

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

សម្រាប់ការគ្រប់គ្រងអន្តរកម្មដែលលាក់ដោយមើលឃើញ ដូចជាតំណ "រំលង" ប្រពៃណី សូមប្រើ .visually-hidden-focusableថ្នាក់។ វានឹងធានាថាវត្ថុបញ្ជាអាចមើលឃើញនៅពេលដែលបានផ្ដោត (សម្រាប់អ្នកប្រើក្ដារចុចដែលមើលឃើញ)។ សូមប្រយ័ត្ន បើប្រៀបធៀបទៅនឹងសមមូល .sr-onlyនិង .sr-only-focusableថ្នាក់នៅក្នុងកំណែមុនៗ Bootstrap 5's .visually-hidden-focusableគឺជាថ្នាក់ឯករាជ្យ ហើយមិនត្រូវប្រើរួមគ្នាជាមួយ .visually-hiddenថ្នាក់នោះទេ។

<a class="visually-hidden-focusable" href="#content">Skip to main content</a>

កាត់បន្ថយចលនា

Bootstrap includes support for the prefers-reduced-motion media feature. In browsers/environments that allow the user to specify their preference for reduced motion, most CSS transition effects in Bootstrap (for instance, when a modal dialog is opened or closed, or the sliding animation in carousels) will be disabled, and meaningful animations (such as spinners) will be slowed down.

On browsers that support prefers-reduced-motion, and where the user has not explicitly signaled that they’d prefer reduced motion (i.e. where prefers-reduced-motion: no-preference), Bootstrap enables smooth scrolling using the scroll-behavior property.