يتم إخفاء المحتوى خارج الشاشة عن التكنولوجيا المساعِدة.

تأكد من أن الأجزاء ذات الصلة فقط من الصفحة تظهر لبرامج قراءة الشاشة والتقنيات المساعدة الأخرى. على سبيل المثال، يجب إخفاء المحتوى الموجود خارج الشاشة أو مجرد عرض تقديمي عن التقنيات المساعدة.

كيفية إجراء الاختبار يدويًا

للتأكد من أن المحتوى خارج الشاشة مخفي، تحتاج إلى اختبار هذا المحتوى يدويًا باستخدام قارئ الشاشة. - لمستخدمي Mac، يُرجى الاطّلاع على هذا الفيديو حول استخدام 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>

راجِع أيضًا الضبط الصحيح لمستوى ظهور المحتوى خارج الشاشة.

المراجِع

رمز المصدر لمحتوى خارج الشاشة مخفي عن استخدام التكنولوجيا المساعِدة