הפקדים האינטראקטיביים המותאמים אישית צריכים להיות ניתנים למיקוד.
אם אתם משתמשים ב-JavaScript כדי להפוך תג <div> לתפריט נפתח מתקדם, הוא לא יתווסף באופן אוטומטי לסדר הכרטיסיות.
עליך לבדוק באופן ידני שכל הפקדים המותאמים אישית ניתנים למיקוד באמצעות המקלדת.
למידע נוסף, ראו יסודות הגישה למקלדת.
איך מבצעים בדיקה ידנית
כדי לבדוק אם ניתן להתמקד בחלק מהפקד בהתאמה אישית, לוחצים על המקש TAB כדי לנווט באתר:
האם אתם מצליחים להגיע לכל הפקדים האינטראקטיביים בדף?
אם לא, יכול להיות שצריך להשתמש בtabindex כדי לשפר את יכולת המיקוד של אמצעי הבקרה האלה.
למידע נוסף, ראו שליטה במיקוד באמצעות Tabindex.
איך פותרים את הבעיה
כדי שתהיה אפשרות להתמקד בפקד בהתאמה אישית, צריך להכניס את רכיב הבקרה בהתאמה אישית לסדר הכרטיסיות הטבעי באמצעות tabindex="0".
לדוגמה:
<div tabindex="0">Focus me with the TAB key</div>
למה זה חשוב
עבור משתמשים שלא יכולים או בוחרים שלא להשתמש בעכבר, ניווט באמצעות המקלדת הוא הדרך העיקרית להגיע לכל מה שמופיע במסך. חוויות מקלדת טובות תלויות בסדר לוגי של כרטיסיות ובסגנונות מיקוד שקל להבחין בהן. אם משתמש במקלדת לא יכול לראות את מה שנמצא במיקוד, אין לו דרך ליצור אינטראקציה עם הדף.
מידע נוסף זמין במאמר איך לבצע בדיקת נגישות.