נגישות: הוספת תכונות ARIA ליישומי רשת מותאמים אישית
זמן קריאה: 4 דקות
מאפייני ARIA מספקים מידע נוסף על הסמנטיקה של אלמנטים, עבור טכנולוגיות מסייעות כמו קוראי מסך. מומלץ להוסיף מאפייני ARIA לכל אלמנט או אפליקציה מותאמים אישית באתר.
מאפייני ARIA הם חשובים, כי הם מגדירים את הדרכים שבהן אפשר להנגיש אפליקציות ואלמנטים מותאמים אישית כשאין אפשרות לעשות זאת עם ה-HTML המקומי של האלמנט.
חשוב:
האפשרות הזו מיועדת למשתמשים שיש להם אפליקציות / אלמנטים משלהם, שדורשים מאפיינים ARIA. אם אין לכם כאלה באתר, אתם לא צריכים לערוך את מאפייני ה-ARIA.
הוספת מאפייני ARIA
לרוב האלמנטים ב-Editor כבר יש קידוד למאפייני ARIA. עם זאת, אם יצרתם אפליקציות מותאמות אישית, כדאי שתוסיפו מאפייני ARIA משלכם לצורכי הנגישות.
תראו לי איך להוסיף מאפיינים ב-Editor
תראו לי איך להוסיף מאפיינים ב-Editor X
אתם יכולים להוסיף את מאפייני ה-ARIA לאלמנטים הבאים:
אלמנט | מאפיינים |
---|---|
חלונית קופצת (Lightbox) | label |
טקסט | label, role [heading, status, alert], live, relevant, atomic, hidden, current, level |
תיבת קונטיינר | label, tabindex, role [region, group, none, status, alert], live, relevant, atomic, current, controls, hidden |
Strip (סטריפ) | label, tabindex, role [heading, status, alert], live, atomic, hidden, current |
רפיטר | label, role [heading, status, alert] |
כפתור טקסט | tabindex, pressed, expanded, haspopup |
אנחנו ממשיכים לעבוד על האפשרות להוסיף מאפייני ARIA לאלמנטים נוספים. צרו קשר אם יש לכם בקשות ספציפיות לגבי מאפייני ARIA.
עריכת מאפייני ARIA
אחרי הוספת מאפיינים לאפליקציות מותאמות, אתם יכולים לערוך ולעדכן אותם בכל זמן שתרצו עם אייקון הנגישות . האייקון הזה נוסף אוטומטית לאלמנטים שחיברתם למאפיינים.
כדי לערוך את המאפיין:
- בחרו את האלמנט / האפליקציה בבונה האתרים.
- בחרו באיייקון הנגישות .
- עברו עם העכבר מעל המאפיין הרלוונטי ובחרו באייקון הפעולות הנוספות .
- הקליקו על Edit.
- בצעו את השינויים הרלוונטיים ובחרו ב-Save (שמירה).
סוגים של מאפייני ARIA
שם המאפיין | קטגוריה | טוקנים |
---|---|---|
tabindex | 0, 1 - | |
role | token: according to definition in primitive | |
aria-level | int | |
aria-live | Live | token: polite, assertive |
aria-multiline | Description | true, false |
aria-multiselectable | Description | true, false |
aria-pressed | State | true, false |
aria-relevant | Live | token: all, additions, removals, text |
aria-activedescendant | Relationships | ID_REF |
aria-atomic | Live | true, false |
aria-autocomplete | Description | true, false |
aria-controls | Relationships | ID_REF |
aria-current | State | step, page, true, false |
aria-describedby | Relationships | ID_REF (space separated items) |
aria-expanded | true, false | |
aria-haspopup | Relationships | dialog, menu, true, false |
aria-hidden | true, false | |
aria-invalid | State | true, false |
aria-label | string | |
aria-labelledby | Relationships | ID_REF (space separated items) |
חשוב:
אתם יכולים לבטל את הגדרות הנגישות המתקדמות בכל רגע, ומאפייני ה-ARIA לא יימחקו.
זה עזר לך?
|