تصميم Figma إضافة إمكانية الوصول
اكتشف مشكلات إمكانية الوصول قبل كتابة أي سطر من الكود. حدّد طبقة في Figma واحصل فورًا على فحوصات لتباين الألوان وحجم الهدف وفق WCAG، دون رفع أي ملفات ودون الحاجة إلى رمز API.
تباين الألوان
حسابات تباين WCAG AA/AAA مع دمج الشفافية (alpha-compositing) للتعبئات شبه الشفافة. يتتبّع الإطارات الأصل لتحديد الخلفية الفعلية، باستخدام نفس المعادلة التي يستخدمها ماسح الويب.
حجم الهدف (WCAG 2.5.8)
يُبرز العناصر التفاعلية (أي العُقد التي تحتوي على تفاعل نقر أو لمس في النموذج الأولي) التي تقل عن الحد الأدنى 24×24 بكسل.
غير متوفرة بعد على متجر Figma Community. الإضافة تعمل بالكامل، لكن لم يتم نشر قائمة لها في المتجر بعد. ثبّتها من المصدر باتباع الخطوات أدناه في هذه الأثناء.
التثبيت من المصدر
- 1
تنزيل المصدر
استنسخ مستودع AccessiSight (أو نزّل مجلد packages/figma-plugin) إلى جهازك.
- 2
افتح قائمة تطوير الإضافات في Figma
في تطبيق Figma لسطح المكتب، انتقل إلى Menu → Plugins → Development → Import plugin from manifest…
- 3
حدّد ملف manifest
اختر ملف manifest.json الموجود داخل مجلد packages/figma-plugin الذي نزّلته.
- 4
شغّلها على تحديد ما
حدّد أي طبقة نصية أو تفاعلية (أو عدة طبقات) في ملفك، ثم شغّل AccessiSight من Plugins → Development. تظهر المشكلات فورًا مع تغيّر تحديدك.
الأسئلة الشائعة حول إضافة Figma
هل تريد الفحوصات نفسها على موقع ويب حي؟
أجرِ فحصًا كاملاً (أو زحفًا لموقع كامل) باستخدام تطبيق الويب الكامل.
افحص موقعًا إلكترونيًا