# בעיות הנגישות שאנחנו בודקים כל עמוד מסביר בעיה אחת שהבדיקות האוטומטיות שלנו מוצאות: מה היא אומרת, לאיזה קריטריון WCAG היא קשורה, איך מתקנים אותה בכל אתר, ב-Shopify וב-WooCommerce, ואיך בודקים את התיקון. ## בעיות נגישות - [אסור שאלמנט סמוי של ARIA יכיל אלמנטים בני מיקוד](https://www.fixreports.com/he/issues/aria-hidden-focus): WCAG 4.1.2 · רמה ⁨A⁩. רכיבים שאפשר להעביר אליהם מיקוד מוסתרים מקוראי מסך, אבל עדיין אפשר להגיע אליהם במקלדת. (מאפיינים ותפקידים של ARIA) - [יש להשתמש בתכונה autocomplete באופן נכון](https://www.fixreports.com/he/issues/autocomplete-valid): WCAG 1.3.5 · רמה ⁨AA⁩. שדה טופס משתמש בערך autocomplete שדפדפנים לא מזהים. (שדות טופס בלי תוויות) - [לחצנים מוכרחים להיות עם טקסט מובן](https://www.fixreports.com/he/issues/button-name): WCAG 4.1.2 · רמה ⁨A⁩. לחלק מהכפתורים אין שם נגיש, ולכן משתמשי קוראי מסך שומעים רק 'לחצן'. (קישורים וכפתורים בלי שם) - [לאלמנטים צריך להיות ניגוד צבעים מספק](https://www.fixreports.com/he/issues/color-contrast): WCAG 1.4.3 · רמה ⁨AA⁩. חלק מהטקסט לא בולט מספיק מהרקע שלו כדי שאנשים עם ראייה ירודה יוכלו לקרוא אותו. (ניגודיות צבעים נמוכה) - [מסמכים מוכרחים להיות עם אלמנט כדי לסייע בניווט](https://www.fixreports.com/he/issues/document-title): WCAG 2.4.2 · רמה ⁨A⁩. לעמוד אין כותרת (title), ולכן משתמשים לא יכולים לדעת באיזה עמוד הם נמצאים. (כותרות עמוד) - [ID בשימוש ב-ARIA ובתוויות מוכרח להיות ייחודי](https://www.fixreports.com/he/issues/duplicate-id-aria): WCAG 4.1.2 · רמה ⁨A⁩. כמה רכיבים חולקים id שמשמש לתווית או לתיאור, ולכן טכנולוגיות מסייעות עלולות להקריא תווית שגויה. (מאפיינים ותפקידים של ARIA) - [מסגרות מוכרחות להיות עם שמות נגישים](https://www.fixreports.com/he/issues/frame-title): WCAG 4.1.2 · רמה ⁨A⁩. למסגרת מוטמעת (לרוב מפה, סרטון או וידג׳ט של אפליקציה) אין title, ולכן משתמשי קוראי מסך לא יודעים מה יש בה. (מבנה העמוד, כותרות ואזורי ציון דרך) - [הדרגות של הכותרות צריכות לגדול רק באחת](https://www.fixreports.com/he/issues/heading-order): שיטה מומלצת בנגישות. רמות הכותרות מדלגות (למשל מ-H2 ל-H4), וזה הופך את מבנה העמוד למבלבל עבור משתמשי קוראי מסך. (מבנה העמוד, כותרות ואזורי ציון דרך) - [אלמנט <html> מוכרח להיות עם תכונת lang](https://www.fixreports.com/he/issues/html-has-lang): WCAG 3.1.1 · רמה ⁨A⁩. העמוד לא מצהיר על השפה שלו, ולכן קוראי מסך עלולים להקריא אותו בהגייה שגויה. (שפת העמוד) - [אלמנט <html> מוכרח להיות עם ערך תקין לתכונה lang](https://www.fixreports.com/he/issues/html-lang-valid): WCAG 3.1.1 · רמה ⁨A⁩. קוד השפה של העמוד אינו תקין, ולכן קוראי מסך לא יכולים לבחור את הקול הנכון. (שפת העמוד) - [תמונות מוכרחות להיות עם טקסט חלופי](https://www.fixreports.com/he/issues/image-alt): WCAG 1.1.1 · רמה ⁨A⁩. לתמונות חסר טקסט חלופי, ולכן משתמשי קוראי מסך לא יודעים מה הן מציגות. (תמונות בלי טקסט חלופי) - [לחצני קלט מוכרחים להיות עם טקסט מובן](https://www.fixreports.com/he/issues/input-button-name): WCAG 4.1.2 · רמה ⁨A⁩. לכפתור input אין טקסט, ולכן קוראי מסך לא יכולים לומר מה הוא עושה. (שדות טופס בלי תוויות) - [לחצני תמונה מוכרחים להיות עם טקסט חלופי](https://www.fixreports.com/he/issues/input-image-alt): WCAG 1.1.1, 4.1.2 · רמה ⁨A⁩. לכפתור תמונה אין טקסט חלופי, ולכן קוראי מסך לא יכולים לומר מה הוא עושה. (תמונות בלי טקסט חלופי) - [אלמנטים של טופס מוכרחים להיות עם תוויות](https://www.fixreports.com/he/issues/label): WCAG 4.1.2 · רמה ⁨A⁩. לחלק משדות הטופס אין תווית, ולכן משתמשי קוראי מסך לא יודעים מה להזין. (שדות טופס בלי תוויות) - [במסמך צריך להיות ציון דרך ראשי אחד](https://www.fixreports.com/he/issues/landmark-one-main): שיטה מומלצת בנגישות. אין בעמוד אזור ציון דרך מסוג main, ולכן משתמשי קוראי מסך לא יכולים לקפוץ ישר לתוכן. (מבנה העמוד, כותרות ואזורי ציון דרך) - [על קישורים להיות נבדלים מבלי להסתמך על צבע](https://www.fixreports.com/he/issues/link-in-text-block): WCAG 1.4.1 · רמה ⁨A⁩. קישורים בתוך פסקאות מובחנים רק לפי צבע, ולכן אנשים שלא רואים את הבדל הצבע מפספסים אותם. (ניגודיות צבעים נמוכה) - [קישורים מוכרחים להיות עם טקסט מובן](https://www.fixreports.com/he/issues/link-name): WCAG 2.4.4, 4.1.2 · רמה ⁨A⁩. לחלק מהקישורים אין טקסט שקורא מסך יכול להקריא, לרוב קישורים שהם אייקון בלבד, כמו אייקונים של רשתות חברתיות או אייקון העגלה. (קישורים וכפתורים בלי שם) - [אין לבטל את הפונקציות של הגדלת המסך וטקסט](https://www.fixreports.com/he/issues/meta-viewport): WCAG 1.4.4 · רמה ⁨AA⁩. העמוד חוסם הגדלה בצביטה בנייד. (הגדלה והתאמת תוכן (Reflow)) - [העמוד אמור להכיל כותרת רמה אחת](https://www.fixreports.com/he/issues/page-has-heading-one): שיטה מומלצת בנגישות. אין בעמוד כותרת ברמה העליונה. (מבנה העמוד, כותרות ואזורי ציון דרך) - [כל תוכן העמוד צריך להיות בתוך ציוני דרך](https://www.fixreports.com/he/issues/region): שיטה מומלצת בנגישות. חלק מהתוכן לא נמצא בתוך אזור ציון דרך (landmark) של העמוד (header, nav, main או footer). (מבנה העמוד, כותרות ואזורי ציון דרך) - [אלמנטים של [role='img'] עם תפקיד של תמונה חייבים להיות עם טקסט חלופי](https://www.fixreports.com/he/issues/role-img-alt): WCAG 1.1.1 · רמה ⁨A⁩. לרכיב שמוצג כתמונה אין טקסט חלופי. (תמונות בלי טקסט חלופי) - [אזורי גלילה מוכרחים להיות עם נגישות של מקלדת](https://www.fixreports.com/he/issues/scrollable-region-focusable): WCAG 2.1.1 · רמה ⁨A⁩. אי אפשר להגיע במקלדת לאזור גלילה, ולכן משתמשי מקלדת לא יכולים לגלול אותו. (גישה במקלדת ומיקוד) - [לאלמנט הנבחר צריך להיות שם נגיש](https://www.fixreports.com/he/issues/select-name): WCAG 4.1.2 · רמה ⁨A⁩. לתפריט נפתח (לרוב בורר מיון או וריאציה) אין תווית. (שדות טופס בלי תוויות) - [אלמנטים של <svg> עם תפקיד של תמונה חייבים להיות עם טקסט חלופי](https://www.fixreports.com/he/issues/svg-img-alt): WCAG 1.1.1 · רמה ⁨A⁩. לתמונת SVG שמעבירה מידע אין טקסט חלופי. (תמונות בלי טקסט חלופי) - [על כל מטרות המגע להיות בגודל 24px או להשאיר מספיק מרווח](https://www.fixreports.com/he/issues/target-size): WCAG 2.5.8 · רמה ⁨AA⁩. חלק ממטרות הלחיצה קטנות מ-24 על 24 פיקסלים וקרובות מדי זו לזו, ולכן קשה ללחוץ עליהן בטלפון. (גישה במקלדת ומיקוד)