วิธีเปิดใช้งานการนำทางแป้นพิมพ์สำหรับตาราง material-ui
ฉันมีแอปพลิเคชันตอบสนองที่สร้างด้วย Material-UI ผู้ใช้ได้ขอให้เปิดใช้งานการนำทางด้วยแป้นพิมพ์สำหรับทั้งเว็บไซต์ ฉันไม่สามารถนำทางตารางด้วยแป้นพิมพ์บนเว็บไซต์นี้ ตารางของฉันดูเหมือนhttps://material-ui.com/components/tables/#fixed-header. ฉันต้องการขึ้นและลงหนึ่งแถวโดยกด "ลูกศรขึ้น" และ "ลูกศรลง" บนแป้นพิมพ์ ฉันจะเปิดใช้งานสิ่งนี้ได้อย่างไร?
คำตอบ
การนำทางด้วยแป้นพิมพ์โดยทั่วไปหมายถึงความสามารถในการโฟกัสและทริกเกอร์องค์ประกอบแบบโต้ตอบเช่นลิงก์ปุ่มตัวเลือกวันที่วิธีการอื่น ๆ โดยใช้การควบคุมแป้นพิมพ์เท่านั้น ตารางไม่ใช่องค์ประกอบแบบโต้ตอบดังนั้นแป้นพิมพ์จึงไม่สามารถโฟกัสได้
คำขอของผู้ใช้ของคุณอาจจะตั้งใจเพื่อให้แน่ใจว่าเว็บไซต์ที่เป็นไปตามWeb Content แนวทางการเข้าถึง ตาราง Material UI มีความหมายตามความหมายเป็นตารางที่มีแถวส่วนหัวของตารางดังนั้นพื้นฐานจึงเป็นไปตามเกณฑ์นี้
หากคุณเปิดใช้งานโปรแกรมอ่านหน้าจอ (เช่น VoiceOver บน Mac หรือ NVDA บน Windows) คุณจะสามารถนำทางตารางด้วยปุ่มลูกศรและแต่ละเซลล์จะประกาศโดยโปรแกรมอ่านหน้าจอ
- https://webaim.org/techniques/tables/data