شاخص موفقیت ۲.۴.۱۲ – ظاهر فوکوس (بهبود یافته)

«ظاهر فوکوس (بهبود یافته)» مستلزم آن است که نشانگر‌های فوکوس در هنگام فعال بودن به‌وضوح قابل تشخیص باشند.

توضیحات

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

در جایی که از نشانگر فوکوس برای نمایش عنصری که فوکوس بر رویش قرار دارد استفاده می‌شود، نشانگر باید به‌وضوح قابل مشاهده و قابل تشخیص باشد. این فراتر از چیزی است که در شاخص ۲.۴.۱۱ پیشنهاد شده تا کنتراست مورد نیاز را افزایش و حداقل ناحیه نشانگر را گسترش دهد.

روش صحیح انطباق با شاخص موفقیت «ظاهر فوکوس (بهبود یافته)»

وقتی فوکوس صفحه‌کلید بر روی یک عنصر قرار می‌گیرد:

  • بین ناحیه فوکوس و غیر فوکوس، حداقل نسبت کنتراست رنگ، ۴.۵:۱ برقرار است؛
  • عنصرِ درونِ محدوده فوکوس، مخفی نیست؛ و
  • نشانگر فوکوس، محدوده‌ای معادل حداقل ۲ پیکسل CSS را اشغال می‌کند.

نکته‌ها

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

همچنین می توانید رنگ پس زمینه کل عنصر را در فوکوس تغییر دهید.

اگر نگران اندازه پیکسل هستید، احتمالاً نشانگر شما به اندازه کافی واضح نیست – سادگی نشانگر را در دستور کار قرار دهید.

بهتر است لینک‌های زیر را ببینید: 

پدیدآورندگان:

مترجم: امید هاشمی
ویراستار فنی: آرتا مکبری
ویراستار فنی دوم: حسین شرفی

error: اجازه کپی محتوا وجود ندارد