تجربه کاربری

رنگ برند زیباست؛ اما متن روی آن خوانده می‌شود؟

انتخاب رنگ فقط موضوع سلیقه نیست. متن، دکمه و وضعیت فرم باید در شرایط مختلف قابل تشخیص باشند و تفاوت رنگ به تنهایی حامل اطلاعات مهم نباشد.

تحریریه وین وب۱۴۰۵/۰۷/۲۵ ۲ دقیقه مطالعه
رنگ برند زیباست؛ اما متن روی آن خوانده می‌شود؟

انتخاب رنگ فقط موضوع سلیقه نیست. متن، دکمه و وضعیت فرم باید در شرایط مختلف قابل تشخیص باشند و تفاوت رنگ به تنهایی حامل اطلاعات مهم نباشد.

نسبت کنتراست را بسنجید

برای سطح AA در معیار کنتراست WCAG، متن معمولی به نسبت حداقل ۴٫۵ به ۱ و متن درشت به ۳ به ۱ نیاز دارد. تعریف متن درشت و استثناهای معیار را در مرجع اصلی بررسی کنید. نتیجه ابزار، مربوط به جفت رنگ مشخص است؛ متن روی عکس یا گرادیان ممکن است در نقاط مختلف شرایط متفاوتی داشته باشد.

حالت‌های کنترل را کنار هم ببینید

دکمه عادی، هاور، فوکوس، غیرفعال و حالت خطا باید قابل تشخیص باشند. رنگی که روی زمینه تیره خوب دیده می‌شود، الزاماً روی کارت روشن مناسب نیست. اگر سایت چند تم دارد، هر تم را مستقل ارزیابی کنید و رنگ متن‌های کوچک را فراموش نکنید.

معنا را به رنگ محدود نکنید

فاکتور پرداخت‌شده باید برچسب متنی داشته باشد، نه فقط نقطه سبز. در فرم، محل خطا و روش اصلاح را توضیح دهید. استفاده از متن و آیکون مناسب در کنار رنگ، ابهام را برای افراد بیشتری کاهش می‌دهد.

  • رنگ متن‌های فرعی را هم اندازه بگیرید.
  • فوکوس صفحه‌کلید را روی همه زمینه‌ها بررسی کنید.
  • نمونه واقعی محتوا را به جای فقط پالت رنگ آزمون کنید.
درباره پروژه من

در ادامه بخوانید

دسترس‌پذیری سایت؛ استفاده راحت‌تر برای افراد بیشتر

دسترس‌پذیری سایت؛ استفاده راحت‌تر برای افراد بیشتر

دسترس‌پذیری به این معناست که افراد با شیوه‌ها و توانایی‌های مختلف بتوانند از سایت استفاده کنند. این موضوع فقط به یک گروه محدود مربوط نیست؛ صفحه‌کلید، نور محیط و بزرگ‌نمایی هم بر تجربه اثر می‌گذارند.

ادامه مطلب