בעיות נפוצות בהנגשת אתרים
הכרת הבעיה היא חצי מהפתרון
הבעיות הנפוצות ביותר
ניגודיות צבעים נמוכה
טקסט בהיר על רקע בהיר, או שילובי צבעים שלא עומדים ביחס 4.5:1. בעיה נפוצה במיוחד בכפתורים, לינקים וטקסט קטן. הפתרון: בדיקת ניגודיות עם כלי כמו WebAIM Contrast Checker.
תמונות בלי טקסט חלופי (alt)
תמונות ללא תיאור alt text — קוראי מסך לא יכולים להעביר את המידע למשתמש. כל תמונה שמעבירה תוכן חייבת alt תיאורי. תמונות דקורטיביות — alt ריק.
ניווט מקלדת שבור
תפריטים, כפתורים ואלמנטים אינטראקטיביים שלא ניתן להגיע אליהם עם Tab או להפעיל אותם עם Enter. נפוץ במיוחד בתפריטי המבורגר, מודלים ו-sliders.
טפסים ללא תוויות (labels)
שדות קלט שלא מחוברים ל-label — קורא המסך לא יודע לומר למשתמש מה צריך להזין. גם placeholder לא מספיק — צריך label מפורש או aria-label.
מבנה כותרות לא תקין
דילוג ברמות כותרות (מ-H1 ל-H3 בלי H2), שימוש בכותרות לצורך עיצוב במקום סמנטיקה, או כמה H1 באותו דף. מבלבל קוראי מסך ופוגע ב-SEO.
חוסר Focus Indicator
הסרת outline:none ב-CSS בלי לספק אלטרנטיבה. משתמשי מקלדת לא יכולים לדעת איזה אלמנט נמצא בפוקוס. פתרון: :focus-visible עם מסגרת ברורה.
סרטונים ללא כתוביות
תוכן וידאו בלי כתוביות או תמלול — חוסם גישה למשתמשים חירשים או כבדי שמיעה. גם ב-YouTube — צריך לוודא שהכתוביות מדויקות.
אתר לא רספונסיבי
אלמנטים שחורגים מהמסך, כפתורים קטנים מדי למגע, וטקסט שדורש זום ידני. נגישות כוללת גם התאמה לניידים — עם יעדי מגע של לפחות 44x44 פיקסלים.
רוצים לדעת אם יש בעיות באתר שלכם?
אנחנו בודקים ומתקנים — פנו אלינו לבדיקה חינמית