عناصر تعاملی مانند پیوندها و دکمه ها باید وضعیت خود را نشان دهند و از عناصر غیر تعاملی قابل تشخیص باشند. برای بررسی اینکه آیا عناصر تعاملی هدف و وضعیت آنها را نشان می‌دهند، هم از تست تصویری و هم از تست صفحه‌خوان استفاده کنید.
نحوه تست فوکوس بصری به صورت دستی
برای آزمایش دستی فوکوس بصری، TAB از طریق صفحه خود انجام دهید.
- آیا می توانید به هر عنصر تعاملی تب کنید؟
- وقتی به یک عنصر تعاملی می رسید، آیا سرنخ بصری وجود دارد که کاربران بتوانند با آن تعامل داشته باشند؟
- آیا با انتخاب هر عنصر تعاملی ظاهر آن تغییر می کند؟
راه های زیادی برای استایل دادن به نشانگرهای فوکوس برای هر عنصر تعاملی وجود دارد. یک راه مطمئن استفاده از :focus است. شبه کلاس :focus به شما امکان می دهد یک سبک یکنواخت را به یک عنصر اعمال کنید. این سبک هر زمانی که عنصر فوکوس شود، صرف نظر از دستگاه ورودی یا روشی که برای تمرکز آن استفاده می‌شود، اعمال می‌شود.
در فوکوس سبک بیشتر بیاموزید.
نحوه تست دستی با صفحه خوان
با استفاده از یک صفحه خوان، صفحه خود را پیمایش کنید و بررسی کنید که صفحه خوان قادر است نام هر کنترل تعاملی، نقش آن کنترل و وضعیت تعاملی فعلی را اعلام کند. اگر نقش یک عنصر نامشخص است، و وضعیت عنصر نامشخص است، ممکن است لازم باشد نقش‌های ARIA مناسب را اضافه کنید. در کنترل های سفارشی دارای نقش های ARIA بیشتر بدانید.
همچنین مهم است که به نحوه برچسب گذاری عناصر تعاملی توجه کنید. کاربران صفحه‌خوان و سایر فناوری‌های کمکی برای درک زمینه آن عنصر به برچسب‌ها تکیه می‌کنند. برچسب‌های مبهم رایج هستند و برای پیمایش محتوا مفید نیستند. نحوه بهبود برچسب‌ها و جایگزین‌های نوشتاری را بیاموزید.
چرا این مهم است
ارائه نکات بصری در مورد آنچه که یک کنترل انجام می دهد به افراد کمک می کند تا در سایت شما کار کرده و مسیریابی کنند. به این نکات مقرون به صرفه می گویند. ارائه مقرون به صرفه این امکان را برای افراد فراهم می کند که از سایت شما در دستگاه های مختلف استفاده کنند.