Figma डिज़ाइन एक्सेसिबिलिटी प्लगइन
कोड की एक भी लाइन लिखे जाने से पहले एक्सेसिबिलिटी इशूज़ पकड़ें। Figma में एक लेयर सिलेक्ट करें और तुरंत WCAG कंट्रास्ट और टारगेट-साइज़ चेक पाएं, बिना कुछ अपलोड किए और बिना किसी API टोकन के।
कलर कंट्रास्ट
सेमी-ट्रांसपेरेंट फिल्स के लिए अल्फा-कंपोज़िटिंग के साथ WCAG AA/AAA कंट्रास्ट मैथ। असली बैकग्राउंड पता करने के लिए यह पैरेंट फ्रेम्स तक ऊपर जाता है, और वही फॉर्मूला इस्तेमाल करता है जो वेब स्कैनर करता है।
टारगेट साइज़ (WCAG 2.5.8)
24×24px की न्यूनतम सीमा से कम इंटरैक्टिव एलिमेंट्स (यानी वे नोड्स जिनमें प्रोटोटाइप क्लिक या टैप रिएक्शन है) को फ्लैग करता है।
अभी Figma Community मार्केटप्लेस पर नहीं है। प्लगइन पूरी तरह काम करता है, लेकिन मार्केटप्लेस लिस्टिंग अभी पब्लिश नहीं हुई है। इस बीच नीचे दिए गए स्टेप्स का उपयोग करके इसे सोर्स से इंस्टॉल करें।
सोर्स से इंस्टॉल करें
- 1
सोर्स डाउनलोड करें
AccessiSight रिपॉजिटरी क्लोन करें (या packages/figma-plugin फोल्डर डाउनलोड करें) अपने कंप्यूटर पर।
- 2
Figma का प्लगइन डेवलपमेंट मेन्यू खोलें
Figma डेस्कटॉप ऐप में, Menu → Plugins → Development → Import plugin from manifest… पर जाएं।
- 3
मैनिफेस्ट सिलेक्ट करें
आपके डाउनलोड किए गए packages/figma-plugin फोल्डर के अंदर मौजूद manifest.json फाइल चुनें।
- 4
इसे किसी सिलेक्शन पर रन करें
अपनी फाइल में कोई भी टेक्स्ट या इंटरैक्टिव लेयर(स) सिलेक्ट करें, फिर Plugins → Development से AccessiSight रन करें। जैसे ही आप अपनी सिलेक्शन बदलते हैं, इशूज़ तुरंत दिखाई देते हैं।
Figma प्लगइन FAQ
यही जाँचें लाइव वेबसाइट पर चाहते हैं?
पूरे वेब ऐप के साथ एक फुल स्कैन चलाएं (या पूरी साइट क्रॉल करें)।
एक वेबसाइट स्कैन करें