एक्सेसिबिलिटी एनोटेशन डिज़ाइन वर्कफ़्लो में सबसे थकाऊ कामों में से एक है। हर टेक्स्ट-बैकग्राउंड कॉम्बिनेशन के लिए कंट्रास्ट रेशियो चेक करना। स्क्रीन रीडर्स के लिए हेडिंग हायरार्की को एनोटेट करना। टच टारगेट्स 44×44px मिनिमम को पूरा करते हैं इसकी पुष्टि करना। हर इमेज के लिए alt text सुझाना। हर इंटरैक्टिव कंपोनेंट के लिए ARIA लेबल्स डॉक्यूमेंट करना। 50 स्क्रीन वाली एक सामान्य ऐप के लिए मैन्युअल एनोटेशन में 20-40 घंटे लगते हैं।

Figma का AI Design Agent, मई 2026 में लॉन्च हुए एक्सेसिबिलिटी Skills के साथ मिलकर, इस काम के मैकेनिकल हिस्सों को ऑटोमेट करता है। यह आपके डिज़ाइन्स का विश्लेषण कर सकता है, मैथमेटिकल कंप्लायंस (कंट्रास्ट रेशियो, टच टारगेट साइज़) चेक कर सकता है, और एनोटेशन लेयर्स जेनरेट कर सकता है — एनोटेशन का समय हर स्क्रीन के लिए घंटों से मिनटों में कम कर देता है।

मुख्य बात

Figma AI एक्सेसिबिलिटी एक्सपर्टीज़ की जगह नहीं लेता — यह थकाऊ एनोटेशन काम को ऑटोमेट करता है। एजेंट एक्सेसिबिलिटी स्पेक्स का पहला ड्राफ्ट जेनरेट करता है जिसकी समीक्षा और सुधार a11y एक्सपर्ट करता है, स्पेक क्रिएशन का समय 20-40 घंटे (50-स्क्रीन ऐप के लिए) से कम करके 2-4 घंटे की रिव्यू और रिफाइनमेंट में बदल देता है। मैथमेटिकल चेक्स (कंट्रास्ट, डाइमेंशन्स) बहुत सटीक हैं; कंटेक्स्चुअल चेक्स (alt text, focus order) को ह्यूमन रिव्यू की जरूरत होती है।

Figma AI क्या ऑटोमेटिकली चेक कर सकता है?

चेक टाइप एजेंट क्या करता है सटीकता ह्यूमन रिव्यू जरूरी?
कलर कंट्रास्टWCAG AA/AAA के विरुद्ध टेक्स्ट/बैकग्राउंड जोड़े चेक करता हैबहुत ऊंची (गणितीय)नहीं (जब तक एज केसेज न हों)
टच टारगेट साइज़44×44px से छोटे इंटरैक्टिव एलिमेंट्स को फ्लैग करता हैबहुत ऊंची (आयामी)नहीं
हेडिंग हायरार्कीस्क्रीन रीडर्स के लिए H1→H6 संरचना को एनोटेट करता हैऊंची (संरचनात्मक)त्वरित सत्यापन
Alt text सुझावइमेजेज के लिए वर्णनात्मक alt text जेनरेट करता हैमध्यम (संदर्भ चाहिए)हां — उद्देश्य की समीक्षा करें
Focus orderलेआउट के आधार पर कीबोर्ड टैब ऑर्डर सुझाता हैमध्यम (लेआउट-निर्भर)हां — तर्क सत्यापित करें
ARIA लेबल्सकंपोनेंट्स के लिए ARIA रोल्स और लेबल्स सुझाता हैमध्यम (संदर्भीय)हां — सेमांटिक्स सत्यापित करें
फॉन्ट साइज़ मिनिममपढ़ने योग्य साइज़ थ्रेशोल्ड से छोटे टेक्स्ट को फ्लैग करता हैबहुत ऊंचीनहीं
केवल-रंग जानकारीकेवल रंग द्वारा संप्रेषित स्थितियों की पहचान करता हैऊंचीत्वरित सत्यापन

पैटर्न: गणितीय और आयामी चेक्स अत्यधिक विश्वसनीय हैं और बिना निगरानी के चल सकते हैं। संदर्भीय और सेमांटिक चेक्स शुरुआती बिंदु हैं जिन्हें एक्सपर्ट रिव्यू की जरूरत होती है। यह सही विभाजन है: AI थकाऊ मापने का काम संभालता है (जो एनोटेशन समय का अधिकांश हिस्सा है), इंसान निर्णयात्मक कॉल्स संभालते हैं (जिनमें उपयोगकर्ता की जरूरतों को समझना आवश्यक है)।

एजेंट के साथ एक्सेसिबिलिटी चेक कैसे चलाएं

स्टेप 1: जिस फ्रेम को आप चेक करना चाहते हैं उसे सेलेक्ट करें।

स्टेप 2: एजेंट से कहें: "इस स्क्रीन पर एक्सेसिबिलिटी चेक चलाएं। कंट्रास्ट रेशियो के लिए WCAG AA कंप्लायंस चेक करें, सत्यापित करें कि टच टारगेट्स कम से कम 44×44px हैं, हेडिंग हायरार्की को एनोटेट करें, इमेजेज के लिए alt text सुझाएं, और केवल रंग द्वारा संप्रेषित किसी भी जानकारी को फ्लैग करें।"

स्टेप 3: एजेंट आपके कैनवास पर परिणामों के साथ एक एनोटेशन लेयर बनाता है: पास होने वाली आइटम्स के लिए हरे चेक्स, फेलियर्स के लिए लाल फ्लैग्स, समीक्षा की जरूरत वाली आइटम्स के लिए नारंगी चेतावनियां।

