ניגודיות צבעים: מדריך נגישות עבור חנויות איקומרס
הטקסט והרקע נמצאים מתחת ליחס 4.5:1 לטקסט רגיל (3:1 לטקסט גדול), ולכן משתמשים עם לקות ראייה אינם מצליחים לקרוא אותו.
לקריאת המדריךמדריכי נגישות אתרים של Rogabot
2,000 מדריכים מעשיים המשלבים 50 נושאי נגישות עם 40 קהלי יעד, כל אחד עם תיקוני קוד ודרך לביקורת ללא התקנה.
מוצגים 50 מדריכי נושא. לכל נושא יש 40 מהדורות לקהלי יעד.
עיון לפי נושא נגישות
ניגודיות רכיבי ממשק: מדריך נגישות עבור חנויות איקומרס
גבולות שדות, אייקונים וסימוני פוקוס חלשים מדי ביחס לסביבתם ולכן אינם נקלטים.
לקריאת המדריךטקסט חלופי לתמונות: מדריך נגישות עבור חנויות איקומרס
לתמונות מידעיות חסר טקסט חלופי או שהוא חסר משמעות, ולכן משתמשי קורא מסך אינם מקבלים מידע.
לקריאת המדריךנגישות מקלדת: מדריך נגישות עבור חנויות איקומרס
תפריטים, מחוונים ורכיבים מותאמים מגיבים רק לעכבר, וזה חוסם משתמשי מקלדת ומתגים בלבד.
לקריאת המדריךסימון פוקוס גלוי: מדריך נגישות עבור חנויות איקומרס
גיליונות הסגנון מסירים את מסגרת הפוקוס, ולכן משתמשי מקלדת אינם יודעים איזה רכיב פעיל.
לקריאת המדריךפוקוס שאינו מוסתר: מדריך נגישות עבור חנויות איקומרס
כותרות דביקות ובאנרים מכסים את הרכיב הממוקד בזמן שהמשתמש מנווט בלשונית.
לקריאת המדריךקישורי דילוג: מדריך נגישות עבור חנויות איקומרס
משתמשי מקלדת נאלצים לעבור בלשונית על כל הניווט בכל עמוד לפני שהם מגיעים לתוכן.
לקריאת המדריךמבנה כותרות: מדריך נגישות עבור חנויות איקומרס
רמות הכותרות מדלגות או מופיעות שלא בסדר, וזה פוגע במבנה העמוד שעליו נשענים משתמשי קורא מסך.
לקריאת המדריךתוויות טפסים והוראות: מדריך נגישות עבור חנויות איקומרס
שדות נשענים על placeholder בלבד, ולכן מטרת השדה נעלמת בהקלדה וטכנולוגיות עזר אינן מקבלות שם.
לקריאת המדריךזיהוי שגיאות: מדריך נגישות עבור חנויות איקומרס
שדות לא תקינים נצבעים באדום ללא טקסט, ולכן משתמשי עיוורון צבעים וקורא מסך מחמיצים את השגיאה.
לקריאת המדריךאימות נגיש: מדריך נגישות עבור חנויות איקומרס
ההתחברות נשענת על שינון או העתקת קודים ועל אתגרי CAPTCHA, מה שמוציא משתמשים עם מוגבלות קוגניטיבית.
לקריאת המדריךגודל יעד מינימלי: מדריך נגישות עבור חנויות איקומרס
קישורים וכפתורי אייקון זעירים קשים ללחיצה לאנשים עם רעד ובמסכי מגע.
לקריאת המדריךשמות ותפקידי ARIA: מדריך נגישות עבור חנויות איקומרס
לרכיבים מותאמים אין שם או תפקיד נגישים, או שנעשה ב-ARIA שימוש שגוי, ולכן טכנולוגיות עזר אינן מכריזות עליהם.
לקריאת המדריךאזורי ציון דרך (Landmarks): מדריך נגישות עבור חנויות איקומרס
בעמודים חסרים אזורי header, nav, main ו-footer, ולכן משתמשי קורא מסך אינם יכולים לקפוץ בין אזורים.
לקריאת המדריךהצהרת שפת העמוד: מדריך נגישות עבור חנויות איקומרס
לרכיב html אין מאפיין lang, ולכן קוראי מסך עלולים להקריא את התוכן בקול הלא נכון.
לקריאת המדריךכותרות עמוד תיאוריות: מדריך נגישות עבור חנויות איקומרס
עמודים רבים חולקים כותרת כללית, ולכן המשתמשים אינם יכולים להבדיל בין לשוניות והיסטוריה.
לקריאת המדריךמטרת הקישור: מדריך נגישות עבור חנויות איקומרס
קישורים כמו "לחצו כאן" או "קראו עוד" חסרי משמעות כשהם מוקראים מחוץ להקשר.
לקריאת המדריךכתוביות לווידאו: מדריך נגישות עבור חנויות איקומרס
לסרטונים מוקלטים אין כתוביות, ולכן משתמשים חירשים וכבדי שמיעה מפספסים את התוכן.
לקריאת המדריךתיאור קולי: מדריך נגישות עבור חנויות איקומרס
סרטונים מעבירים מידע ויזואלי חשוב שאינו מתואר בקול.
לקריאת המדריךהתאמה בצמצום ל-320 פיקסלים: מדריך נגישות עבור חנויות איקומרס
התוכן מכריח גלילה אופקית בהגדלה של 400 אחוז, וזה קשה למשתמשים עם ראייה לקויה.
לקריאת המדריךריווח והגדלת טקסט: מדריך נגישות עבור חנויות איקומרס
מכלים בגובה קבוע חותכים טקסט כשמשתמשים מגדילים ריווח שורות, אותיות או מילים.
לקריאת המדריךתמיכה בכיוון המסך: מדריך נגישות עבור חנויות איקומרס
העמוד ננעל לאורך או לרוחב, וזה חוסם משתמשים שמקבעים את המכשיר בכיוון אחד.
לקריאת המדריךניהול פוקוס בחלונות מודאליים: מדריך נגישות עבור חנויות איקומרס
פתיחת דיאלוג משאירה את הפוקוס מאחורי השכבה, וסגירתו מפילה את הפוקוס לראש העמוד.
לקריאת המדריךתפריטי ניווט נגישים: מדריך נגישות עבור חנויות איקומרס
תפריטים נפתחים רק במעבר עכבר ואי אפשר להגיע אליהם או לסגור אותם במקלדת.
לקריאת המדריךכותרות בטבלאות נתונים: מדריך נגישות עבור חנויות איקומרס
טבלאות נתונים משתמשות בתאים מעוצבים במקום בתאי כותרת, ולכן קוראי מסך אינם מקשרים ערכים לעמודות.
לקריאת המדריךהודעות סטטוס: מדריך נגישות עבור חנויות איקומרס
עדכוני עגלה והודעות הצלחה מופיעים ויזואלית אך אינם מוכרזים למשתמשי קורא מסך.
לקריאת המדריךמטרת שדה והשלמה אוטומטית: מדריך נגישות עבור חנויות איקומרס
בשדות מידע אישי חסרים ערכי autocomplete, ולכן משתמשים אינם יכולים למלא אותם אוטומטית.
לקריאת המדריךניווט עקבי: מדריך נגישות עבור חנויות איקומרס
קישורי הניווט משנים סדר בין עמודים ומאלצים את המשתמשים ללמוד את הפריסה מחדש בכל פעם.
לקריאת המדריךעזרה עקבית: מדריך נגישות עבור חנויות איקומרס
אפשרויות יצירת קשר ועזרה משנות מקום, ולכן משתמשים שזקוקים לתמיכה מתקשים למצוא אותה.
לקריאת המדריךהזנה כפולה: מדריך נגישות עבור חנויות איקומרס
טפסים רב-שלביים מבקשים מהמשתמשים להקליד שוב מידע שכבר מסרו.
לקריאת המדריךחלופות לגרירה: מדריך נגישות עבור חנויות איקומרס
מחוונים, רשימות ניתנות למיון והעלאות בגרירה דורשים גרירה ללא חלופה.
לקריאת המדריךביטול פעולת מצביע: מדריך נגישות עבור חנויות איקומרס
פעולות מופעלות בלחיצה כלפי מטה, ולכן החלקת אצבע מפעילה רכישות או מחיקות בלי אפשרות ביטול.
לקריאת המדריךהשהיית תנועה: מדריך נגישות עבור חנויות איקומרס
קרוסלות ואנימציות שמופעלות אוטומטית אינן ניתנות להשהיה, וזה מסיח ומבלבל משתמשים.
לקריאת המדריךללא מלכודת מקלדת: מדריך נגישות עבור חנויות איקומרס
רכיבים משובצים לוכדים את הפוקוס ואינם מאפשרים למשתמשי מקלדת לצאת מהם בלשונית.
לקריאת המדריךהתאמת זמן ההפעלה: מדריך נגישות עבור חנויות איקומרס
ההפעלה פוקעת ללא אזהרה ומאבדת נתוני טופס עבור משתמשים שזקוקים ליותר זמן.
לקריאת המדריךהבהובים מתחת לסף: מדריך נגישות עבור חנויות איקומרס
באנרים מונפשים מהבהבים יותר משלוש פעמים בשנייה, מה שעלול לגרום להתקפים.
לקריאת המדריךקרוסלות ומחוונים נגישים: מדריך נגישות עבור חנויות איקומרס
לבאנרים מתחלפים חסרים כפתורי שליטה ותוויות, ולכן משתמשי מקלדת וקורא מסך אינם יכולים לדפדף בהם.
לקריאת המדריךמסמכי PDF נגישים: מדריך נגישות עבור חנויות איקומרס
קובצי PDF להורדה הם סריקות ללא תגיות, ולכן קוראי מסך אינם יכולים לקרוא אותם.
לקריאת המדריךעמוד הצהרת נגישות: מדריך נגישות עבור חנויות איקומרס
באתר אין הצהרת נגישות או דרך פנייה למשתמשים שנתקלים במחסומים.
לקריאת המדריךסיכוני תוספי נגישות (Overlay): מדריך נגישות עבור חנויות איקומרס
סקריפט overlay בשורה אחת משווק כפתרון אך משאיר את הקוד, התוויות וזרימת המקלדת ללא שינוי.
לקריאת המדריךמוכנות לתביעות נגישות: מדריך נגישות עבור חנויות איקומרס
צוותים אינם יכולים להציג ראיות מתוארכות למה שנבדק ותוקן כשמגיע מכתב דרישה.
לקריאת המדריךניטור נגישות רציף: מדריך נגישות עבור חנויות איקומרס
ביקורת בודדת מתיישנת ברגע שיוצאות גרסאות חדשות, וריגרסיות נשארות בלתי מזוהות.
לקריאת המדריךתיקוני קוד למפתחים: מדריך נגישות עבור חנויות איקומרס
דוחות ביקורת מפרטים בעיות בפרוזה ומשאירים למהנדסים לנחש את השינוי המדויק.
לקריאת המדריךמניעת ריגרסיות נגישות ב-CI/CD: מדריך נגישות עבור חנויות איקומרס
תיקוני נגישות מבוטלים בקומיטים מאוחרים כי דבר אינו בודק אותם לפני השחרור.
לקריאת המדריךווידג׳טים וצד שלישי: מדריך נגישות עבור חנויות איקומרס
רכיבי צ׳אט, תשלום ומפה משובצים חסרים כותרת ותמיכת מקלדת, והספק שולט בקוד.
לקריאת המדריךבאנרי עוגיות נגישים: מדריך נגישות עבור חנויות איקומרס
באנרי הסכמה לוכדים פוקוס, מכסים תוכן או אינם ניתנים לסגירה במקלדת.
לקריאת המדריךבקרות חיפוש וסינון נגישות: מדריך נגישות עבור חנויות איקומרס
מסננים חיים מעדכנים תוצאות בשקט ולתיבות הסימון של המסננים אין תוויות קבוצה.
לקריאת המדריךתהליכי תשלום נגישים: מדריך נגישות עבור חנויות איקומרס
שלבי התשלום מסתירים שגיאות, מאפסים שדות ומשתמשים ברכיבי תשלום לא נגישים, וזה עולה בהזמנות שלא הושלמו.
לקריאת המדריךמחוות מצביע: מדריך נגישות עבור חנויות איקומרס
צביטה, החלקה ומחוות בכמה אצבעות הן הדרך היחידה לבצע פעולה.
לקריאת המדריךשמות נגישים לכפתורי אייקון: מדריך נגישות עבור חנויות איקומרס
לכפתורי אייקון בלבד אין טקסט, ולכן קורא מסך מכריז עליהם רק כ"כפתור".
לקריאת המדריך