- להגדיר לרכיב הפופאפ aria role מסוג alert-dialog או dialog
- עם פתיחת פופאפ, יש למנוע גישה לכל מה שנמצא מאחורי הפופאפ – כלומר, כל עוד הפופאפ פתוח מוקד המקלדת עם וללא קורא מסך יהיה ברכיב הפופאפ.
- יש לנעול את ה Tab כך שניתן יהיה לנווט באופן מעגלי בין השדות להזנת קלט ושאר הפקדים – כך שהפוקוס לא "יברח" לרכיבים מאחורי הפופאפ. נהוג למשל להגדיר את ה Tab order כ wrap ולוודא שניתן לנווט בין שדות הקלט ופקדי הטופס באמצעות מקש ה Tab
- הוספת שם ל alert dialog: ניתן לספק באמצעות aria-labelledby שיהיה מקושר לכותרת או לטקסט הראשון שמופיע בפופאפ. במידה ואין כותרת או טקסט בפופאפ אלא רק פקדים, אז יינתן שם לפופאפ באמצעות aria-label
- מוקד המקלדת צריך להתמקם על הפקד הראשון בפופאפ – כגון קישור הסגור שצריך לספק לו aria-label עם התווית סגור
- לאפשר ניווט מקלדת עם וללא קורא מסך בין כל הפקדים בפופאפ
- במידה ובדו השיח מופיע טופס כגון יצירת קשר, רכישה, הזמנה, הוספת לקוח חדש, עריכת לקוח קיים, תיבות בחירה מתוך רשימה וכו' – יש לוודא שלכל הפקדים יש תוויות טקסטואליות המקושרות לפקדים ובכך ניתנות לזיהוי על ידי תוכנה.
- אם בדו שיח יש אייקונים ניתן להגדיר להם תוויות עם aria-label.
- גם כאן יש לעמוד בדרישות מינימום לניגוד בין צבע טקסט לצבע רקע ובניראות מוקד המקלדת.
הפניות