WCAG 2.1.1 · ระดับ A

พื้นที่ที่เลื่อนได้ต้องเข้าถึงได้ด้วยคีย์บอร์ด

พื้นที่เลื่อนได้เข้าถึงด้วยคีย์บอร์ดไม่ได้ ผู้ใช้คีย์บอร์ดจึงเลื่อนพื้นที่นั้นไม่ได้

กฎนี้ตรวจอะไร

ตรวจให้แน่ใจว่าองค์ประกอบที่มีเนื้อหาเลื่อนได้เข้าถึงได้ด้วยคีย์บอร์ดใน Safari.

ทำไมจึงสำคัญ

WCAG 2.1.1 กำหนดให้ทุกอย่างใช้งานได้ด้วยคีย์บอร์ด

วิธีแก้ไข

  1. ทำให้คอนเทนเนอร์ที่เลื่อนได้รับโฟกัสได้ด้วย tabindex="0" และตั้งชื่อให้ หรือตรวจให้แน่ใจว่าภายในมีองค์ประกอบที่รับโฟกัสได้

วิธีตรวจสอบการแก้ไข

  • กด Tab ไปที่พื้นที่นั้น แล้วเลื่อนด้วยปุ่มลูกศร

FixReports ตรวจพบอย่างไร

การสแกนของเราเรียกใช้กฎ scrollable-region-focusable ของ axe-core ในเบราว์เซอร์ Chrome จริงบนทุกหน้าที่ทดสอบ และรายงานองค์ประกอบที่ไม่ผ่านแต่ละรายการพร้อมหน้าที่พบ markup และภาพหน้าจอในกรณีที่มี

การทดสอบอัตโนมัติยืนยันได้ว่าปัญหานี้มีอยู่จริง แต่บอกไม่ได้ว่าส่วนอื่นของหน้าเข้าถึงได้หรือไม่ อุปสรรคบางอย่างจะปรากฏก็ต่อเมื่อมีคนตรวจหน้านั้นเท่านั้น

สแกนเว็บไซต์ของคุณวันนี้

ค้นหา แก้ไข ตรวจยืนยัน

เว็บไซต์นี้เป็นประเภทใด

คำตอบของคุณจะเลือกการตรวจที่เหมาะสม เช่น เส้นทางการซื้อสำหรับร้านค้าออนไลน์ เรายังตรวจหลักฐานจากตัวเว็บไซต์เองและแสดงทั้งสองอย่าง

เว็บไซต์นี้เป็นประเภทใด

สแกนฟรี ไม่ต้องใช้บัตรเครดิต