fixmint
TH

ค้นหาปัญหา accessibility ใน HTML

วาง HTML เพื่อหา alt text ที่หายไป ช่องกรอกที่ไม่มีป้ายชื่อ และปัญหา WCAG ที่พบบ่อยอื่น ๆ พร้อมวิธีแก้ในแต่ละข้อ

  • ทำงานบนอุปกรณ์ของคุณ
  • ไม่ต้องสมัครสมาชิก
  • ใช้ออฟไลน์ได้หลังจากเคยเข้าชม

ตรวจเฉพาะ markup ไม่ทดสอบสีจาก CSS หรือลำดับโฟกัส HTML อยู่ในแท็บนี้

    วิธีตรวจปัญหา accessibility ของหน้าเว็บ

    1. วาง HTML ของหน้าเว็บ หรือโหลดหน้าตัวอย่าง
    2. กรองรายการให้แสดงเฉพาะข้อผิดพลาดหรือคำเตือน
    3. แก้ปัญหาแต่ละข้อที่บรรทัดที่ระบุไว้

    คำถาม

    ตรวจอะไรบ้าง?

    alt text ที่หายไป ช่องกรอกที่ไม่มีป้ายชื่อ ปุ่มและลิงก์ที่ว่างเปล่า ข้อความลิงก์ที่คลุมเครือ การข้ามลำดับหัวข้อ ตารางที่ไม่มีเซลล์หัวตาราง tabindex ที่เป็นค่าบวก การบล็อกการซูมบนมือถือ iframe ที่ไม่มี title คอนทราสต์ต่ำในสไตล์แบบ inline และวิดีโอที่ไม่มีคำบรรยาย

    ทำไมผลลัพธ์ที่ไม่มีปัญหาถึงไม่ได้หมายความว่าผ่านทั้งหมด?

    เครื่องมือนี้อ่านเฉพาะ markup เท่านั้น จึงมองไม่เห็นสีจาก stylesheet ลำดับโฟกัสบนหน้าจอ หรือสิ่งที่โปรแกรมอ่านหน้าจอ (screen reader) ประกาศออกมา ควรทดสอบด้วยคีย์บอร์ดและโปรแกรมอ่านหน้าจอด้วย

    ระดับ WCAG หมายความว่าอย่างไร?

    WCAG 2.2 มีสามระดับ A เป็นระดับขั้นต่ำ AA เป็นระดับที่มาตรฐานและกฎหมายด้านการเข้าถึงส่วนใหญ่อ้างถึง และ AAA เป็นระดับที่เข้มงวดที่สุด แต่ละปัญหาจะแสดงเกณฑ์ที่ถูกละเมิด

    HTML ของฉันถูกส่งไปที่ไหนหรือไม่?

    ไม่ เบราว์เซอร์ของคุณอ่าน HTML ในแท็บนี้เท่านั้น ไม่มีข้อมูลใดถูกส่งไปยังเซิร์ฟเวอร์

    รีวิว

      ยังไม่มีรีวิว มาเป็นคนแรกกันเลย

      คะแนนของคุณ

      อีเมลของคุณจะไม่ถูกแสดงหรือเก็บไว้