תוכן שלא מופיע במסך מוסתר מפני טכנולוגיה מסייעת

מוודאים שרק חלקים רלוונטיים של הדף חשופים לקוראי מסך ולטכנולוגיות עזר אחרות. לדוגמה, תוכן שמחוץ למסך צריך להיות מוסתר מטכנולוגיות מסייעות.

איך בודקים באופן ידני

כדי לבדוק שהתוכן שמחוץ למסך מוסתר, צריך לבדוק באמצעות קוראי מסך.

מקישים על המקש TAB כדי לדפדף בדף. קורא המסך לא אמור להקריא תוכן מוסתר.

איך לתקן

כדי להסתיר את התוכן שלא מופיע במסך, מסירים מסדר הכרטיסיות את הרכיב שמכיל את התוכן הזה על ידי הגדרתו ל-display: none או ל-visibility: hidden.

לדוגמה:

.remove-me {
  visibility: hidden;
}

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

כדאי לעיין גם במאמר הגדרה נכונה של חשיפה של תוכן שלא מוצג במסך.

משאבים

קוד המקור של תוכן שלא מוצג במסך מוסתר מביקורת טכנולוגיה מסייעת