فاطمة العمودي 🌻 | UI/UX Designer
فاطمة العمودي 🌻 | UI/UX Designer

@AlamoudiBy

4 تغريدة Apr 02, 2023
اليوم الحادي عشر من فعالية تصميم الواجهات وتجربة المستخدم 🌙🚀:
لازم تتأكد ان تصميمك محقق لشروط Web Content Accessibility Guidelines (WCAG). في هذا التصميم، شيكت على نسبة التباين بين لون الخط ولون الخلفية.
من الملاحظ ان التصميم اللي على اليسار لم يحقق مستوى AA او AAA لان الخط يعتبر صعب للقراءة بسبب لونه. التصميم اللي على اليسار حقق المستوين السابقين بسبب اني غمقت اللون فزاد نسبة التباين بين لون الخلفية ولون الخط.
هنا الصورة موضحة طريقة التشيك على الصورة اللي على اليسار باستخدام Plug-in موجود في figma اسمه stark. للمستوى AA و AAA نسبة معينة لازم تجاوزها على الأقل بالنسبة للخط العادي والخط الكبير حتى يحقق شروط WCAG كما في الصورة.
وهنا طريقة التشيك على صورة اللي على اليمين.
هل بتشيكوا نسبة التباين في تصاميمكم ولا تعتمدوا على النظر فقط؟

جاري تحميل الاقتراحات...