הזנת קוד אימות במספר שדות טקסט

  • באופן כללי חווית המשתמש הזו פחות מומלצת. מומלץ להגדיר שדה אחד להזנת קוד האימות.

במידה שמתעקשים על חוויית משתמש שבה יש להזין כל ספרה בשדה נפרד:

  • מיקום הסמן בשדה הראשון להזנת הספרה הראשונה של הקוד
  • בכל הזנת ספרה, מיד לאחר הזנתה
  • הפוקוס יעבור אוטומטית לשדה הבא
  • כל שדה יקבל את התווית "הזן ספרה 1 מתוך 4"
  • בכל שדה, התווית למשתמשי תוכנות קוראות מסך תהייה "הזן ספרה 2 מתוך 4
  • בסיום הזנת כל ספרות הקוד, יש להגדיר הודעת ARIA: alert role שתיקרא "טוען"
  • ניתן לבדוק את המימוש הנכון ביותר או עם מפרט aria-busy או עם מפרט ARIA: progressbar role
  • בסיום הזנת ארבעת ספרות הקוד
  • פוקוס המקלדת יגיע לכפתור המשך
  • כפתור ה"המשך" יהיה כפתור סטנדרטי
  • בכל שלב, יש לאפשר ניווט מקלדת עם מקשי החיצים ומקש ה TAB בין הפקדים האינטראקטיביים באופן סדור ובהתאם להופעת המרכיבים על גבי המסך
  • לוודא תמיד עמידה ביחס ניגוד מינימום ובאפקט ויזואלי שונה למרכיבים אינטראקטיביים במוקד המקלדת

הפניות

 

%d בלוגרים אהבו את זה: