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

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

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

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

استخدِم مفتاح TAB للتنقّل بين عناصر صفحتك. يجب ألا يُعلِن قارئ الشاشة عن المحتوى المخفي.

كيفية حلّ المشكلة

لإخفاء المحتوى الذي لا يظهر على الشاشة، أزِل العنصر الذي يحتوي على هذا المحتوى من ترتيب علامات التبويب من خلال ضبطه على display: none أو visibility: hidden.

على سبيل المثال:

.remove-me {
  visibility: hidden;
}

<button class="remove-me">Can't reach me with the TAB key!</button>

اطّلِع أيضًا على ضبط مستوى رؤية المحتوى الذي لا يظهر على الشاشة بشكل صحيح.

الموارد

رمز المصدر للتدقيق في إخفاء المحتوى الذي لا يظهر على الشاشة من التكنولوجيا المساعِدة