วิธีเปิดใช้งานการนำทางแป้นพิมพ์สำหรับตาราง material-ui

Aug 18 2020

ฉันมีแอปพลิเคชันตอบสนองที่สร้างด้วย Material-UI ผู้ใช้ได้ขอให้เปิดใช้งานการนำทางด้วยแป้นพิมพ์สำหรับทั้งเว็บไซต์ ฉันไม่สามารถนำทางตารางด้วยแป้นพิมพ์บนเว็บไซต์นี้ ตารางของฉันดูเหมือนhttps://material-ui.com/components/tables/#fixed-header. ฉันต้องการขึ้นและลงหนึ่งแถวโดยกด "ลูกศรขึ้น" และ "ลูกศรลง" บนแป้นพิมพ์ ฉันจะเปิดใช้งานสิ่งนี้ได้อย่างไร?

คำตอบ

1 FED Sep 10 2020 at 18:42

การนำทางด้วยแป้นพิมพ์โดยทั่วไปหมายถึงความสามารถในการโฟกัสและทริกเกอร์องค์ประกอบแบบโต้ตอบเช่นลิงก์ปุ่มตัวเลือกวันที่วิธีการอื่น ๆ โดยใช้การควบคุมแป้นพิมพ์เท่านั้น ตารางไม่ใช่องค์ประกอบแบบโต้ตอบดังนั้นแป้นพิมพ์จึงไม่สามารถโฟกัสได้

คำขอของผู้ใช้ของคุณอาจจะตั้งใจเพื่อให้แน่ใจว่าเว็บไซต์ที่เป็นไปตามWeb Content แนวทางการเข้าถึง ตาราง Material UI มีความหมายตามความหมายเป็นตารางที่มีแถวส่วนหัวของตารางดังนั้นพื้นฐานจึงเป็นไปตามเกณฑ์นี้

หากคุณเปิดใช้งานโปรแกรมอ่านหน้าจอ (เช่น VoiceOver บน Mac หรือ NVDA บน Windows) คุณจะสามารถนำทางตารางด้วยปุ่มลูกศรและแต่ละเซลล์จะประกาศโดยโปรแกรมอ่านหน้าจอ

  • https://webaim.org/techniques/tables/data