स्टेप 4: मध्यम-सटीकता वाली आइटम्स की समीक्षा करें: alt text सुझाव, focus order, ARIA लेबल्स। फीचर के उद्देश्य और उपयोगकर्ता संदर्भ के अपने ज्ञान के आधार पर समायोजित करें।

अधिक संगत परिणामों के लिए, एक कस्टम /accessibility-check Skill बनाएं जो आपके संगठन की विशिष्ट एक्सेसिबिलिटी आवश्यकताओं को एन्कोड करे (जो मानक WCAG से अधिक हो सकती हैं)। आपके skill में शामिल हो सकता है: "हमारा न्यूनतम फॉन्ट साइज़ 14px है (WCAG के 12px नहीं)," या "सभी इंटरैक्टिव एलिमेंट्स में हमारे ब्रांड ब्लू आउटलाइन का उपयोग करते हुए एक दृश्य focus indicator होना चाहिए।"

📬 इससे फायदा मिल रहा है?

सप्ताह में एक कार्यशील AI इनसाइट। साथ ही सब्सक्राइब करने पर एक मुफ्त प्रॉम्प्ट पैक।

मुफ्त सब्सक्राइब करें →

अक्सर पूछे जाने वाले प्रश्न

क्या AI-जेनरेटेड a11y स्पेक एक्सेसिबिलिटी टेस्टिंग की जगह ले लेता है?

नहीं — AI-जेनरेटेड स्पेक्स एक शुरुआती बिंदु हैं, अंतिम ऑडिट नहीं। वास्तविक एक्सेसिबिलिटी टेस्टिंग के लिए स्क्रीन रीडर टेस्टिंग (VoiceOver, NVDA), कीबोर्ड नेवीगेशन टेस्टिंग, और आदर्श रूप से विकलांग लोगों के साथ यूजर टेस्टिंग की आवश्यकता होती है। एजेंट एनोटेशन संभालता है; इंसान वैलिडेशन संभालते हैं। स्पेक डॉक्यूमेंटेशन लेयर है; टेस्टिंग वेरिफिकेशन लेयर है।

एजेंट कौन सा WCAG लेवल चेक करता है?

कंट्रास्ट चेक्स WCAG AA (सामान्य टेक्स्ट के लिए 4.5:1 रेशियो, बड़े टेक्स्ट के लिए 3:1) और AAA (7:1 रेशियो) दोनों को सपोर्ट करते हैं। अपने प्रॉम्प्ट या Skill में अपना टारगेट लेवल निर्दिष्ट करें। अधिकांश संगठन AA को टारगेट करते हैं; AAA सरकारी और हेल्थकेयर एप्लीकेशन्स के लिए सुझाया जाता है।

क्या मैं अपने संगठन के लिए एक कस्टम एक्सेसिबिलिटी Skill बना सकता हूं?

हां — और आपको करना चाहिए अगर आपके संगठन की मानक WCAG से अधिक आवश्यकताएं हैं। कई कंपनियों के पास ब्रांड-विशिष्ट एक्सेसिबिलिटी गाइडलाइन्स होती हैं: ब्रांड रंगों के लिए उच्च कंट्रास्ट रेशियो, विशिष्ट न्यूनतम फॉन्ट साइज़, आवश्यक focus indicator स्टाइल्स, और WCAG न्यूनतम से अधिक टच टारगेट साइज़। इन्हें एक कस्टम Skill में एन्कोड करें ताकि एजेंट आपके विशिष्ट मानकों को स्वचालित रूप से चेक करे।

AI का alt text कितना सटीक है?

मध्यम — एजेंट इमेज में जो दृश्य रूप से पहचानता है उसका वर्णन करता है। लेकिन अच्छे alt text के लिए संदर्भ में इमेज के उद्देश्य को समझना आवश्यक है। एक सजावटी हीरो इमेज को एक सूचनात्मक चार्ट से अलग alt text (या कोई नहीं) की जरूरत होती है। एक प्रोडक्ट फोटो को वर्णनात्मक टेक्स्ट की जरूरत होती है; सजावटी बैकग्राउंड को नहीं। हमेशा उपयोगकर्ता अनुभव में इमेज की भूमिका के आधार पर AI-जेनरेटेड alt text की समीक्षा और सुधार करें।

क्या यह मौजूदा डिज़ाइन्स पर काम करता है या केवल नए पर?

दोनों पर — और रेट्रोएक्टिव चेक्स सबसे अधिक मूल्यवान उपयोग केस हो सकते हैं। एजेंट को किसी भी मौजूदा फ्रेम पर पॉइंट करें और एक्सेसिबिलिटी रिव्यू के लिए कहें। यह जो पहले से मौजूद है उसका विश्लेषण करता है और एनोटेशन्स जेनरेट करता है। यह उन स्क्रीन्स के ऑडिट के लिए विशेष रूप से शक्तिशाली है जो आपकी टीम द्वारा एक्सेसिबिलिटी मानकों को अपनाने से पहले डिज़ाइन की गई थीं, एक त्वरित बेसलाइन असेसमेंट प्रदान करता है जो सुधार की प्राथमिकताओं का मार्गदर्शन करता है।

डिस्क्लेमर: इस लेख में कुछ लिंक्स एफिलिएट लिंक्स हैं। हम केवल उन टूल्स की सिफारिश करते हैं जिन्हें हमने व्यक्तिगत रूप से टेस्ट किया है और नियमित रूप से उपयोग करते हैं। हमारी पूर्ण डिस्क्लेमर पॉलिसी देखें।