فوکوس صفحه کلید هرگز نباید در یک عنصر صفحه خاص قفل یا محبوس شود. کاربران باید بتوانند تنها با استفاده از صفحه کلید به و از همه عناصر صفحه پیمایش کنند.
نحوه تست دستی
برای آزمایش اینکه کاربران شما نمی توانند به طور تصادفی تمرکز خود را به دام بیاندازند، فقط با استفاده از صفحه کلید به همه عناصر صفحه پیمایش کنید. از TAB برای پیمایش "به جلو" و SHIFT + TAB برای پیمایش "به عقب" استفاده کنید.
اگر نمی‌توانید همه عناصر صفحه را با موفقیت مرور کنید، در این صورت در آزمون شکست خورده‌اید. هنگام آزمایش، به ویژه به ویجت های تکمیل خودکار توجه کنید، جایی که ممکن است فوکوس صفحه کلید گیر کند.
چگونه رفع کنیم
صفحاتی که محتوا را در قالب‌های مختلف ارائه می‌کنند، مانند دیالوگ‌های مدال و ویجت‌ها، در معرض خطر تله‌های تمرکز هستند. در مورد نمایش مدال، زمانی که نمی خواهید کاربر با بقیه صفحه تعامل داشته باشد، منطقی است که کاربر را به طور موقت به دام بیندازید.
اما شما باید سعی کنید یک روش قابل دسترسی با صفحه کلید برای فرار از حالت مدال نیز ارائه دهید. این مثال را در مورد نحوه ایجاد یک مدال در دسترس بررسی کنید. همچنین Modals and Keyboard Traps را ببینید. در این مثال، شما رفتارهای مورد نظر یک مودال را دریافت می‌کنید، بدون اینکه کاربر را مجبور کنید صفحه را به‌روزرسانی کند تا از تله فوکوس خارج شود.
چرا این مهم است
برای کاربرانی که نمی‌توانند یا ترجیح می‌دهند از ماوس استفاده نکنند، ناوبری صفحه‌کلید ابزار اصلی دسترسی به همه چیز روی صفحه است. تجارب خوب کیبورد به ترتیب زبانه های منطقی و سبک های فوکوس به راحتی قابل تشخیص بستگی دارد. اگر کاربر صفحه کلید در یک عنصر صفحه خاص به دام بیفتد، هیچ راهی برای تعامل با صفحه ندارد.
در نحوه انجام بررسی قابلیت دسترسی بیشتر بیاموزید.
منابع
کد منبع برای تمرکز کاربر به طور تصادفی در یک ممیزی منطقه به دام نمی افتد