Tota11y के साथ विज़ुअलाइज़ और डिबग वेबसाइट की पहुँच

सहायक प्रौद्योगिकियाँ वेब डिज़ाइन के लिए नया मानदंड हैं। एक बार जब उत्तरदायी डिजाइन मुख्यधारा में चला गया तो यह डिजाइनरों के लिए जल्दी स्पष्ट था कि अधिक उपयोगकर्ताओं का समर्थन करना एक आवश्यकता है.

लेकिन यहां है वेब एक्सेसिबिलिटी के लिए बहुत काम करना है. यह एक बहुत बड़ा विषय है और ऐसा कुछ नहीं जिसे आप बिना उपयोगी टूल के उठा सकते हैं.

तोता 11 य a है आपकी वेबसाइट की पहुंच समस्याओं की कल्पना के लिए मुफ्त टूलकिट. यह ब्राउज़र में सही काम करता है इसलिए आप टूलकिट को लोड कर सकते हैं, एक्सेसिबिलिटी सिफारिशों को खोजने के लिए अपनी साइट (या किसी भी साइट!) पर क्लिक करें।.

यह जावास्क्रिप्ट लाइब्रेरी के रूप में काम करता है जिसे किसी भी पेज में प्लग किया जा सकता है। आप भी कर सकते हैं इसे लाइव साइट्स पर मैन्युअल रूप से चलाएं Chrome DevTools के माध्यम से, लेकिन यह हमेशा उपयोगी नहीं होता है जब तक आप किसी और की साइट पर काम नहीं कर रहे हों.

Tota11y आपके पेज पर एक छोटा टूलबार जोड़ता है और पूरे DOM पर गतिशील रूप से चलता है। जबभी तुम एक तत्व पर क्लिक करें आपको एक छोटा सा विस्तार बॉक्स मिलेगा पहुँच समस्याओं को कवर करने वाले विवरण के साथ.

एक बात जो मुझे पूरी तरह से Tota11y के बारे में पसंद है, वह है स्पष्ट भाषा प्रत्येक कॉलआउट बॉक्स के साथ प्रयोग किया जाता है। अधिकांश WAI-ARIA प्रलेखन को टैक्स कोड पढ़ने जैसा लगता है। अपने आप को सोने के लिए महान, एक वेबसाइट डिबगिंग के लिए बहुत अच्छा नहीं है.

इस लाइब्रेरी के साथ, आप पाएंगे समस्याओं और समाधान सादे अंग्रेजी में लिखा है. उपभोग करने में बहुत आसान है और समाधान जल्दी हैं.

यदि आप मुख्य पृष्ठ पर जाते हैं तो आपको साइट पर चलने वाले Tota11y का डेमो मिलेगा। यह स्क्रीन के निचले-बाएँ कोने में स्थित छोटा काला टैब है। सभी मुख्य पृष्ठ तत्वों को कवर करने वाले विस्तारित दृश्य के लिए बस क्लिक करें.

पूरी बात एमआईटी लाइसेंस के तहत खोली गई है, इसलिए इसके साथ काम करना वास्तव में आसान है.

आप GitHub पर एक प्रति ले सकते हैं और इसे बहुत अधिक उपयोग कर सकते हैं। Tota11y भी प्लगइन्स के एक समूह के साथ आता है जिसे आप मुख्य स्क्रिप्ट पर बढ़ा सकते हैं। इन अधिक विस्तृत पहुँच संबंधी चिंताओं की जाँच के लिए कार्यक्षमता जोड़ें.

यदि आप पहुंच-योग्यता परीक्षण में बड़े हैं तो आप अपने टूलबॉक्स में इस स्क्रिप्ट की एक प्रति चाहते हैं.