hasadna / hasadna/reportit-user
Chat area: add aria-live labels [2h]
Open
accessibility
- Dominant language
- TypeScript
- Stars
- 1
- Forks
- 1
- PR merge metrics
- No merged PRs in 30d
Description
כאשר משתמש בקורא מסך מגיע לאזור להזנת נתונים ומוצג לו טקסט עם השאלה שעליה הוא צריך לענות, השאלה צריכה להיות מוקראת
שיטות מקובלות להנגשת רכיבי צ'ט הם שימוש ב:
-
- aria-live regions בכדי לספק למשתמש בקורא מסך התראות על שינויים דינאמיים בשיח עם הבוט
- חשוב להקפיד על שימוש נכון ב aria-live=”polite בכדי למנוע הפרעות בזמן שמשתמש בקורא מסך מקליד
-
אם השאלה כוללת פקדים למענה כגון בחירת אפשרות שליחה לדוא"ל או למספר טלפון, אז מומלץ שמוקד המקלדת ינחת על הפקד הראשון – למשל כפתור שלח בדוא"ל ואת נוסח ההודעה ניתן יהיה לקשר באמצעות aria-describedby. המשתמש יוכל לעבור באמצעות ניווט מקלדת לפקדים הבאים ככל שישנם. - לכפתור ה"שלח" יש להוסיף תווית כך שתזוהה לקורא מסך
- בכל פעם שתופיע הודעה מהמערכת, המשתמש יקבל התראה והיא תוקרא
ARIA19: Using ARIA role=alert or Live Regions to Identify Errors
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.