חלונות פופאפ

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