Web Utilities
Developer Toolsकीबोर्ड नेविगेशन परीक्षक
रीयल-टाइम इवेंट ट्रैकिंग, फोकस विज़ुअलाइज़ेशन और टैब ऑर्डर डिटेक्शन के साथ कीबोर्ड एक्सेसिबिलिटी का परीक्षण करें। WCAG अनुपालन सुनिश्चित करें।
नियंत्रण
वर्तमान फोकस
Noneउपयोग सुझाव
- • फोकस योग्य एलिमेंट्स पर आगे जाने के लिए Tab का उपयोग करें
- • पीछे जाने के लिए Shift + Tab का उपयोग करें
- • बटन और लिंक सक्रिय करने के लिए Enter या Space दबाएं
- • रेडियो बटन जैसे फॉर्म एलिमेंट ग्रुप में नेविगेट करने के लिए Arrow keys का उपयोग करें
- • तार्किक नेविगेशन प्रवाह सुनिश्चित करने के लिए Tab ऑर्डर जांचें
- • सत्यापित करें कि सभी इंटरैक्टिव एलिमेंट कीबोर्ड से सुलभ हैं
टेस्ट एरिया
कीबोर्ड (Tab, Shift+Tab, Enter, Space, Arrow keys) से इन एलिमेंट्स पर नेविगेट करने का प्रयास करें:
कीबोर्ड इवेंट (0)
अभी तक कोई कीबोर्ड इवेंट दर्ज नहीं हुआ। इवेंट देखने के लिए ट्रैकिंग शुरू करें।
फोकस इवेंट (0)
अभी तक कोई फोकस इवेंट दर्ज नहीं हुआ। ट्रैकिंग शुरू करें और Tab से नेविगेट करें।
संबंधित टूल
कीबोर्ड नेविगेशन परीक्षक के बारे में
यह कैसे काम करता है
- रीयल-टाइम में सभी कीबोर्ड इवेंट ट्रैक करता है
- नेविगेशन के दौरान फोकस परिवर्तन मॉनिटर करता है
- पेज पर फोकस योग्य एलिमेंट्स का Tab ऑर्डर डिटेक्ट और प्रदर्शित करता है
- संयोजनों में मॉडिफायर कीज़ पहचानता है
- इंटरैक्टिव सैंपल एलिमेंट्स के साथ कीबोर्ड एक्सेसिबिलिटी परीक्षण करता है
सामान्य उपयोग के मामले
- वेब एप्लिकेशन की कीबोर्ड एक्सेसिबिलिटी परीक्षण
- फॉर्म और इंटरफेस में सही Tab ऑर्डर सत्यापन
- कीबोर्ड इवेंट हैंडलर डीबग करना
- कीबोर्ड नेविगेशन के लिए WCAG अनुपालन सुनिश्चित करना
- उपयोगकर्ताओं को कीबोर्ड शॉर्टकट सिखाना
अक्सर पूछे जाने वाले प्रश्न
कीबोर्ड नेविगेशन क्या है और यह क्यों महत्वपूर्ण है?
कीबोर्ड नेविगेशन माउस की आवश्यकता के बिना केवल कीबोर्ड इनपुट (Tab, Enter, Space, Arrow keys आदि) का उपयोग करके वेबसाइट या एप्लिकेशन का उपयोग करने की क्षमता है। यह एक्सेसिबिलिटी के लिए आवश्यक है।
कीबोर्ड नेविगेशन परीक्षक कैसे काम करता है?
टूल रीयल-टाइम में सभी कीबोर्ड इवेंट ट्रैक और प्रदर्शित करता है, जिसमें की प्रेस, रिलीज़ और मॉडिफायर की शामिल हैं। यह एलिमेंट्स में नेविगेट करते समय फोकस परिवर्तन भी मॉनिटर करता है।
यह टूल कौन से कीबोर्ड इवेंट ट्रैक करता है?
टूल सभी कीज़ के लिए keydown और keyup इवेंट ट्रैक करता है, जिसमें अल्फान्यूमेरिक, स्पेशल कैरेक्टर और नेविगेशन कीज़ शामिल हैं।
टैब ऑर्डर क्या है और मुझे इसका परीक्षण क्यों करना चाहिए?
टैब ऑर्डर वह अनुक्रम है जिसमें इंटरैक्टिव एलिमेंट्स Tab की दबाने पर फोकस प्राप्त करते हैं। तार्किक टैब ऑर्डर उपयोगकर्ताओं को आपकी वेबसाइट पर कुशलतापूर्वक नेविगेट करने में सक्षम बनाता है।
मैं इस टूल का उपयोग WCAG अनुपालन परीक्षण के लिए कैसे कर सकता हूं?
ट्रैकिंग शुरू करें और केवल कीबोर्ड का उपयोग करके अपने वेबपेज पर नेविगेट करें। सत्यापित करें कि सभी इंटरैक्टिव एलिमेंट Tab के माध्यम से पहुंच योग्य हैं।
फोकस इवेंट लॉग में मुझे क्या देखना चाहिए?
फोकस इवेंट की समीक्षा करें यह सुनिश्चित करने के लिए कि सभी इंटरैक्टिव एलिमेंट्स फोकस प्राप्त कर सकते हैं और ऑर्डर तार्किक है।
टेस्ट एरिया सेक्शन किसके लिए है?
टेस्ट एरिया कीबोर्ड नेविगेशन का अभ्यास करने के लिए सामान्य इंटरैक्टिव एलिमेंट्स का एक सेट प्रदान करता है।
क्या मैं इस टूल से अपनी खुद की वेबसाइट का परीक्षण कर सकता हूं?
हाँ! ट्रैकिंग शुरू करने के बाद, टूल पूरे पेज पर कीबोर्ड और फोकस इवेंट मॉनिटर करता है।
मॉडिफायर कीज़ क्या हैं और वे कैसे प्रदर्शित होती हैं?
मॉडिफायर कीज़ Ctrl, Shift, Alt और Meta हैं जो अन्य कीज़ के व्यवहार को संशोधित करती हैं। टूल उन्हें कीबोर्ड इवेंट लॉग में दिखाता है।
tabindex क्या है और यह नेविगेशन को कैसे प्रभावित करता है?
Tabindex एक HTML विशेषता है जो नियंत्रित करती है कि एलिमेंट कीबोर्ड के साथ फोकस प्राप्त कर सकता है या नहीं। मान 0 इसे प्राकृतिक क्रम में फोकस योग्य बनाता है, -1 इसे Tab नेविगेशन से हटाता है।
मैं इस टूल से कीबोर्ड एक्सेसिबिलिटी समस्याओं की पहचान कैसे कर सकता हूं?
सामान्य समस्याओं में शामिल हैं: फोकस इवेंट में न दिखने वाले इंटरैक्टिव एलिमेंट्स, अतार्किक टैब ऑर्डर, अदृश्य फोकस इंडिकेटर और कीबोर्ड ट्रैप।
एक्सेसिबिलिटी के लिए मुझे कौन से कीबोर्ड शॉर्टकट का परीक्षण करना चाहिए?
Tab (आगे नेविगेशन), Shift+Tab (पीछे नेविगेशन), Enter (बटन/लिंक सक्रिय करें), Space (बटन/चेकबॉक्स), Arrow keys और Escape (डायलॉग बंद करें) का परीक्षण करें।