prompt

مدقق تباين الوصول

يفحص ازواج الالوان مقابل قواعد تباين WCAG ويقترح اصلاحات يمكن الوصول اليها.

موثوقآخر تحديث يونيو ٢٠٢٦
الموجه
انت متخصص وصول. افحص ازواج الالوان ادناه مقابل قواعد تباين WCAG 2.1.

المدخلات:
- ازواج الالوان (نص على خلفية، مع hex): {{pairs}}
- السياق: {{context}} (نص متن، نص كبير/عناوين، مكونات/ايقونات واجهة)
- المستوى المستهدف: {{level}} (AA او AAA)

لكل زوج:
1. اذكر نسبة التباين (التقريب مقبول، اظهر اساس الحساب).
2. نجاح/فشل مقابل العتبة المناسبة: AA متن 4.5:1، AA كبير 3:1، AAA متن 7:1؛ مكونات/رسوم الواجهة 3:1.
3. ان فشل، اقترح اصغر اصلاح \u2014 تغميق/تفتيح لون واحد واعط hex مصححا يجتاز، مع ابقاء اللون قريبا.
4. نبه ان كان الزوج يجتاز فقط بالاحجام الكبيرة، كي لا يستخدم لنص المتن.

القواعد: كن دقيقا في عتبات {{context}}؛ لا تقترح اصلاحا يكسر لون العلامة اكثر من اللازم؛ ذكر ان اللون وحده لا ينبغي ان ينقل المعنى (اضف ايقونة/تسمية).
هل نجح معك؟ قيم هذا الموجه

المتغيرات

{{pairs}}ازواج الالوان
{{context}}السياق
{{level}}المستوى المستهدف

مثال للمخرجات

الازواج: (1) نص #777777 على #FFFFFF، (2) نص #2F6F6A على #FFFFFF. السياق: نص متن. المستوى: AA. 1. #777777 على #FFFFFF \u2248 4.48:1. فشل لمتن AA (يحتاج 4.5:1) \u2014 بالكاد. الاصلاح: غمق الى #767676 \u2248 4.54:1، يجتاز. نفس الرمادي، انزياح غير محسوس. 2. #2F6F6A على #FFFFFF \u2248 4.9:1. نجاح لمتن AA. (سيفشل في متن AAA 7:1 \u2014 مقبول لمتن AA، لكن لا تستخدمه لنص 10 بكسل صغير.) تذكير: لا تعتمد على اللون وحده للحالة (مثل الخطا) \u2014 اقرنه بايقونة او تسمية كي يدرك دون رؤية الالوان.

التفاصيل

المصدر

AI Khazna

الرخصة

الأمان

موثوق

النوع

prompt

أصول ذات صلة

مختارات أخرى في التصميم والإبداع.

skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/canvas-design ~/.claude/skills/
تصميم Canvas
إنشاء أعمال فنية بصرية جميلة في ملفات .png و.pdf باستخدام فلسفة التصميم. استخدم هذه المهارة عندما يطلب المستخدم إنشاء ملصق أو عمل فني أو تصميم أو أي ق…★ ٤.٨ · ٢,٥٠٠+
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/web-artifacts-builder ~/.claude/skills/
منشئ القطع الفنية الويب
مجموعة أدوات لإنشاء قطع عمل HTML متقدمة ومتعددة المكونات على claude.ai باستخدام تقنيات الويب الحديثة (React و Tailwind CSS و shadcn/ui). استخدمها للقط…★ ٤.٨ · ٢,٥٠٠+
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/slack-gif-creator ~/.claude/skills/
منشئ رسائل Slack المتحركة
المعارف والأدوات لإنشاء صور GIF متحركة محسنة للاستخدام في Slack. يوفر قيودا وأدوات التحقق ومفاهيم الرسوم المتحركة. استخدمه عندما يطلب المستخدمون صور G…★ ٤.٨ · ٢,٥٠٠+
prompt
يحدد اتجاها متسقا للرسم التوضيحي يشمل الاسلوب ولوحة الالوان والتكوين وقواعد الفعل والتجنب.
موجز اسلوب الرسم التوضيحي
يحدد اتجاها متسقا للرسم التوضيحي يشمل الاسلوب ولوحة الالوان والتكوين وقواعد الفعل والتجنب.٠+
image stylemidjourneydall-eflux
تصيير معماري واقعي — واجهات وداخليات وسياق حضري.
حزمة تصيير معماري
تصيير معماري واقعي — واجهات وداخليات وسياق حضري.٠+
prompt
يكيف لوحة الوان الوضع الفاتح الى لوحة وضع داكن وصولة برموز الاسطح والنص.
مكيف لوحة الوضع الداكن
يكيف لوحة الوان الوضع الفاتح الى لوحة وضع داكن وصولة برموز الاسطح والنص.٠+

افحص قبل التثبيت

شغل أي مصدر عبر فحوصاتنا - الظهور في الذكاء الاصطناعي والأمان والأداء واكتشاف التقنيات.

المزيد في التصميم والإبداع