דוח תיקונים

דוח תיקוני נגישות

אנחנו בודקים את האתר שלכם מול WCAG 2.2 ברמות A ו-AA בדפדפן אמיתי, עוברים על המסלול המרכזי שלו באמצעות המקלדת בלבד (בחנות, עד כפתור המעבר לקופה) ונותנים לצוות הפיתוח את השינוי לכל חסם, שנבנה מתוך ה-markup שלכם.

  • עד 25 עמודים נבדקים
  • בדיקת מסלול במקלדת
  • 5 בדיקות חוזרות כלולות

מה אנחנו בודקים

  • כללי WCAG 2.2 ברמות A ו-AA

    בדיקות axe-core אוטומטיות בעמודים המרכזיים ובעד 20 עמודים נוספים ממפת האתר: טקסט חלופי, ניגודיות צבעים, שמות לכפתורים ולקישורים, תוויות בטפסים, כותרות, אזורי ציון דרך (landmarks) ו-ARIA.

  • בדיקת מסלול במקלדת

    במקלדת בלבד: בחנות, מדף הבית אל מוצר, אפשרויות, הוספה לעגלה ועגלת הקניות, עם עצירה בכפתור המעבר לקופה; באתרים אחרים, מדף הבית אל העמוד המרכזי, אל הקריאה לפעולה המרכזית שלו ואל שדות הטופס שלו. שום דבר לא נשלח, אף פעם.

  • מלכודות פוקוס ופוקוס גלוי

    האם הפוקוס נתקע, למשל בבאנר עוגיות, והאם המבקרים יכולים לראות איפה הוא נמצא.

  • התאמת תוכן בטלפון ברוחב 320 px

    האם העמודים דורשים גלילה רוחבית בטלפון קטן (WCAG 1.4.10).

  • מפת הטענות של מכתב דרישה

    אם מדביקים מכתב, כל טענה מותאמת למה שהבדיקות שלנו שחזרו, עם מספר המופעים בכל עמוד.

  • פריטים לבדיקה אנושית

    מה שהבדיקות מסמנות אבל לא יכולות להכריע בו, כמו טקסט על גבי תמונות, עם הסבר איך לבדוק כל פריט.

מה מקבלים

  • רשימה לפי סדר עדיפויות: לתקן קודם, לתקן אחר כך, לשפר
  • קוד לפני ואחרי שנבנה מכל רכיב שנכשל
  • שלבים ל-Shopify, ל-WordPress, ל-WooCommerce או לפלטפורמה שזיהינו
  • הנחיית AI מוכנה לכל ממצא
  • צילומי מסך שבהם הרכיב שנכשל מסומן
  • טיוטה של הצהרת נגישות ויומן ראיות
  • 5 בדיקות חוזרות לאישור התיקונים, וקובץ PDF

איך הדוח נוצר

  1. 1

    חמשת העמודים מהסריקה החינמית, ועוד עד 20 עמודים ממפת האתר, נטענים ב-Chromium ונבדקים עם axe-core.

  2. 2

    סשן דפדפן נפרד עובר על המסלול המרכזי באתר באמצעות המקלדת בלבד ומתעד כל שלב, עם צילום מסך היכן שמשהו נכשל.

  3. 3

    לכל כשל נכתב תיקון לפלטפורמה שלכם, ואז הדוח מורכב ונשלח אליכם בדוא״ל.

ממצאים מהדוח לדוגמה

פלט אמיתי עבור Harbor & Pine, חנות בדיונית שבנינו עם בעיות נפוצות.

לפתיחת הדוח לדוגמה המלא
  • Critical

    @axe/button-name/help{"$en":"Buttons must have discernible text"}

    @axe/button-name/help{"$en":"Buttons must have discernible text"}: the failing element outlined in red

    41 instances on 9 pages. WCAG 4.1.2 requires every control to have a name. Unnamed buttons often include quantity steppers, close buttons and slider arrows.

    Fix: Add visible text, visually hidden text, or an aria-label that says what the button does (for example {a} or {b}).{"a":"aria-label=\"Close\"","b":"aria-label=\"Increase quantity\""}

  • Critical

    @axe/image-alt/help{"$en":"Images must have alternative text"}

    @axe/image-alt/help{"$en":"Images must have alternative text"}: the failing element outlined in red

    22 instances on 7 pages. WCAG 1.1.1 requires a text alternative for meaningful images. Without it, a screen reader user can't tell which product a photo shows.

    Fix: Describe what matters to a shopper: product name, color and the angle shown (for example 'Canvas tote in olive, front view').

  • Critical

    @axe/label/help{"$en":"Form elements must have labels"}

    @axe/label/help{"$en":"Form elements must have labels"}: the failing element outlined in red

    7 instances on 6 pages. WCAG 1.3.1, 3.3.2 and 4.1.2 require form fields to have labels. Newsletter sign-up and search fields are common offenders.

    Fix: Placeholder text alone does not count as a label.

מה הדוח לא מכסה

  • פלט של קוראי מסך, כתוביות ותיאור קולי (מצורפת רשימת בדיקה ידנית)
  • קופה, תשלום ושליחת טפסים
  • עמודים שמאחורי התחברות
  • ייעוץ משפטי, או תעודה על עמידה בדרישות ADA או EAA

שאלות על הדוח

האם זו ביקורת WCAG מלאה?

זוהי ביקורת אוטומטית בתוספת בדיקת מסלול במקלדת. בדיקות אוטומטיות מוצאות רק חלק מבעיות ה-WCAG באתר, ולכן הדוח מפרט גם מה דורש בדיקה אנושית ואיך לבצע אותה.

האם זה עוזר במקרה של מכתב דרישה לפי ADA?

אם מדביקים את המכתב, הדוח מראה אילו טענות הבדיקות שלנו משחזרות באתר שלכם, עם ראיות. זהו תיעוד עובדתי, לא ייעוץ משפטי; על המכתב עצמו כדאי להתייעץ עם עורך דין.

לאילו פלטפורמות מתאים הקוד?

התיקונים נכתבים לפלטפורמה שזיהינו: תבניות Shopify, WordPress ו-WooCommerce, Webflow, BigCommerce, Wix, Squarespace, פריימוורקים כמו Next.js, או HTML פשוט. כשאיננו יכולים לראות את קוד המקור שלכם, מיקומי הקבצים ניתנים כרמזים.

מה הן 5 הבדיקות החוזרות?

אחרי שצוות הפיתוח מבצע שינויים, אפשר להריץ שוב את אותן בדיקות מתוך הדוח, עד חמש פעמים, ולראות אילו בעיות כבר לא משוחזרות.

לסרוק את האתר עוד היום

למצוא. לתקן. לאמת.

איזה סוג אתר זה?

התשובה שלכם בוחרת את הבדיקות המתאימות, כמו מסלול הקנייה בחנויות מקוונות. אנחנו עדיין בודקים את הראיות של האתר עצמו ומציגים את שניהם.

איזה סוג אתר זה?

סריקה חינמית. אין צורך בכרטיס אשראי.