נגישות WooCommerce: פוטר אחד, וטפסים של חנות

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

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

איפה לא מדביקים

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

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

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

מה החנות שוברת

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

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

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

מוצרים, תמונות ומסמכים

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

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

עגלה, וריאציה, ותוסף תשלום

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

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

אורח, לא מנהל

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

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

קופה על האתר הזה

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

שאלות נפוצות

הסרגל בעמוד הבית ולא בחנות

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

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

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

שני כפתורי נגישות

תוסף חנות או תבנית פרימיום כבר כוללים סרגל. משאירים אחד.

הרשמה וקבלת קוד לחנות.

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