Source

ການເຂົ້າເຖິງ

ສະຫຼຸບໂດຍຫຍໍ້ກ່ຽວກັບລັກສະນະແລະຂໍ້ຈໍາກັດຂອງ Bootstrap ສໍາລັບການສ້າງເນື້ອຫາທີ່ສາມາດເຂົ້າເຖິງໄດ້.

Bootstrap ສະຫນອງກອບທີ່ງ່າຍຕໍ່ການໃຊ້ຂອງຮູບແບບທີ່ກຽມພ້ອມ, ເຄື່ອງມືການຈັດວາງ, ແລະອົງປະກອບແບບໂຕ້ຕອບ, ໃຫ້ຜູ້ພັດທະນາສ້າງເວັບໄຊທ໌ແລະແອັບພລິເຄຊັນທີ່ດຶງດູດສາຍຕາ, ມີປະໂຫຍດຫຼາຍ, ແລະສາມາດເຂົ້າເຖິງໄດ້ຈາກກ່ອງ.

ພາບລວມ ແລະຂໍ້ຈຳກັດ

ການເຂົ້າເຖິງໂດຍລວມຂອງໂຄງການໃດກໍ່ຕາມທີ່ສ້າງຂຶ້ນດ້ວຍ Bootstrap ແມ່ນຂຶ້ນກັບເຄື່ອງຫມາຍຂອງຜູ້ຂຽນ, ຮູບແບບເພີ່ມເຕີມ, ແລະການຂຽນອັກສອນທີ່ເຂົາເຈົ້າໄດ້ລວມເຂົ້າ. ຢ່າງໃດກໍຕາມ, ສະຫນອງໃຫ້ວ່າສິ່ງເຫຼົ່ານີ້ໄດ້ຖືກປະຕິບັດຢ່າງຖືກຕ້ອງ, ມັນຄວນຈະເປັນໄປໄດ້ຢ່າງສົມບູນທີ່ຈະສ້າງເວັບໄຊທ໌ແລະຄໍາຮ້ອງສະຫມັກທີ່ມີ Bootstrap ທີ່ປະຕິບັດ WCAG 2.0 (A/AA/AAA), ພາກທີ 508 ແລະມາດຕະຖານແລະຂໍ້ກໍານົດການເຂົ້າເຖິງທີ່ຄ້າຍຄືກັນ.

ເຄື່ອງໝາຍໂຄງສ້າງ

ຄໍເຕົ້າໄຂ່ທີ່ແລະຮູບແບບຂອງ Bootstrap ສາມາດຖືກນໍາໃຊ້ກັບລະດັບຄວາມກ້ວາງຂອງໂຄງສ້າງ markup. ເອກະສານນີ້ມີຈຸດປະສົງເພື່ອໃຫ້ນັກພັດທະນາມີຕົວຢ່າງການປະຕິບັດທີ່ດີທີ່ສຸດເພື່ອສະແດງໃຫ້ເຫັນເຖິງການນໍາໃຊ້ Bootstrap ຕົວມັນເອງແລະສະແດງໃຫ້ເຫັນເຄື່ອງຫມາຍ semantic ທີ່ເຫມາະສົມ, ລວມທັງວິທີການທີ່ອາດຈະໄດ້ຮັບການແກ້ໄຂຄວາມກັງວົນໃນການເຂົ້າເຖິງ.

ອົງປະກອບການໂຕ້ຕອບ

ອົງປະກອບແບບໂຕ້ຕອບຂອງ Bootstrap ເຊັ່ນ: ກ່ອງໂຕ້ຕອບແບບໂມດູນ, ເມນູເລື່ອນລົງ ແລະຄໍາແນະນໍາເຄື່ອງມືແບບກຳນົດເອງ - ຖືກອອກແບບມາເພື່ອເຮັດວຽກສຳລັບຜູ້ໃຊ້ສຳຜັດ, ເມົ້າ ແລະແປ້ນພິມ. ໂດຍຜ່ານການນໍາໃຊ້ບົດບາດແລະຄຸນລັກສະນະຂອງ WAI - ARIA ທີ່ກ່ຽວຂ້ອງ , ອົງປະກອບເຫຼົ່ານີ້ຍັງຄວນຈະເຂົ້າໃຈໄດ້ແລະສາມາດປະຕິບັດໄດ້ໂດຍໃຊ້ເຕັກໂນໂລຢີຊ່ວຍເຫຼືອ (ເຊັ່ນ: ເຄື່ອງອ່ານຫນ້າຈໍ).

