اطمینان حاصل کنید که فقط بخش‌های مرتبط صفحه در معرض نمایشگرها و سایر فناوری‌های کمکی قرار می‌گیرد. به عنوان مثال، محتوایی که خارج از صفحه است باید از فناوری های کمکی پنهان شود.
نحوه تست دستی
برای بررسی پنهان بودن محتوای خارج از صفحه، باید با صفحه‌خوان‌های صفحه‌خوان تست کنید .
- برای کاربران مک، این ویدیوی استفاده از VoiceOver را ببینید.
- برای کاربران رایانه شخصی، این ویدیو را در مورد استفاده از NVDA مشاهده کنید.
- برای کاربران Chromebook، ChromeVox، صفحه‌خوان داخلی را بررسی کنید.
برای ورود به صفحه خود از کلید TAB استفاده کنید. صفحه خوان نباید محتوای مخفی را اعلام کند.
چگونه رفع کنیم
برای پنهان کردن محتوای خارج از صفحه، عنصر حاوی آن محتوا را از ترتیب برگه با تنظیم آن برای display: none یا visibility: hidden حذف کنید.
به عنوان مثال:
.remove-me {
visibility: hidden;
}
<button class="remove-me">Can't reach me with the TAB key!</button>
همچنین به تنظیم صحیح نمایان بودن محتوای خارج از صفحه نیز مراجعه کنید.