ตัวตรวจ ARIA
ออกแบบเพื่อความเป็นส่วนตัว — ทำงานในเบราว์เซอร์ของคุณทั้งหมด
วางส่วนของ HTML แล้วเครื่องมือจะชี้ alt ที่หาย องค์ประกอบที่โต้ตอบได้แต่ว่างเปล่า role ที่ไม่ถูกต้อง และ aria-hidden บนองค์ประกอบที่โฟกัสได้
เครื่องมือจับปัญหาแบบใดบ้าง
alt ที่หายไปใน <img>, <button>/<a> ว่างเปล่าโดยไม่มี aria-label, anchor ที่ href ว่างหรือเป็น "#", input ที่ไม่มี label/id, role ไม่ถูกต้อง และ aria-hidden="true" บนองค์ประกอบที่โฟกัสได้
จะใช้แทน axe หรือ Lighthouse ได้ไหม
ไม่ได้ มันเป็นการตรวจล่วงหน้าอย่างรวดเร็วเพื่อจับปัญหาที่แก้ง่าย ก่อนเปิดตัวจริง คุณยังจำเป็นต้องตรวจสอบเต็มรูปด้วย axe, Lighthouse และโปรแกรมอ่านหน้าจอ
ทำไมจึงยอมรับ role="presentation" บนรูปภาพ
role="presentation" (และ role="none") ลบความหมายโดยปริยายและทำเครื่องหมายว่ารูปภาพเป็นองค์ประกอบเชิงตกแต่ง ค่านี้หรือ alt="" บอกให้เทคโนโลยีช่วยเหลือข้ามรูปไป
คำถามที่พบบ่อย
- เครื่องมือจับปัญหาแบบใดบ้าง?
- alt ที่หายไปใน <img>, <button>/<a> ว่างเปล่าโดยไม่มี aria-label, anchor ที่ href ว่างหรือเป็น "#", input ที่ไม่มี label/id, role ไม่ถูกต้อง และ aria-hidden="true" บนองค์ประกอบที่โฟกัสได้
- จะใช้แทน axe หรือ Lighthouse ได้ไหม?
- ไม่ได้ มันเป็นการตรวจล่วงหน้าอย่างรวดเร็วเพื่อจับปัญหาที่แก้ง่าย ก่อนเปิดตัวจริง คุณยังจำเป็นต้องตรวจสอบเต็มรูปด้วย axe, Lighthouse และโปรแกรมอ่านหน้าจอ
- ทำไมจึงยอมรับ role="presentation" บนรูปภาพ?
- role="presentation" (และ role="none") ลบความหมายโดยปริยายและทำเครื่องหมายว่ารูปภาพเป็นองค์ประกอบเชิงตกแต่ง ค่านี้หรือ alt="" บอกให้เทคโนโลยีช่วยเหลือข้ามรูปไป
- มีอะไรถูกอัปโหลดไหม?
- ไม่มี การตรวจสอบเป็นฟังก์ชัน JavaScript เล็ก ๆ ในหน้านี้ มาร์กอัปไม่ออกจากเบราว์เซอร์