רכיבים אינטראקטיביים, כמו קישורים ולחצנים, צריכים לציין את המצב שלהם ולהבחין בין רכיבים לא אינטראקטיביים. כדי לבדוק שרכיבים אינטראקטיביים מציינים את המטרה והמצב שלהם, צריך להשתמש גם בבדיקה חזותית וגם בבדיקה של קורא מסך.
איך מבצעים בדיקה ידנית
כדאי לבדוק רכיבים אינטראקטיביים באופן חזותי ובעזרת קוראי מסך.
בדיקת המיקוד החזותי
כדי לבדוק באופן ידני את המיקוד החזותי, מקישים על Tab בדף.
- האם אפשר להקיש על Tab כדי לעבור לכל רכיב אינטראקטיבי?
- כשמגיעים לרכיב אינטראקטיבי, האם יש רמז חזותי לכך שמשתמשים יכולים לקיים איתו אינטראקציה?
- האם המראה של כל רכיב אינטראקטיבי משתנה כשבוחרים אותו?
יש הרבה דרכים לעצב את הסמנים של המיקוד לכל רכיב אינטראקטיבי.
אחת הדרכים היא לעצב את המחלקה המדומה :focus.
הסגנון הזה יוחל בכל פעם שהאלמנט ממוקד, בלי קשר למכשיר הקלט או לשיטת הקלט שבהם נעשה שימוש כדי להתמקד בו.
בדיקה באמצעות קוראי מסך
אפשר להשתמש בקורא מסך כדי לנווט בדף ולבדוק שקורא המסך מכריז את השם של כל פקד אינטראקטיבי, התפקיד של הפקד והמצב האינטראקטיבי הנוכחי. אם התפקיד של רכיב מסוים לא ברור, וגם המצב שלו לא ברור, יכול להיות שתצטרכו להוסיף את תפקידי ה-ARIA המתאימים.
מידע נוסף זמין במאמר לאמצעי בקרה בהתאמה אישית יש תפקידים ב-ARIA.
חשוב גם לשים לב לאופן שבו רכיבים אינטראקטיביים מתויגים. משתמשים בקוראי מסך ובטכנולוגיות מסייעות אחרות מסתמכים על תוויות כדי להבין את ההקשר של האלמנט הזה. תוויות מעורפלות הן נפוצות, והן לא עוזרות לנווט בתוכן. איך משפרים תוויות וטקסט חלופי
למה זה חשוב
הצגת רמזים חזותיים לגבי הפעולה של אמצעי הבקרה יכולה לעזור לאנשים להשתמש באתר ולנווט בו. הרמזים האלה נקראים עלויות. התכונות האלה מאפשרות לאנשים להשתמש באתר שלכם במגוון רחב של מכשירים.
משאבים
בדיקה של קוד המקור של אלמנטים אינטראקטיביים שמציינים את המטרה והמצב שלהם