hasadna / hasadna/reportit-user

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

Open
#56 1 comment 0 reactions 1 assignee Claimed by @akariv View on GitHub
accessibility
Dominant language
TypeScript
Stars
1
Forks
1
PR merge metrics
No merged PRs in 30d

Description


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




    • aria-live regions בכדי לספק למשתמש בקורא מסך התראות על שינויים דינאמיים בשיח עם הבוט

    • חשוב להקפיד על שימוש נכון ב aria-live=”polite בכדי למנוע הפרעות בזמן שמשתמש בקורא מסך מקליד



  1. אם השאלה כוללת פקדים למענה כגון בחירת אפשרות שליחה לדוא"ל או למספר טלפון, אז מומלץ שמוקד המקלדת ינחת על הפקד הראשון – למשל כפתור שלח בדוא"ל ואת נוסח ההודעה ניתן יהיה לקשר באמצעות aria-describedby. המשתמש יוכל לעבור באמצעות ניווט מקלדת לפקדים הבאים ככל שישנם.

  2. לכפתור ה"שלח" יש להוסיף תווית כך שתזוהה לקורא מסך

  3. בכל פעם שתופיע הודעה מהמערכת, המשתמש יקבל התראה והיא תוקרא

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

ARIA live regions - Accessibility | MDN

How To Make Live Chat Accessible - Maxability

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.