בעיות נפוצות של נגישות בקרוסלות תמונות
| גיליון | תיאור | פְּגִיעָה |
|---|---|---|
| חוסר נגישות במקלדת | לא ניתן לנווט בפקדי הקרוסלה באמצעות המקלדת. | לא כולל משתמשים המסתמכים על ניווט באמצעות מקלדת. |
| חסר טקסט חלופי | לתמונות חסר טקסט חלופי תיאורי עבור קוראי מסך. | משתמשי קוראי מסך מפספסים תוכן קריטי. |
| בעיות בגלילה אוטומטית | קרוסלות גוללות אוטומטית ללא בקרת משתמש. | מסיח את דעתם או מבלבל את המשתמשים, במיוחד אלו עם ליקויים קוגניטיביים. |
מדריך שלב אחר שלב לקרוסלות נגישות
1. בחרו תוסף קרוסלה נגיש
בחר תוסף וורדפרס שנותן עדיפות לנגישות. האפשרויות המומלצות כוללות:
2. הוספת תפקידים ותכונות של ARIA
תפקידי ARIA משפרים את הנגישות של קרוסלות. כוללים תפקידים כגון:
הקודם הבא
3. כלול טקסט חלופי תיאורי
ודא שלכל תמונה בקרוסלה יש טקסט חלופי משמעותי:
4. הפעל ניווט באמצעות מקלדת
בדיקת ניווט באמצעות Tab מפתח. הוסף CSS עבור מחווני מיקוד:
כפתור:פוקוס { קו מתאר: 2 פיקסלים מוצק #005fcc; }
5. ספק פקדים לגלילה אוטומטית
אפשר למשתמשים להשהות או להשבית גלילה אוטומטית:
הַפסָקָה
בדיקת הקרוסלה שלך
- מקלדת: ניווט בכל האלמנטים באמצעות המקלדת בלבד.
- קוראי מסך: השתמש בכלים כמו NVDA או VoiceOver כדי לבדוק את הפונקציונליות של קורא המסך.
- כלי נגישות: בצע ביקורות באמצעות כלים כמו WAVE או Lighthouse.
מקרה בוחן: קרוסלה נגישה לאתר מסחר אלקטרוני
חנות מקוונת עדכנה את קרוסלת המוצרים שלה כך שתכלול תפקידי ARIA וניווט מקלדת. התוצאה הייתה עלייה של 20% במעורבות מצד משתמשים עם מוגבלויות ושיפור בציוני הנגישות באתר כולו.
שאלות נפוצות
מדוע קרוסלות תמונות לעיתים קרובות אינן נגישות?
חסרים להם בקרות ניווט, טקסט חלופי וניהול מיקוד תקינים, מה שמקשה על טכנולוגיות מסייעות לפרש אותם.
האם ניתן להנגיש קרוסלה קיימת?
כן, על ידי הוספת מאפייני ARIA, טקסט חלופי והבטחת פונקציונליות תקינה של המקלדת.
האם קרוסלות גלילה אוטומטית תואמות ל-WCAG?
רק אם הם מספקים פקדים למשתמשים להשהות או לעצור את הגלילה.
