harborandpine.example

סקירה כללית

18 בעיות, 6 לבדיקה ו7 הזדמנויות ב־6 תחומים ב־5 עמודים.

בעיות

18

לבדיקה

6

הזדמנויות

7

עבר

44

בעיות לפי עדיפות: 11 גבוהה, 5 בינונית, 1 נמוכה.

• בעיהלחצנים מוכרחים להיות עם טקסט מובןנגישות
• בעיהתמונות מוכרחות להיות עם טקסט חלופינגישות
• בעיהאלמנטים של טופס מוכרחים להיות עם תוויותנגישות
• בעיהלאלמנט הנבחר צריך להיות שם נגישנגישות
• בעיהקישורים מוכרחים להיות עם טקסט מובןנגישות
• בעיהלאלמנטים צריך להיות ניגוד צבעים מספקנגישות
• בעיהאי-עמידה ב-EN 301 549 9.1.1.1 (WCAG 1.1.1 Non-text Content)מוכנות ל-EAA
• בעיהאי-עמידה ב-EN 301 549 9.1.4.3 (WCAG 1.4.3 Contrast (Minimum))מוכנות ל-EAA
• בעיהאי-עמידה ב-EN 301 549 9.2.4.4 (WCAG 2.4.4 Link Purpose (In Context))מוכנות ל-EAA
• בעיהאי-עמידה ב-EN 301 549 9.4.1.2 (WCAG 4.1.2 Name, Role, Value)מוכנות ל-EAA
• בעיהמשאבים לא מאובטחים (HTTP) בעמודי HTTPSאבטחה
• בעיהאין מפת אתר XML תקינהSEO
• בעיהעמודים בלי תיאור מטאSEO
• בעיהעמודי מוצר בלי נתונים מובנים של מוצרSEO
• בעיהספריות JavaScript מיושנות עם חולשות ידועותאבטחה
• בעיהעוגיות בלי הדגל ⁨Secure⁩אבטחה
• בעיהתמונות בלי טקסט חלופיSEO
• לבדיקההתמונה הראשית מוגדרת לטעינה עצלה (lazy loading)מהירות
• לבדיקהתמונות גדולות מהנדרשמהירות
• לבדיקהפריטים שהבדיקות האוטומטיות לא הצליחו להכריע בהםמוכנות ל-EAA
• לבדיקהעוגיות שנראות כעוגיות סשן וסקריפטים יכולים לקרוא אותןאבטחה
• לבדיקהעמודים בלי קישור canonicalSEO
• הזדמנותאין ביקורות בעמוד המוצרהמרות
• הזדמנותחסרים קישורי מדיניות בכותרת התחתונההמרות
• הזדמנותאין בדף הבית נתונים מובנים מסוג ⁨Organization⁩ או ⁨WebSite⁩SEO
• הזדמנותחסרים תגי שיתוף ברשתות חברתיותSEO
• הזדמנותמעט תמונות מוצרהמרות
• הזדמנותאין חיפוש בחנותהמרות
• הזדמנותאין ⁨security.txt⁩אבטחה

מה הסריקה החינמית הזו כיסתה

הטענות במכתב מול מה שמצאנו

המכתב מפנה אל ⁨Title III⁩, ⁨Americans with Disabilities Act⁩. סכום שמוזכר: $12,500. השוואה עובדתית, לא ייעוץ משפטי.

• “Images lack alternative text, so product photos are not described.”

  תמונות בלי טקסט חלופי. 10 מופעים ב-3 מתוך 5 העמודים שנבדקו.

  שוחזר

• “Text has insufficient color contrast against its background, including sale badges and prices.”

  ניגודיות צבעים נמוכה. 16 מופעים ב-5 מתוך 5 העמודים שנבדקו.

  שוחזר

• “The website cannot be navigated using a keyboard alone.”

  גישה במקלדת ומיקוד. מיקוד המקלדת נתקע בבאנר העוגיות.

  שוחזר

• “Form fields do not have labels, including the newsletter sign-up and the quantity fields in the cart.”

  שדות טופס בלי תוויות. 4 מופעים ב-3 מתוך 5 העמודים שנבדקו.

  שוחזר

• “Product videos do not have captions.”

  כתוביות לווידאו ולשמע. סריקות אוטומטיות לא יכולות לשפוט כתוביות. יש לבדוק שלכל סרטון מוצר או מותג יש כתוביות מדויקות ותמלול.

  בדיקה ידנית

• “Our client is legally blind and uses screen reader software.”

  בעיות אחרות. זו טענה כללית. כדאי לבדוק את התהליכים המרכזיים (חיפוש, עמוד מוצר, הוספה לעגלה, קופה) עם קורא מסך כמו VoiceOver או NVDA.

  בדיקה ידנית

בעיות הנגישות העיקריות

ממוינות לפי חומרה והיקף. דוח תיקוני נגישות מסביר איך לתקן כל אחת מהן עבור ⁨Shopify⁩.

• קריטיWCAG 4.1.2

  לחצנים מוכרחים להיות עם טקסט מובן

  13 מופעים על פני 5 מתוך 5 · 4.1.2 Name, Role, Value

  

  הצגת רכיב לדוגמה

  <button type="button"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"></circle><path d="M20 20l-3.5-3.5"></path></svg></button>

• קריטיWCAG 1.1.1

  תמונות מוכרחות להיות עם טקסט חלופי

  10 מופעים על פני 3 מתוך 5 · 1.1.1 Non-text Content

  

  הצגת רכיב לדוגמה

  <img src="/img/hero-photo.jpg" loading="lazy">

• קריטיWCAG 4.1.2

  אלמנטים של טופס מוכרחים להיות עם תוויות

  3 מופעים על פני 2 מתוך 5 · 4.1.2 Name, Role, Value

  

  הצגת רכיב לדוגמה

  <input type="number" value="1" min="1">

• קריטיWCAG 4.1.2

  לאלמנט הנבחר צריך להיות שם נגיש

  מופע אחד על פני 1 מתוך 5 · 4.1.2 Name, Role, Value

  

  הצגת רכיב לדוגמה

  <select><option>Featured</option><option>Price, low to high</option><option>Price, high to low</option></select>

• חמורWCAG 2.4.4WCAG 4.1.2

  קישורים מוכרחים להיות עם טקסט מובן

  20 מופעים על פני 5 מתוך 5 · 2.4.4 Link Purpose (In Context), 4.1.2 Name, Role, Value

  

  הצגת רכיב לדוגמה

  <a href="/cart"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 4h2l2.4 11h11l2-8H6.5"></path><circle cx="9" cy="20" r="1.5"></circle><circle cx="18" cy="20" r="1.5"></circle></svg></a>

• חמורWCAG 1.4.3

  לאלמנטים צריך להיות ניגוד צבעים מספק

  16 מופעים על פני 5 מתוך 5 · 1.4.3 Contrast (Minimum)

  

  הצגת רכיב לדוגמה

  <div class="announce">Free shipping on orders over $75 · Easy 30-day returns</div>