הנגשת אתר בוויקס (Wix) היא עבודה שאפשר ורצוי לעשות. החובה להנגיש אתר לא תלויה בפלטפורמה שעליה הוא בנוי. וויקס נותנת כלים טובים לבסיס: טקסט חלופי לתמונות, הגדרת כותרות ותוויות לשדות בטפסים. אבל בגלל שאין גישה מלאה לקוד, חלק מהבעיות פשוט לא בשליטתכם. במדריך הזה נפריד בין מה שאתם יכולים לתקן לבד, מה שתלוי בוויקס ובאפליקציות שהוספתם, ומתי כדאי לשקול פלטפורמה אחרת.
האם אתר בוויקס חייב להיות נגיש?
כן. התקנות בישראל מתייחסות לשירות שהעסק נותן באינטרנט, לא לטכנולוגיה שמאחוריו. אתר וויקס, אתר וורדפרס ואתר שנכתב מאפס נבחנים מול אותו תקן, ת"י 5568, שמבוסס על הנחיות WCAG ברמת AA. הסבר מסודר על החוק ועל מה הוא דורש תמצאו בהסבר קצר על חוק הנגשת אתרים.
זה מידע כללי ולא ייעוץ משפטי. אם יש לכם שאלה על חובה ספציפית שחלה על העסק שלכם, כדאי לבדוק אותה מול עורך דין.
מה אפשר לתקן בעצמכם בעורך של וויקס
רוב הבעיות שאנחנו רואים באתרים קטנים הן לא בעיות קוד אלא בעיות תוכן ומבנה. את אלה אפשר לסדר ישירות בעורך.
טקסט חלופי לתמונות
לכל תמונה בוויקס יש שדה של טקסט חלופי בהגדרות התמונה. כתבו בו מה התמונה מראה ולמה היא שם, במשפט קצר. תמונה דקורטיבית בלבד לא צריכה תיאור ארוך. תמונה שהיא כפתור או קישור צריכה לתאר את הפעולה, לא את המראה.
מבנה כותרות
בוויקס אפשר להגדיר לכל בלוק טקסט אם הוא כותרת ובאיזו רמה. הטעות הנפוצה היא לבחור סגנון כותרת לפי הגודל שנראה יפה, ולא לפי ההיררכיה של העמוד. קורא מסך מנווט לפי הכותרות, ולכן צריכה להיות כותרת ראשית אחת לעמוד, וכותרות משנה שיורדות בסדר הגיוני בלי לדלג רמות.
תוויות בטפסים
שדה שיש לו רק טקסט מקום (placeholder) בתוך התיבה, בלי תווית, הוא בעיה. הטקסט נעלם כשמתחילים להקליד ולא תמיד מוקרא כראוי. ודאו שלכל שדה בטופס יש תווית גלויה, ושהודעות שגיאה מסבירות מה לתקן.
ניגודיות וגודל טקסט
טקסט אפור בהיר על רקע לבן, או טקסט לבן על תמונה, הם מהכשלים הנפוצים ביותר. בחרו צבעים עם ניגודיות ברורה ובדקו אותם בכלי בדיקת ניגודיות. אותו דבר לגבי כפתורים: הטקסט על הכפתור צריך להיות קריא בלי מאמץ.
טקסט קישורים ושפת האתר
קישור בשם "לחצו כאן" לא אומר כלום למי שמנווט ברשימת קישורים. כתבו טקסט שמתאר את היעד. בנוסף, ודאו שהגדרת השפה של האתר נכונה, כדי שקורא המסך יקריא בעברית ולא ינסה לבטא את הטקסט כאנגלית.
על כתיבת תוכן נגיש בכלל, בלי קשר לפלטפורמה, כתבנו בהרחבה במנגישים את הנגשת האתרים: כתיבת תוכן נגיש.
איפה זה נעצר: מה לא בשליטתכם
כאן ההבדל המהותי בין וויקס לפלטפורמה פתוחה. בוויקס אתם עובדים מעל שכבת קוד שאתם לא כותבים ולא יכולים לשנות ישירות.
אפליקציות מהחנות של וויקס
טפסי הזמנה, יומני תורים, גלריות, צ'אטים ורכיבי סליקה מגיעים לעיתים קרובות מאפליקציות של צד שלישי. הנגישות שלהן תלויה במפתח של האפליקציה. אם רכיב כזה לא עובד עם מקלדת או לא מוקרא בקורא מסך, אין לכם דרך לתקן אותו מבפנים. האפשרויות הן לפנות למפתח, להחליף לאפליקציה אחרת או לוותר על הרכיב.
רכיבי HTML מוטמעים
קוד שהוטמע דרך רכיב HTML נטען בתוך מסגרת נפרדת. הוא לא תמיד משתלב טוב עם ניווט מקלדת ועם קוראי מסך, ולעיתים קרובות הוא מקור לבעיות שקשה לאתר.
סדר ניווט ומיקוד
בעורך גרירה חופשית, הסדר הוויזואלי של אלמנטים בעמוד לא תמיד זהה לסדר שבו מקלדת או קורא מסך עוברים ביניהם. כדאי לעבור על כל עמוד חשוב רק עם מקלדת: לנווט בין קישורים וכפתורים, לפתוח תפריטים, למלא טופס. אם המיקוד קופץ למקומות לא הגיוניים או נעלם, זה סימן לבדיקה מעמיקה יותר.
תוסף נגישות לא פותר את זה
כפתור נגישות צף שמגדיל טקסט ומשנה צבעים לא מתקן תמונות בלי תיאור, טפסים בלי תוויות או רכיבים שלא עובדים עם מקלדת. פירטנו את זה בתוסף נגישות (overlay): למה הוא לא מספיק לבד.
סדר עבודה מומלץ להנגשת אתר וויקס
- מיפוי: רשימה של כל העמודים, הטפסים והאפליקציות באתר. רוב הסיכון נמצא בטפסים ובתהליכי הזמנה.
- בדיקה עם הכלי המובנה: בעורך של וויקס יש כלי בדיקת נגישות. הוא נקודת התחלה טובה לתמונות וכותרות, אבל לא מחליף בדיקה ידנית.
- בדיקת מקלדת: מעבר על העמודים המרכזיים בלי עכבר.
- בדיקת קורא מסך: לפחות על דף הבית, עמוד יצירת קשר ותהליך ההזמנה או הרכישה.
- טיפול באפליקציות: לכל אפליקציה שנכשלת, להחליט אם מחליפים, פונים למפתח או מורידים.
- הצהרת נגישות: עמוד שמתאר מה הונגש, מה עדיין לא ואיך פונים לרכז הנגישות. תבנית והסבר תמצאו בהצהרת נגישות לאתר.
מתי לשקול מעבר לוורדפרס
אנחנו לא חושבים שכל אתר וויקס צריך לעבור פלטפורמה. אתר תדמית פשוט, עם מעט עמודים וטופס יצירת קשר בסיסי, אפשר בהחלט להנגיש היטב בוויקס.
השיקול משתנה כשהאתר נשען על רכיבים שאי אפשר לתקן: מערכת הזמנות חיצונית שלא עובדת עם מקלדת, חנות עם תהליך רכישה מורכב, או צורך בהתאמות קוד שהפלטפורמה לא מאפשרת. בוורדפרס יש גישה מלאה לקוד, כך שכל רכיב אפשר לבדוק ולתקן ברמת התבנית והתוספים. מנגד, זה גם אומר יותר אחריות על תחזוקה ועדכונים. איך זה נראה בפועל בוורדפרס תוכלו לקרוא בהנגשת אתר וורדפרס לפי תקן 5568.
שאלות נפוצות
האם הכלי המובנה של וויקס מספיק כדי שהאתר ייחשב נגיש? לא בהכרח. הוא מזהה בעיות נפוצות כמו תמונות בלי טקסט חלופי ומבנה כותרות, אבל לא בודק לעומק ניווט מקלדת, קורא מסך ואפליקציות של צד שלישי. צריך להשלים בבדיקה ידנית.
אפשר להנגיש חנות אונליין שבנויה בוויקס? את התוכן, התמונות, הכותרות והטפסים אפשר לשפר בעורך. תהליך הרכישה עצמו תלוי ברכיבים של הפלטפורמה ושל האפליקציות שבהן אתם משתמשים, ולכן כדאי לבדוק אותו בנפרד עם מקלדת וקורא מסך.
מה עושים עם אפליקציה שלא נגישה ואין לה תחליף? פונים למפתח האפליקציה ומבקשים תיקון, ובינתיים מציעים דרך חלופית לקבל את אותו שירות, למשל טלפון או מייל, ומציינים את זה בהצהרת הנגישות. אם הרכיב קריטי לעסק ואין לו פתרון, זה הזמן לשקול פלטפורמה אחרת.
הצעד הבא
התחילו מהדברים שבשליטתכם: טקסט חלופי, כותרות, תוויות בטפסים וניגודיות. אחר כך עברו על האתר עם מקלדת ורשמו כל רכיב שנתקע. אם אתם רוצים עין מקצועית על הרשימה הזו, או מתלבטים אם להישאר בוויקס או לעבור לוורדפרס, אנחנו זמינים לשיחה ולבדיקה של האתר.