HTML एक्सेसिबिलिटी ऑडिटर

अधिकांश त्वरित पहुंच जांचें या तो एक सतही कीवर्ड स्कैन होती हैं या एक हेवीवेट लाइब्रेरी होती है जिस पर आपको ब्लैक बॉक्स के रूप में भरोसा करना होता है। यह टूल एक तीसरा रास्ता अपनाता है: यह ब्राउज़र के स्वयं के अंतर्निहित DOMParser का उपयोग करके आप जो भी HTML पेस्ट करते हैं उसे पार्स करता है - कोई एक्स-कोर नहीं, कोई बाहरी एक्सेसिबिलिटी लाइब्रेरी नहीं, कुछ भी डाउनलोड नहीं किया गया है - और फिर हाथ से लिखे गए चेक के एक सेट के साथ परिणामी DOM ट्री पर चलता है जो सामान्य, वास्तविक WCAG 2.1 विफलता पैटर्न को प्रतिबिंबित करता है। इसका मतलब है कि तर्क पूरी तरह से निरीक्षण योग्य है और ऑडिट पूरी तरह से आपके ब्राउज़र के अंदर चलता है: आपके द्वारा पेस्ट किया गया मार्कअप, और आपके द्वारा परीक्षण किया गया कोई भी रंग जोड़ा, कभी भी कहीं भी अपलोड या भेजा नहीं जाता है।

चेक उन विफलताओं को कवर करते हैं जो वास्तविक पृष्ठों में सबसे अधिक बार दिखाई देते हैं: <img> तत्व जिनमें बिल्कुल भी कोई Alt विशेषता नहीं है (एक वास्तविक WCAG विफलता, सजावटी छवियों के लिए उपयोग किए जाने वाले जानबूझकर खाली alt = "" से अलग है, जिसे सही ढंग से अनफ़्लैग्ड छोड़ दिया गया है), फॉर्म नियंत्रण सहायक तकनीक के लिए यह जानने का कोई तरीका नहीं है कि वे क्या कर रहे हैं (लेबल के प्रत्येक वास्तविक पथ के विरुद्ध जांच की गई - एक मिलान <label for>, एक <label> के अंदर लपेटा जा रहा है, या एक aria-label/aria-labelledby विशेषता), शीर्षक स्तर जो चेतावनी के बिना कूदते हैं (एक <h1> सीधे एक <h3> पर, या एक दस्तावेज़ जिसमें कोई <h1> नहीं है, या एक से अधिक), बिना href वाले लिंक या अस्पष्ट, संदर्भ से बाहर पाठ जैसे "यहां क्लिक करें" या "और पढ़ें", और एक पूर्ण HTML दस्तावेज़ (सिर्फ एक टुकड़ा नहीं) चिपकाए जाने पर एक लापता लैंग विशेषता।

असाधारण कृति वास्तविक कंट्रास्ट गणित है, न कि सतही 'पठनीय दिखने वाला' अनुमान। इनलाइन रंग और पृष्ठभूमि-रंग वाले किसी भी तत्व के लिए, उपकरण दोनों मानों को पढ़ता है, उन्हें ब्राउज़र के स्वयं के सीएसएस इंजन के माध्यम से वास्तविक आरजीबी संख्याओं में हल करता है (इसलिए हेक्स, आरजीबी(), एचएसएल() और 'टमाटर' जैसे नामित रंग सभी समान रूप से काम करते हैं), और प्रत्येक के लिए सटीक डब्ल्यूसीएजी सापेक्ष चमक की गणना करता है - एल = 0.2126×आर + 0.7152×जी + 0.0722×बी, प्रत्येक चैनल के साथ वास्तविक एसआरजीबी ट्रांसफर वक्र का उपयोग करके पहले गामा-सही किया गया - उन्हें आधिकारिक कंट्रास्ट अनुपात फॉर्मूला, (हल्का एल + 0.05) / (गहरा एल + 0.05) में संयोजित करने से पहले। तत्व का स्वयं का फ़ॉन्ट-आकार और फ़ॉन्ट-वजन तय करता है कि सख्त 'सामान्य पाठ' सीमाएँ या अधिक उदार 'बड़े पाठ' सीमाएँ (18pt+, या 14pt+ बोल्ड) लागू होती हैं, और परिणाम को एक ही बार में सभी चार वास्तविक WCAG संख्याओं के विरुद्ध जांचा जाता है: AA के लिए 4.5:1 और 3:1, AAA के लिए 7:1 और 4.5:1 - कभी भी एक भी नकली अच्छे/बुरे फैसले में नहीं सिमटा।

यह पूर्ण पहुंच ऑडिट का जानबूझकर ईमानदार, व्यावहारिक उपसमुच्चय है, प्रमाणन उपकरण नहीं: यह जावास्क्रिप्ट-संचालित इंटरैक्टिविटी, बुनियादी लेबलिंग से परे ARIA विजेट पैटर्न, कीबोर्ड फोकस ऑर्डर, या किसी भी चीज़ का मूल्यांकन नहीं करता है जिसके लिए वास्तव में रेंडरिंग और पेज चलाने की आवश्यकता होती है। इसे एक त्वरित प्रथम पास के रूप में मानें जो सबसे आम और सबसे परिणामी WCAG विफलताओं में से कुछ को पकड़ता है - गायब ऑल्ट टेक्स्ट, बिना लेबल वाले फ़ील्ड, टूटे हुए शीर्षक पदानुक्रम, कम-विपरीत टेक्स्ट और अस्पष्ट लिंक - एक पेज शिप होने से पहले, एक पूर्ण मैन्युअल समीक्षा या उत्पादन के लिए शिपिंग के लिए एक समर्पित ऑडिटिंग टूल के साथ (इसके बजाय नहीं)।