Data grid ची ॲक्सेसिबिलिटी

कीबोर्ड इंटरॅक्शन

कळ	कृती
`ॲरो कळा`	फोकस एक सेल हलवतात. उजवीकडून डावीकडे लिहिल्या जाणाऱ्या मजकुरात लेफ्ट आणि राइट उलटतात.
`Home आणि End`	ओळीतील पहिल्या किंवा शेवटच्या सेलवर नेते; Ctrl सोबत, ग्रिडमधील.
`Page Down आणि Page Up`	एका स्क्रीनइतक्या ओळी पुढे किंवा मागे नेते.
`हेडरवर Enter किंवा Space`	त्या कॉलमनुसार सॉर्ट करते; Shift सोबत, तो सॉर्टमध्ये जोडते.
`हेडरवर Alt + डाउन ॲरो`	कॉलम पॅनेल उघडते.
`हेडरवर Alt + लेफ्ट किंवा राइट ॲरो`	कॉलम अरुंद किंवा रुंद करते; Shift सोबत, तो हलवते.
`सेलवर Enter`	तो एडिट करते, किंवा एडिट करता येत नसल्यास ओळ उघडते.
`F2, किंवा टाइप करणे`	सेल एडिट करते.
`एडिट करताना Enter, Esc आणि Tab`	लागू करते, रद्द करते, किंवा लागू करून पुढे जाते.
`Space`	ओळ निवडते; Shift सोबत, मागील निवडीपासून इथपर्यंतच्या ओळी.
`Ctrl + A`	सर्व ओळी निवडते.

ॲक्सेसिबिलिटीविषयी नोंदी

role="grid" असलेले नेटिव्ह <table>, ज्याला label मधून नाव मिळते. हेडरवर aria-sort असते, आणि निवडता येणाऱ्या ओळींवर aria-selected.
संपूर्ण ग्रिड एकच टॅब स्टॉप आहे. फोकस रोव्हिंग tabindex ने एका सेलवरून दुसऱ्या सेलवर जातो, त्यामुळे स्क्रीन रीडर प्रत्येक सेल त्याच्या ओळीच्या व कॉलमच्या हेडरसह वाचतात.
ओळी पेजेसमध्ये विभागल्या किंवा व्हर्च्युअलाइझ केल्या तरी aria-rowcount, aria-rowindex आणि aria-colindex बरोबर राहतात.
एक स्टेटस क्षेत्र सॉर्टिंग, फिल्टरिंग आणि पेजिंगमधील बदल आणि एडिटच्या त्रुटी व्यत्यय न आणता जाहीर करते.