נגישות עם Shopify
ערכות העיצוב והאפליקציות של Shopify קובעות את הנגישות. הקופה נתונה במידה רבה על ידי Shopify.
מקומות ממצא נפוצים
צבעי ערכת עיצוב עם ניגודיות נמוכה מדי, תמונות מוצר בלי טקסט חלופי, אפליקציות ביקורות וחלונות קופצים בלי הפעלה במקלדת, תפריטי ענק שנפתחים רק במעבר עכבר, קרוסלות בלי השהיה. הליבה של Shopify בדרך כלל אינה הבעיה — הבעיה היא ערכת העיצוב, האפליקציות והתוכן שנוצר בעורך הטקסט העשיר.
בדיקת ערכת העיצוב ובחירתה
ערכת העיצוב קובעת את הניגודיות, הפוקוס הנראה, מבנה הכותרות והפעלת התפריט והמסננים במקלדת. קריטריונים לפני הבחירה: עברו על דף הבית, אוסף ודף מוצר עם מקש Tab — האם הפוקוס תמיד נראה? האם התפריט נפתח בלי עכבר? האם ניגודיות הטקסט והכפתורים לפחות 4.5:1? ערכות ברירת המחדל של Online Store 2.0 (Dawn והנגזרות ממנה) הן נקודת פתיחה מוצקה; בערכות בתשלום עוזרים מבחן המקלדת בהדגמה ובקשה מהספק להצהרת נגישות.
תמונות מוצר, וריאציות וטקסט עשיר
תנו לכל תמונת מוצר בממשק הניהול טקסט חלופי שמתאר את התוכן — לא את שם הקובץ. אותו דבר לגבי תמונות וריאציה. טקסט שצרוב כגרפיקה בתג או בכרזה ("מבצע", "היום בלבד") אינו נראה לקוראי מסך; השתמשו בטקסט אמיתי. בעורך הטקסט העשיר של תיאור המוצר השתמשו נכון ברמות הכותרות (אל תסתפקו בהגדלת הטקסט) וברשימות כרשימות אמיתיות.
אפליקציות ווידג'טים מוטמעים
אפליקציות ביקורות, חלונות קופצים, מכירה נוספת ובאנר עוגיות מזריקות לעיתים קרובות ווידג'טים משלהן שלוכדים את פוקוס המקלדת, ללא תוויות או שמציגות שכבות-על ללא דרך לסגור. בדקו כל אפליקציה בנפרד עם המקלדת; אפליקציות סליידר וספירה לאחור צריכות השהיה ואסור להן להבהב דבר. שכבת נגישות כאפליקציה אינה פותרת את הבעיות המבניות ומבוקרת על ידי ארגוני זכויות לאנשים עם מוגבלות. בספק: הסירו את האפליקציה.
תשלום: מה Shopify מכתיב ומה לא
התשלום הסטנדרטי של Shopify מתוחזק על ידי Shopify ובנוי ברובו באופן נגיש — שם יש לכם מעט ידיות. על מה אתם משפיעים: הרחבות תשלום ושדות מותאמים אישית (הודעת מתנה, אימות גיל) עלולים להפריע לשימוש במקלדת או בקורא מסך, והדרך עד לתשלום — עגלה, שדה קוד הנחה, בחירת משלוח — נמצאת בערכת העיצוב. בדקו גם את השלבים האלה.
בדיקה ושאלות נפוצות
בדיקה מהירה: הפעילו את דף הבית, אוסף ודף מוצר עם המקלדת בלבד, הגדילו בדפדפן ל-200%, הריצו הרחבה כמו WAVE או axe DevTools. הסריקה החינמית של a11yglass בודקת בנוסף את ה-HTML שנמסר מבחינת ניגודיות, טקסטים חלופיים, תוויות, שפה ומבנה. האם חנות ה-Shopify שלי צריכה הצהרת נגישות? ככלל כן — חנות שדרכה צרכנים קונים היא מסחר אלקטרוני במובן ה-BFSG; ראו את העמוד על הצהרת הנגישות. האם התשלום של Shopify כבר נגיש? ברובו באחריות Shopify, אבל הרחבות עלולות לשבור אותו. איזו ערכת עיצוב נגישה? אין תו — המכריע הוא היישום במקרה הקונקרטי.
כך a11yglass עוזר
הסריקה החינמית בודקת את ה‑HTML וה‑CSS שנמסרו לאיתור הפרות WCAG הניתנות לזיהוי אוטומטי, ומציינת לכל ממצא את קריטריון ההצלחה וצעד קונקרטי. היא מוצאת כ‑20–35% מהבעיות ואינה מחליפה בדיקה מלאה.
המשך קריאה
מידע כללי לפי מיטב הידיעה, לא ייעוץ משפטי. למקרה פרטני פנו למשרד עורכי דין המתמחה בדיני מחשבים.