כפתורים וקישורים

  • כפתורים, קישורים ובכלל זה גם  אייקונים או תמונות קישורים צריכים להיות מזוהים לטכנולוגיות מסייעות.
  • טכנולוגיות מסייעות יודעות לזהות כפתורים וקישורים, כך שניתן להגיע אליהם ולזהות אותם באמצעות טכנולוגיות מסייעות כגון תוכנות קוראות מסך, ניווט מקלדת ואמצעי עזר נוספים המשמשים לניווט. כאשר קישורים הכוללים טקסט ברור ומוגדרים  עם href  וכפתורים מוגדרים כ Button
  • גם כפתורים וקישורים המוגדרים כ div או span אינם מזוהים  לטכנולוגיות מסייעות
  • ניתן להגדיר קישורים וכפתורים סטנדרטיים
  • או לחלופין להשתמש בטכניקות ARIA מתאימות כגון aria-label  או role=link  או role=button
  • במידה והכפתור או הקישור כוללים טקסט, יש לוודא עמידה ביחס ניגוד מינימום בין צבע טקסט לצבע רקע של 1:4.5 בטקסט רגיל ו 1:3 בטקסט מודגש 14 נקודות ומעלה או טקסט לא מודגש ב 18 נקודות ומעלה
  • כאשר קישורים מופיעים בגוף הטקסט בסמוך לטקסט, יש לוודא שהקישור מובחן מהטקסט או על ידי שינוי צבע הקישור או קו תחתון תחת הקישור. אם צבע הקישור שונה, צריך להגדיר יחס ניגוד מינימום של 1:3 בין צבע הטקסט של הקישור לצבע הטקסט בפסקה. הרעיון הוא שהקישורים יהיו מזוהים כקישורים מבלי שיהיה צורך לחפש אותם בריחוף עכבר
  • לוודא שניתן להגיע לכפתורים ולקישורים באמצעות ניווט מקלדת בלבד ובהתאם לסדר בו מוצגים על גבי המסך ו/או בהתאם לסדר הנדרש לביצוע פעולות
  • בכל פעם שמגיעים לכפתור או קישור, יש לוודא שהוא מקבל אפקט ויזואלי שונה שיבחין אותו משאר האלמנטים שאינם במוקד המקלדת.
הפניות
%d בלוגרים אהבו את זה: