ทำให้ส่วนขยายเข้าถึงได้

สำหรับผู้ใช้หลายคนแล้ว การช่วยเหลือพิเศษคืออินเทอร์เฟซผู้ใช้ และฟีเจอร์ก็มักจะมีประโยชน์สำหรับผู้ที่ไม่ต้องการการช่วยเหลือพิเศษเป็นวิธีการหลักในการโต้ตอบกับส่วนขยายของคุณ เทคนิคจะแตกต่างกันไป อย่างน้อยที่สุด ข้อความควรมีคอนทราสต์สูง วิดีโอควรมีคำบรรยาย รูปภาพควรมีแอตทริบิวต์ alt

แต่อย่างที่ได้บอกไป นี่เป็นเพียงขั้นต่ำเท่านั้น เราจะอธิบายเทคนิคเพิ่มเติมดังต่อไปนี้

คุณสามารถใช้การช่วยเหลือพิเศษได้ 2-3 วิธี แต่วิธีที่ง่ายที่สุดคือการใช้การควบคุม HTML มาตรฐาน โดยเฉพาะองค์ประกอบอินพุต รูปภาพต่อไปนี้แสดงตัวควบคุมเหล่านี้

หากต้องการให้องค์ประกอบอื่นๆ เข้าถึงได้โดยใช้แอตทริบิวต์ ARIA แอตทริบิวต์เหล่านี้จะให้ข้อมูลแก่โปรแกรมอ่านหน้าจอเกี่ยวกับฟังก์ชันและสถานะปัจจุบันของตัวควบคุมในหน้าเว็บ ดังตัวอย่างต่อไปนี้

<div role="toolbar" tabindex="0" aria-activedescendant="button1">
  <img src="buttoncut.png" role="button" alt="cut" id="button1">
  <img src="buttoncopy.png" role="button" alt="copy" id="button2">
  <img src="buttonpaste.png" role="button" alt="paste" id="button3">
</div>

โดยค่าเริ่มต้น องค์ประกอบเดียวใน HTML DOM ที่สามารถรับโฟกัสของแป้นพิมพ์ได้คือ Anchor, ปุ่ม และส่วนควบคุมแบบฟอร์ม โชคดีที่การตั้งค่าแอตทริบิวต์ tabIndex ในองค์ประกอบ HTML ช่วยให้โฟกัสแป้นพิมพ์ได้ เช่น

<div tabindex="0">I can receive focus with the tab key.</div>

ดูวิธีการใช้เทคนิคเหล่านี้และอื่นๆ ได้ที่สนับสนุนการช่วยเหลือพิเศษ