נגישות חנות ווקומרס הליבה השתפרה — נשברים התבנית, התוספים והדרך לתשלום

מה כבר תוקן בווקומרס עצמו

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

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

למה זה לא מגיע לחנות שלכם

1. 01

   גרסה ישנה

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

2. 02

   התבנית מחזיקה עותקים של קבצי התצוגה

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

3. 03

   תוספים

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

4. 04

   הגדרות ותוכן

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

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

1. 01

   כפתורי «הוספה לעגלה» בקטלוג

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

2. 02

   בחירת וריאציה

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

3. 03

   שדה הכמות

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

4. 04

   מסננים

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

5. 05

   גלריה והגדלה

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

6. 06

   תהליך התשלום

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

מה אנחנו עושים

1. 01

   עוברים את כל מסלול הרכישה

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

2. 02

   מטפלים בתבנית

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

3. 03

   מתקנים את השאר בתבנית־בת

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

4. 04

   בודקים תוספים

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

5. 05

   מכינים הצהרה

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

מה אנחנו לא עושים

• לא מתקינים ווידג׳ט נגישות במקום עבודה על החנות
• לא מבטיחים «עמידה מלאה»: גם מפתחי ווקומרס אינם מצהירים עליה
• לא נוגעים בקבלת תשלומים בלי תיאום: כל תיקון בשלב התשלום נבדק בהזמנת בדיקה
• לא משנים את עיצוב המוצר והקטלוג — עובדים עם הקוד, לא עם המקט

בדקו את החנות שלכם

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