Chat area: add aria-live labels [2h]

[noamoss]

כאשר משתמש בקורא מסך מגיע לאזור להזנת נתונים ומוצג לו טקסט עם השאלה שעליה הוא צריך לענות, השאלה צריכה להיות מוקראת שיטות מקובלות להנגשת רכיבי צ'ט הם שימוש ב:

1. • aria-live regions בכדי לספק למשתמש בקורא מסך התראות על שינויים דינאמיים בשיח עם הבוט
   • חשוב להקפיד על שימוש נכון ב aria-live=”polite בכדי למנוע הפרעות בזמן שמשתמש בקורא מסך מקליד
2. אם השאלה כוללת פקדים למענה כגון בחירת אפשרות שליחה לדוא"ל או למספר טלפון, אז מומלץ שמוקד המקלדת ינחת על הפקד הראשון – למשל כפתור שלח בדוא"ל ואת נוסח ההודעה ניתן יהיה לקשר באמצעות aria-describedby. המשתמש יוכל לעבור באמצעות ניווט מקלדת לפקדים הבאים ככל שישנם.
3. לכפתור ה"שלח" יש להוסיף תווית כך שתזוהה לקורא מסך
4. בכל פעם שתופיע הודעה מהמערכת, המשתמש יקבל התראה והיא תוקרא

ARIA19: Using ARIA role=alert or Live Regions to Identify Errors

ARIA live regions - Accessibility | MDN

How To Make Live Chat Accessible - Maxability

[noamoss]

@akariv please check if my TE makes sense.