सुनकर पृष्ठ की रूपरेखा का ऑडिट करें

outline audit का अर्थ है शीर्षकों की जाँच उसी तरह करना जैसे स्क्रीन रीडर उन्हें दिखाता है और दृश्य सजावट को पूरी तरह अनदेखा करना। 👂

रंगों और फ़ॉन्ट को भूल जाएँ। एक साफ़ outline को अनुभाग शीर्षकों की समझ में आने वाली नेस्ट की गई सूची की तरह पढ़ा जाना चाहिए, भले ही CSS बिल्कुल न हो।

अपने headings को क्रम से अलग करके देखें। यदि केवल वह सूची ही पृष्ठ का सार बता देती है, तो आपकी संरचना अच्छी तरह काम कर रही है।

पहले सुनिश्चित करें कि पृष्ठ का नाम बताने वाला ठीक एक h1 मौजूद है। h1 का न होना या एक से अधिक होना रूपरेखा की सबसे सामान्य खामी है।

स्तरों को क्रम से देखें और skip पर ध्यान दें, जैसे h2 से h4 पर जाना। नीचे की ओर हर छलाँग ठीक एक स्तर की होनी चाहिए।

ऐसे बोल्ड पाठ को खोजें जो शीर्षक होना चाहिए, लेकिन सजाया हुआ div है। ये छिपी हुई कमियाँ स्क्रीन रीडर उपयोगकर्ताओं को बिना किसी संकेतक के छोड़ देती हैं।

ब्राउज़र के डेवलपर टूल और एक्सटेंशन outline दृश्य दिखा सकते हैं। वे आपके वास्तविक शीर्षकों की सूची बनाते हैं और छूटे या गायब स्तरों को चिह्नित करते हैं।

NVDA या VoiceOver में headings list खोलें। अपने पृष्ठ को ज़ोर से पढ़ते हुए सुनना ऐसी उलझन सामने लाता है जिसे कोई चित्र नहीं दिखा सकता। 🔊

केवल आइकन वाला empty heading कुछ भी नहीं पढ़ता और सूची को अव्यवस्थित करता है। हर शीर्षक में वास्तविक, अर्थपूर्ण पाठ दें।

More जैसे अस्पष्ट headings सुनकर समझ में नहीं आते। संदर्भ से अलग होने पर भी हर शीर्षक को उपयोगकर्ता को बताना चाहिए कि वह अनुभाग किस बारे में है।

पृष्ठ प्रकाशित करने से पहले हर पृष्ठ की त्वरित outline जाँच करें। दो मिनट की जाँच उन संरचनात्मक बगों को पकड़ लेती है जो उपयोगकर्ताओं को रोज़ परेशान करते हैं।

आपने सुनकर जाँच करना सीखा: एक h1 की पुष्टि करना, छूटे हुए स्तर पकड़ना, नकली शीर्षक उजागर करना और वास्तविक screen reader से शब्दों की जाँच करना। ✅