«ظاهر فوکوس (بهبود یافته)» مستلزم آن است که نشانگرهای فوکوس در هنگام فعال بودن به‌وضوح قابل تشخیص باشند.
توضیحات
نشانگرهای فوکوس به کاربران کمک می‌کنند تا دریابند فوکوس در حال حاضر بر روی کدام عنصر در صفحه قرار دارد؛ این نشانگرها به‌ویژه برای افرادی با اختلالات بینایی، حافظه یا حرکتی مفید هستند.
در جایی که از نشانگر فوکوس برای نمایش عنصری که فوکوس بر رویش قرار دارد استفاده می‌شود، نشانگر باید به‌وضوح قابل مشاهده و قابل تشخیص باشد. این فراتر از چیزی است که در شاخص ۲.۴.۱۱ پیشنهاد شده تا کنتراست مورد نیاز را افزایش و حداقل ناحیه نشانگر را گسترش دهد.
روش صحیح انطباق با شاخص موفقیت «ظاهر فوکوس (بهبود یافته)»
وقتی فوکوس صفحه‌کلید بر روی یک عنصر قرار می‌گیرد:
- بین ناحیه فوکوس و غیر فوکوس، حداقل نسبت کنتراست رنگ، ۴.۵:۱ برقرار است؛
- عنصرِ درونِ محدوده فوکوس، مخفی نیست؛ و
- نشانگر فوکوس، محدوده‌ای معادل حداقل ۲ پیکسل CSS را اشغال می‌کند.
نکته‌ها
ممکن است بدیهی به‌نظر برسد اما وجود یک حاشیه ضخیم و تیره به دور عنصری که فوکوس بر روی آن قرار دارد معمولاً کار را راه می‌اندازد. البته قطعاً مگر اینکه وب‌سایت، پس‌زمینه‌ای تیره داشته باشد.
همچنین می توانید رنگ پس زمینه کل عنصر را در فوکوس تغییر دهید.
اگر نگران اندازه پیکسل هستید، احتمالاً نشانگر شما به اندازه کافی واضح نیست – سادگی نشانگر را در دستور کار قرار دهید.
بهتر است لینک‌های زیر را ببینید:
- شرح شاخص موفقیت در کنسرسیوم وب: Focus Appearance Enhanced 2.4.12 – Level AAA ↗
- ارائهٔ ویدئویی: چطور محصولات فراگیر را آمادهٔ استفادهٔ افرادی با ناتوانی کم‌بینایی و کوررنگی کنیم؟ ↗
- شاخص موفقیت ۱.۴.۱۱ – کنتراست بخش‌های غیرمتنی
- شاخص موفقیت ۲.۴.۷ – فوکوسِ قابل مشاهده
- شاخص موفقیت ۲.۴.۱۱ – حداقل‌های ظاهر فوکوس
پدیدآورندگان:
مترجم: امید هاشمی
ویراستار فنی: آرتا مکبری
ویراستار فنی دوم: حسین شرفی