נגישות ב-Shopify: theme.liquid, ולא עמוד הקופה

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

חשוב: הסרגל מתאים את התצוגה לגולש. הוא אינו מחליף הנגשה בקוד, בדיקה מקצועית או הצהרת נגישות, ואינו מבטיח עמידה בת״י 5568 או ב-WCAG.

הדבקה בחזית

1. בחנות: חנות מקוונת, תבניות. משכפלים את התבנית הפעילה ועובדים על העותק. עריכה ישירה של התבנית החיה משאירה את החנות שבורה אם מוחקים שורה.
2. עורכים קוד ופותחים את layout/theme.liquid.
3. מדביקים את שורת ההטמעה מהאזור האישי מיד לפני </body>.
4. שומרים, בודקים בתצוגה מקדימה, ורק אז מפרסמים את העותק.

<script src="…/widget.js" data-site="המפתח-האישי" defer></script>

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

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

עמוד הקופה

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

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

מה בודקים בקטלוג

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

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

תבנית כפולה, ואחר כך הקטלוג

עובדים על עותק תבנית. מדביקים ב-theme.liquid לפני סוף הגוף, בודקים מוצר ואוסף בתצוגה מקדימה, ורק אז מפרסמים. עדכון תבנית מהחנות דורס את הקובץ. שומרים את השורה אצלכם ומדביקים שוב אחרי עדכון.

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

מסלול מוצר אחרי הפרסום

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

אחרי עדכון תבנית מהחנות חוזרים ל-theme.liquid ומוודאים שהשורה שרדה. אם לא, מדביקים מחדש מהאזור האישי, לא מזיכרון.

מה לכתוב ללקוח על הקופה

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

שאלות נפוצות

עדכון תבנית מחק את הקוד

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

הסרגל מופיע במוצר ולא בקופה

זה תואם את מגבלת הקופה. לא מדביקים את אותו קובץ שוב ומצפים שהוא ייטען שם.

יש כמה שפות בחנות

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

הרשמה וקבלת קוד ל-Shopify.

חשוב: הסרגל מתאים את התצוגה לגולש. הוא אינו מחליף הנגשה בקוד, בדיקה מקצועית או הצהרת נגישות, ואינו מבטיח עמידה בת״י 5568 או ב-WCAG.