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