ຕົວອ່ານໜ້າຈໍ

ໃຊ້ປະໂຫຍດຂອງ screenreader ເພື່ອເຊື່ອງອົງປະກອບໃນອຸປະກອນທັງຫມົດຍົກເວັ້ນເຄື່ອງອ່ານຫນ້າຈໍ.

ເຊື່ອງອົງປະກອບໃສ່ອຸປະກອນທັງໝົດ ຍົກເວັ້ນຕົວອ່ານໜ້າຈໍ ທີ່ມີ .sr-only. ສົມທົບ .sr-onlyກັບ .sr-only-focusableເພື່ອສະແດງອົງປະກອບອີກເທື່ອຫນຶ່ງເມື່ອມັນສຸມໃສ່ (ເຊັ່ນ: ໂດຍຜູ້ໃຊ້ແປ້ນພິມເທົ່ານັ້ນ). ຍັງສາມາດຖືກນໍາໃຊ້ເປັນ mixins.

<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>

// Usage as a mixin
.skip-navigation {
  @include sr-only;
  @include sr-only-focusable;
}