תוכן נגיש שנוצר על ידי AI

• אל תשתמשו ב-content כדי להעביר טקסט משמעותי (תוויות, מצב, הוראות) – שמרו את זה ב-DOM ‏ (WCAG F87). הטיעון של הטקסט החלופי הוא הפחתת נזקים במקרים שבהם העיטור נושא משמעות בטעות, ולא רישיון.
• כדי לספק טקסט חלופי לקוראי מסך, משתמשים בארגומנט הטקסט החלופי של content. לדוגמה, content: url(cloud.svg) / "Save";
• כדי למנוע מקוראי מסך להקריא טקסט שהוא רק דקורטיבי, משתמשים ב-content: "text" / "";.
• אל תשתמשו בארגומנט ריק של טקסט חלופי לתמונות – הן כבר מוגדרות כרכיב תצוגה כברירת מחדל. לדוגמה, זה לא נכון: content: url(cloud.svg) / "";.
• אל תשתמשו בארגומנט הטקסט החלופי כדי לתאר אמוג'י, אלא אם התיאור שונה מהשם הרשמי של האמוג'י. לדוגמה, אל תשתמשו ב-content: "🎉" / "celebration";, אבל content: "🎉" / "Yay!"; זה בסדר.

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

HTML:

<button class="save">Save</button>

‫CSS:

button.save::before {
  content: url(cloud.svg) / "Save";
}

קורא מסך יקריא את זה בתור "שמירה שמירה".