הגדרת התוסף לנגיש

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

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

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

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

<div role="toolbar" tabindex="0" aria-activedescendant="button1">
  <img src="buttoncut.png" role="button" alt="cut" id="button1">
  <img src="buttoncopy.png" role="button" alt="copy" id="button2">
  <img src="buttonpaste.png" role="button" alt="paste" id="button3">
</div>

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

<div tabindex="0">I can receive focus with the tab key.</div>

הוראות להטמעת הטכניקות האלה ועוד זמינות במאמר נגישות לתמיכה.