โปรแกรมอ่านหน้าจอ

ใช้ยูทิลิตี้โปรแกรมอ่านหน้าจอเพื่อซ่อนองค์ประกอบในอุปกรณ์ทั้งหมด ยกเว้นโปรแกรมอ่านหน้าจอ

ซ่อนองค์ประกอบไปยังอุปกรณ์ทั้งหมดยกเว้นโปรแกรมอ่านหน้าจอที่มี.sr-only. รวม.sr-onlyกับ.sr-only-focusableเพื่อแสดงองค์ประกอบอีกครั้งเมื่อมีการโฟกัส (เช่น โดยผู้ใช้คีย์บอร์ดเท่านั้น) สามารถใช้เป็นส่วนผสมได้

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