ตัวตรวจสอบ ARIA Accessibility
สแกน HTML เพื่อหาชื่อที่เข้าถึงได้ที่ขาดหายไป ARIA attributes ไม่ถูกต้อง references ที่เสีย และปัญหา landmark ทำงานแบบ client-side และเป็นส่วนตัว
Loading tool...
ตัวตรวจสอบ ARIA Accessibility คืออะไร?
ARIA Accessibility Checker สแกน HTML ที่วางไว้เพื่อหาปัญหา accessibility ที่พบบ่อย ซึ่งส่งผลต่อผู้ใช้ screen reader และคีย์บอร์ด ตรวจจับ accessible names ที่ขาดหายไป การใช้ ARIA ที่ไม่ถูกต้อง ID references ที่เสีย พฤติกรรม focus ที่ไม่ปลอดภัย และปัญหา landmark โดยไม่อัปโหลด markup
ประโยชน์หลัก
- ตรวจจับ labels ที่ขาดหายไปก่อนถึง QA หรือ production
- ตรวจสอบชื่อ ค่า roles และ references ของ ARIA ในครั้งเดียว
- ค้นหา ID ซ้ำและเนื้อหาที่ focus ได้แต่ถูกซ่อนจาก assistive technology
- ได้ตำแหน่งใน source ที่แน่นอนเพื่อแก้ไขได้เร็วขึ้น
- รักษาความเป็นส่วนตัวด้วยการสแกน client-side 100%
กรณีการใช้งาน
- •ตรวจทาน HTML จาก server-rendered pages และ component libraries
- •ตรวจสอบ forms และ interactive controls ก่อน release
- •เพิ่ม accessibility lint ขั้นต้นใน workflow ของ QA
- •ตรวจสอบ markup เก่าระหว่างโครงการแก้ไข accessibility
วิธีใช้ตัวตรวจสอบ ARIA Accessibility
- วาง HTML: วาง HTML ที่ต้องการตรวจสอบใน editor หรือโหลด markup ตัวอย่าง
- ตรวจสอบผลลัพธ์: อ่านแต่ละรายการเพื่อดูระดับความรุนแรง เลขบรรทัดและคอลัมน์ ข้อความ และ element ต้นทาง
- แก้ไขปัญหา accessibility: เพิ่ม accessible names แก้ค่าและ roles ของ ARIA ซ่อม references และลบพฤติกรรมการ focus ที่ไม่ปลอดภัย
- ส่งออกรายงาน: คัดลอกรายงานทั้งหมดไปยังคลิปบอร์ด หรือดาวน์โหลดเป็นไฟล์ข้อความสำหรับ QA ticket
คุณสมบัติหลัก
- ตรวจจับชื่อที่เข้าถึงได้ที่ขาดหายไปในปุ่ม ลิงก์ และ form controls
- ตรวจสอบ ARIA attributes, ค่า boolean, roles และ ID references
- ค้นหา ID ซ้ำ elements ที่ focus ได้แต่ถูกซ่อน และค่า tabindex ที่เป็นบวก
- ตรวจสอบ main landmarks, labels ของ landmark ที่ซ้ำ และภาษาของเอกสาร
- แสดงระดับความรุนแรง เลขบรรทัดและคอลัมน์ element ต้นทาง และส่งออกผลตรวจได้
คำถามที่พบบ่อย
ตัวตรวจสอบ ARIA นี้ค้นหาอะไรบ้าง?
ตรวจสอบ accessible names ของ controls ที่พบบ่อย ชื่อและค่าของ ARIA attributes, roles, ID references, พฤติกรรมการ focus, ID ซ้ำ, landmarks และภาษาของเอกสาร
นี่เป็นการตรวจสอบ WCAG แบบครบถ้วนหรือไม่?
ไม่ใช่ เป็น lint ฝั่ง client ที่เน้นปัญหา ARIA และ landmark ที่พบบ่อย ควรใช้ร่วมกับการทดสอบคีย์บอร์ด screen reader, สี และการตรวจสอบ accessibility แบบเต็ม
ทำไม accessible names ที่ขาดหายไปจึงสำคัญ?
ปุ่ม ลิงก์ และ form controls ต้องมีชื่อที่ assistive technology อ่านได้ หากไม่มี ผู้ใช้อาจไม่รู้ว่า control ทำอะไรหรือกำลังแก้ไข field ใด
HTML ของฉันออกจากเบราว์เซอร์หรือไม่?
ไม่ การสแกนทำงานทั้งหมดในเบราว์เซอร์ HTML ที่วางไว้จะไม่ถูกอัปโหลดหรือส่งไปยังบริการภายนอก