Source

ភាពងាយស្រួល

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

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

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

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

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

ការកំណត់រចនាប័ទ្ម និងប្លង់របស់ 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>

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

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

ធនធានបន្ថែម