ເນື່ອງຈາກວ່າອົງປະກອບຂອງ Bootstrap ໄດ້ຖືກອອກແບບຢ່າງຕັ້ງໃຈເພື່ອໃຫ້ມີລັກສະນະທົ່ວໄປ, ຜູ້ຂຽນອາດຈະຕ້ອງລວມເອົາ ບົດບາດແລະຄຸນລັກສະນະຂອງ ARIA ຕື່ມອີກ , ເຊັ່ນດຽວກັນກັບພຶດຕິກໍາຂອງ JavaScript, ເພື່ອສະແດງລັກສະນະທີ່ຊັດເຈນແລະຫນ້າທີ່ຂອງອົງປະກອບຂອງພວກເຂົາ. ນີ້ແມ່ນປົກກະຕິແລ້ວບັນທຶກໄວ້ໃນເອກະສານ.

ກົງກັນຂ້າມສີ

ສີສ່ວນໃຫຍ່ທີ່ປະຈຸບັນປະກອບເປັນ palette ເລີ່ມຕົ້ນຂອງ Bootstrap - ຖືກນໍາໃຊ້ໃນທົ່ວກອບສໍາລັບສິ່ງຕ່າງໆເຊັ່ນການປ່ຽນແປງປຸ່ມ, ການປ່ຽນແປງການແຈ້ງເຕືອນ, ຕົວຊີ້ບອກການກວດສອບແບບຟອມ - ນໍາໄປສູ່ ຄວາມຄົມຊັດຂອງສີ ທີ່ບໍ່ພຽງພໍ (ຕ່ໍາກວ່າ ອັດຕາສ່ວນສີ WCAG 2.0 ທີ່ແນະນໍາຂອງ 4.5: 1 ) ເມື່ອນໍາໃຊ້ກັບ ພື້ນຫລັງແສງສະຫວ່າງ. ຜູ້ຂຽນຈະຕ້ອງແກ້ໄຂ/ຂະຫຍາຍສີເລີ່ມຕົ້ນເຫຼົ່ານີ້ດ້ວຍຕົນເອງ ເພື່ອຮັບປະກັນອັດຕາສ່ວນສີທີ່ເໝາະສົມ.

ເນື້ອຫາທີ່ເຊື່ອງໄວ້ດ້ວຍສາຍຕາ

ເນື້ອຫາທີ່ຄວນຈະຖືກເຊື່ອງໄວ້ດ້ວຍສາຍຕາ, ແຕ່ຍັງຄົງສາມາດເຂົ້າເຖິງເຕັກໂນໂລຢີການຊ່ວຍເຫຼືອເຊັ່ນເຄື່ອງອ່ານຫນ້າຈໍ, ສາມາດຖືກຈັດຮູບແບບໂດຍໃຊ້ .sr-onlyຊັ້ນຮຽນ. ນີ້ສາມາດເປັນປະໂຫຍດໃນສະຖານະການທີ່ຂໍ້ມູນຕາເພີ່ມເຕີມຫຼື cues (ເຊັ່ນ: ຄວາມຫມາຍທີ່ສະແດງໃຫ້ເຫັນໂດຍຜ່ານການນໍາໃຊ້ສີ) ຈໍາເປັນຕ້ອງໄດ້ຖ່າຍທອດໃຫ້ກັບຜູ້ໃຊ້ທີ່ບໍ່ແມ່ນສາຍຕາ.

<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>

ຊັບພະຍາກອນເພີ່ມເຕີມ