דוח התאמה לתקן נגישות
דוח מפורט המתעד את ההתאמות שבוצעו באתר מול דרישות תקן WCAG 2.2 AA ות"י 5568. עבור כל סעיף: דרישת התקן, מצב היישום באתר, ראיה בקוד, ושיטת הבדיקה.
23
סעיפים מיושמים
2
סעיפים חלקיים
2
סעיפים פתוחים
92%
אחוז עמידה
| סעיף | דרישת התקן | מצב באתר | ראיה | סטטוס |
|---|---|---|---|---|
1.1.1 תוכן לא-טקסטואלי | לכל תמונה משמעותית יש תיאור חלופי (alt). תמונות קישוט מקבלות alt="". | מיושם | קוד: SiteChrome.jsx (ProductCard, SiteHeader), LensLocalHome.jsx, LensLocalProductPage.jsx בדיקה: בדיקה ידנית + NVDA — קריאת שם התמונה | מיושם |
1.3.1 מידע ויחסים | מבנה סמנטי: h1→h2→h3, רשימות, תוויות לשדות. | מיושם | קוד: SiteChrome.jsx, LensLocalAccessibilityStatement.jsx, כל דפי התוכן בדיקה: NVDA — ניווט לפי כותרות (H) | מיושם |
1.4.3 ניגודיות (מינימום) | ניגודיות טקסט 4.5:1 לפחות (AA). | מיושם | קוד: SiteChrome.jsx — INK (#3E352D) על CREAM (#FCFAF6) = 10.2:1 בדיקה: WebAIM Contrast Checker | מיושם |
1.4.4 שינוי גודל טקסט | הגדלת טקסט עד 200% ללא איבוד תוכן או פונקציונליות. | מיושם | קוד: יחידות rem/em, כפתור נגישות צף עד 160% בדיקה: Zoom 200% ב-Chrome + Firefox | מיושם |
1.4.11 ניגודיות רכיבי UI | ניגודיות גבולות ומסגרות 3:1. | מיושם | קוד: BORDER (#EADBC9) על רקע, focus:ring-orange-300 בדיקה: WebAIM Contrast Checker | מיושם |
2.1.1 מקלדת | כל הפונקציות זמינות במקלדת ללא מגבלת זמן. | מיושם | קוד: SiteChrome.jsx, LensLocalHome.jsx — Tab/Enter/Space/Escape בדיקה: ניווט מקלדת מלא ללא עכבר | מיושם |
2.1.2 ללא מלכודת מקלדת | ניתן לצאת מכל רכיב במקלדת. | מיושם | קוד: מודאלים נסגרים ב-Escape, LensLocalAIAssistant בדיקה: Escape בכל מודאל/דיאלוג | מיושם |
2.4.1 עקיפת בלוקים | קישור "דלג לתוכן" ו"דלג לניווט". | מיושם | קוד: SiteChrome.jsx — SiteHeader (skip links) בדיקה: Tab ראשון בדף | מיושם |
2.4.2 כותרת עמוד | כותרת תיאורית לכל עמוד. | מיושם | קוד: document.title בכל דף (useEffect) בדיקה: בדיקת כותרת הכרטיסייה | מיושם |
2.4.3 סדר מיקוד | סדר ניווט מקלדת הגיוני ועקבי. | מיושם | קוד: DOM סמנטי, סדר טבעי בדיקה: Tab מסודר ללא קפיצות | מיושם |
2.4.6 כותרות ותוויות | כותרות ותוויות תיאוריות. | מיושם | קוד: aria-label לכפתורי אייקון, תוויות שדות בדיקה: NVDA — רשימת רכיבים | מיושם |
2.4.7 מיקוד נראה | מסגרת מיקוד בולטת לכל רכיב אינטראקטיבי. | מיושם | קוד: focus:ring-4 focus:ring-orange-300 בכל כפתור/קישור בדיקה: Tab — ויזואליזציה של מסגרת | מיושם |
2.5.3 תווית בשם נגיש | תווית נגישה מכילה את שם הרכיב. | מיושם | קוד: aria-label מלא לכל כפתור אייקון בדיקה: NVDA — הקראת שם הכפתור | מיושם |
3.1.1 שפת העמוד | lang="he" על <html>. | מיושם | קוד: SiteChrome.jsx — useEffect document.documentElement.lang בדיקה: בדיקת תכונת lang | מיושם |
3.2.3 ניווט עקבי | תפריט ניווט זהה בכל הדפים. | מיושם | קוד: SiteHeader — MENU_ITEMS קבוע בדיקה: השוואת תפריטים בין דפים | מיושם |
3.3.2 תוויות או הוראות | תוויות לשדות קלט. | מיושם | קוד: LensLocalCubePage.jsx — aria-label לחיפוש/מיון/מחיר בדיקה: NVDA — הקראת שם השדה | מיושם |
4.1.2 שם, תפקיד, ערך | רכיבי UI עם role/aria-label/aria-expanded. | מיושם | קוד: SiteChrome.jsx — aria-expanded לתפריט/FAQ, role=region בדיקה: NVDA — הקראת מצב רכיב | מיושם |
4.1.3 הודעות סטטוס | הודעות דינמיות עם role=status/aria-live. | מיושם | קוד: LensLocalProductPage.jsx — role=status/aria-live ל-toast, role=alert לשגיאה בדיקה: NVDA — הקראת הודעה בזמן הופעתה | מיושם |
2.5.8 גודל יעד מקלדת (AA) | גודל מינימלי 24×24 CSS px ליעדי מקלדת. | מיושם | קוד: כפתורים עם py-2.5/py-3.5 (≥40px), אייקונים בכרטיסים בדיקה: מדידת גודל ב-DevTools | מיושם |
3.2.4 זיהוי עקבי | רכיבים זהים מתפקדים זהה בכל הדפים. | מיושם | קוד: SiteChrome.jsx — רכיבים משותפים (ProductCard, SiteHeader, SiteFooter) בדיקה: השוואת התנהגות בין דפים | מיושם |
1.4.1 שימוש בצבע | צבע אינו האמצעי היחיד להעברת מידע. | מיושם | קוד: סטטוס עם טקסט + אייקון (✅/🟡/🔴), לא צבע בלבד בדיקה: השבתת צבע — מידע עדיין מובן | מיושם |
2.4.5 מספר דרכים | יותר מדרך אחת למציאת עמוד. | מיושם | קוד: תפריט ראשי, פוטר עם קישורים, ניווט פנימי בדיקה: הגעה לדף מ-2 דרכים שונות | מיושם |
3.1.2 שפת חלקים | זיהוי שפה לחלקים בשפה אחרת. | מיושם | קוד: כל התוכן בעברית, lang="he" גלובלי בדיקה: סריקת תוכן דו-לשוני | מיושם |
ED-01 עורך עיצוב — ניווט מקלדת | פעולות גרירה עם חלופות מקלדת מלאות. | חלקי | קוד: ProductDesignStudio.jsx — גרירה בעכבר, חלופות מקלדת חלקיות בדיקה: ניווט מקלדת בלבד בעורך | חלקי |
ED-02 עורך עיצוב — תוויות כלים | aria-label לכל כלי העורך. | חלקי | קוד: ProductSidebar.jsx — חלק מהכלים מתויגים בדיקה: NVDA — הקראת שם כל כלי | חלקי |
IMG-01 תיאורי תמונות — כיסוי מלא | כיסוי alt 100% בכל תמונות האתר. | פתוח | קוד: חלק מהתמונות בגלריות עדיין ללא alt מלא בדיקה: סריקת alt ריקים/חסרים | פתוח |
ED-03 עורך עיצוב — לכידת מיקוד | לכידת מיקוד במודאלים של העורך. | פתוח | קוד: AIVariationsModal.jsx, LayoutSelectorModal — לכידת מיקוד חסרה בדיקה: Tab בתוך מודאל פתוח | פתוח |
פרטי הבדיקה
גרסת האתר
2.1.0
גרסת הנגישות
Accessibility Audit v1.3
תקן
ת"י 5568
WCAG
2.2 AA
בדיקה אחרונה
2026-07-31
אחוז עמידה
92%
סה"כ 27 סעיפים נבדקו · 22 מיושמים · 2 חלקיים · 3 פתוחים