फ़ोकस क्रम विज़ुअलाइज़र

फ़ोकस क्रम विज़ुअलाइज़र क्या है?

यह फ़ोकस ऑर्डर विज़ुअलाइज़र एक्सेसिबिलिटी ऑडिटर और डेवलपर्स को किसी भी HTML पेज का कीबोर्ड टैब ऑर्डर देखने में मदद करता है। अपना HTML पेस्ट करें या URL का सोर्स दर्ज करें, और टूल प्रत्येक फ़ोकस योग्य एलिमेंट पर क्रमांकित मार्कर ओवरले करेगा जो सटीक टैब अनुक्रम दिखाता है — नेविगेशन समस्याओं को आसानी से पहचानें।

उपयोग कैसे करें

1. एडिटर में HTML कोड पेस्ट करें, या टैब ऑर्डर विश्लेषण के लिए कोई HTML फ़ाइल अपलोड करें।
2. रेंडर किए गए पेज को क्रमांकित ओवरले मार्करों के साथ देखें जो प्रत्येक फ़ोकस योग्य एलिमेंट (लिंक, बटन, इनपुट आदि) के लिए टैब अनुक्रम दिखाते हैं।
3. फ़ोकस ऑर्डर सूची की समीक्षा करें, क्रम से बाहर या गायब एलिमेंट की पहचान करें, फिर विश्लेषण को रिपोर्ट के रूप में एक्सपोर्ट करें।

परिणाम

एक एक्सेसिबिलिटी कंसल्टेंट क्लाइंट के साइनअप फ़ॉर्म का HTML पेस्ट करता है। विज़ुअलाइज़र दिखाता है कि गलत tabindex वैल्यू के कारण 'सबमिट' बटन 'सेवा शर्तें' चेकबॉक्स से पहले फ़ोकस प्राप्त करता है, जो WCAG 2.4.3 उल्लंघन को फ़्लैग करता है।

संबंधित उपकरण