اطمینان حاصل کنید که فقط بخش‌های مرتبط صفحه در معرض نمایشگرها و سایر فناوری‌های کمکی قرار می‌گیرد. به عنوان مثال، محتوایی که خارج از صفحه نمایش است یا فقط ارائه می شود باید از فناوری های کمکی پنهان شود.
نحوه تست دستی
برای بررسی پنهان بودن محتوای خارج از صفحه، باید آن محتوا را با استفاده از یک صفحه خوان به صورت دستی آزمایش کنید. - برای کاربران مک، این ویدیو را در مورد استفاده از 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>
همچنین به تنظیم صحیح نمایان بودن محتوای خارج از صفحه نیز مراجعه کنید.