נגישות ב-Webflow: קוד פוטר לכל האתר

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

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

הדבקה

1. מעתיקים את השורה מהאזור האישי של Negish, אחרי שהדומיין של האתר רשום שם. דומיין של webflow.io ודומיין מותאם הם כתובות שונות אם שתיהן פעילות. רושמים את הכתובת שהגולשים פותחים.
2. בהגדרות האתר פותחים Custom code ומדביקים בשדה Footer code, לא ב-Head.
3. מפרסמים את האתר. שמירה בלי פרסום לא מעלה את הקוד לאוויר.

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

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

לפי התיעוד של Webflow, קוד הפוטר של האתר מופיע לפני סגירת הגוף וחל על כל האתר. קוד בעמוד בודד חל רק עליו ומגיע אחרי הקוד הכללי. לא סוגרים שם תגיות html או body. מדביקים רק את שורת ה-script.

מה Webflow לא מתקן לבד

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

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

פרסום וקוד של עמוד בודד

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

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

עמוד משני אחרי Publish

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

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

אחרי Publish, עמוד חדש

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

שאלות נפוצות

הדבקתי ואין כפתור באתר המפורסם

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

יש כבר ווידג'ט נגישות מ-Webflow או מתוסף

משאירים סרגל אחד. שניים על אותה פינה.

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

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