کنترل های تعاملی سفارشی باید قابل تمرکز باشند. اگر از جاوا اسکریپت برای تبدیل <div > به یک کشویی فانتزی استفاده می کنید، به طور خودکار در ترتیب برگه ها درج نمی شود. باید به صورت دستی بررسی کنید که همه کنترل های سفارشی قابل فوکوس روی صفحه کلید هستند. همچنین به اصول دسترسی به صفحه کلید مراجعه کنید.
نحوه تست دستی
برای آزمایش اینکه کنترل سفارشی قابل فوکوس است، کلید TAB فشار دهید تا در سایت پیمایش کنید:
آیا می توانید به تمام کنترل های تعاملی موجود در صفحه دسترسی پیدا کنید؟ اگر نه، ممکن است لازم باشد tabindex برای بهبود تمرکز پذیری آن کنترل ها استفاده کنید. همچنین به کنترل فوکوس با tabindex مراجعه کنید.
چگونه رفع کنیم
برای اینکه کنترل سفارشی قابل تمرکز باشد، عنصر کنترل سفارشی را با استفاده از tabindex="0" در ترتیب برگه طبیعی قرار دهید. مثلا:
<div tabindex="0">Focus me with the TAB key</div>
چرا این مهم است
برای کاربرانی که نمی‌توانند یا ترجیح می‌دهند از ماوس استفاده نکنند، ناوبری صفحه‌کلید ابزار اصلی دسترسی به همه چیز روی صفحه است. تجارب خوب کیبورد به ترتیب زبانه های منطقی و سبک های فوکوس به راحتی قابل تشخیص بستگی دارد. اگر کاربر صفحه کلید نتواند آنچه را که فوکوس شده است ببیند، راهی برای تعامل با صفحه ندارد.
در نحوه انجام بررسی قابلیت دسترسی بیشتر بیاموزید.