ភាពងាយស្រួល

ទិដ្ឋភាពសង្ខេបនៃលក្ខណៈពិសេស និងដែនកំណត់របស់ 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 រួមបញ្ចូលការគាំទ្រសម្រាប់មុខងារ prefers-reduced-motionមេឌៀ ។ នៅក្នុងកម្មវិធីរុករកតាមអ៊ីនធឺណិត/បរិស្ថានដែលអនុញ្ញាតឱ្យអ្នកប្រើប្រាស់បញ្ជាក់ចំណូលចិត្តរបស់ពួកគេសម្រាប់ចលនាដែលកាត់បន្ថយ ផលប៉ះពាល់នៃការផ្លាស់ប្តូរ CSS ភាគច្រើននៅក្នុង Bootstrap (ឧទាហរណ៍ នៅពេលដែលប្រអប់ម៉ូឌុលត្រូវបានបើក ឬបិទ ឬចលនារអិលនៅក្នុងរង្វង់) នឹងត្រូវបានបិទ ហើយចលនាដែលមានអត្ថន័យ ( ដូចជា spinners) នឹងថយចុះ។

នៅលើកម្មវិធីរុករកតាមអ៊ីនធឺណិតដែលគាំទ្រ prefers-reduced-motionនិងកន្លែងដែលអ្នកប្រើប្រាស់ មិនបានផ្តល់ សញ្ញាយ៉ាងច្បាស់ថាពួកគេចង់កាត់បន្ថយចលនា (ឧ។ កន្លែងណា prefers-reduced-motion: no-preference) Bootstrap បើកដំណើរការរមូរដោយរលូនដោយប្រើ scroll-behaviorលក្ខណៈសម្បត្តិ។