תוסף נגישות לוורדפרס: איפה מדביקים את הקוד
Negish · · 4 דקות קריאה
תוסף נגישות לוורדפרס, בחיפוש, מביא בעיקר תוספים מחנות WordPress.org. Negish לא מותקן משם. הוא שורת סקריפט שצריכה להופיע בכל עמוד, לפני סגירת body. בוורדפרס המקום הנכון הוא פוטר שרץ בכל התבנית, לא בלוק HTML בעמוד אחד.
חשוב: הסרגל מתאים את התצוגה לגולש. הוא אינו מחליף הנגשה בקוד, בדיקה מקצועית או הצהרת נגישות, ואינו מבטיח עמידה בת״י 5568 או ב-WCAG.
לפני ההדבקה
נרשמים, מוסיפים את הדומיין, ומעתיקים את הקוד מהאזור האישי. אם האתר תחת www וגם בלי www, רושמים את הכתובת שהגולשים באמת רואים. מפתח של דומיין אחד לא עובד על אתר אחר של אותו לקוח.
<script src="…/widget.js" data-site="המפתח-האישי" defer></script>
השורה המלאה, עם הכתובת והמפתח של האתר שלכם, מופיעה באזור האישי אחרי שמוסיפים את הדומיין. מדביקים אותה כמו שהיא, בלי לשנות את המפתח ובלי להעתיק אותו לאתר אחר.
איפה מדביקים
הדרך הבטוחה למי שלא כותב תבניות: תוסף שמוסיף קוד לפוטר של כל האתר, למשל תוסף כותרות ופוטר מהחנות. מדביקים את השורה בשדה הפוטר, שומרים, ומוודאים שהתוסף פעיל. לא מדביקים בתוך עמוד "צור קשר" בלבד.
אם יש לכם תבנית בת, פותחים את footer.php ומדביקים את השורה לפני הקריאה ל-wp_footer(), או מיד לפני </body> אם הקריאה הזו כבר שם. לא עורכים את תבנית האב. עדכון של התבנית מוחק שינוי כזה.
עורך הקבצים המובנה של וורדפרס, תחת עיצוב, עלול לשבור את האתר בשגיאת הקלדה ואין בו ביטול נוח. עדיף תוסף קוד או תבנית בת.
מה בוורדפרס נשבר בלי קשר לסרגל
תבניות רבות מסמנות את שפת האתר לא נכון, ואז סרגל במצב אוטומטי נפתח באנגלית באתר עברי. נועלים עברית באזור האישי, או מתקנים את השפה בהגדרות וורדפרס. על זה יש פירוט במדריך העברית.
תוספי אופטימיזציה ממזגים סקריפטים ועלולים להוריד את השורה או לדחות אותה עד אחרי אינטראקציה. אם הכפתור לא מופיע, מוציאים את כתובת widget.js מרשימת הדחייה ומנקים מטמון.
אלמנטור, ווקומרס וטפסי יצירת קשר יושבים על אותה וורדפרס, אבל הבעיות שלהם שונות. אלמנטור מדלג כותרות. ווקומרס שובר את המקלדת בסינון מוצרים. לשניהם יש מדריך נפרד: אלמנטור וWooCommerce.
בדיקה אחרי השמירה
- פותחים את דף הבית בחלון פרטי ורואים את כפתור הסרגל.
- פותחים פוסט ועמוד. אם הכפתור רק בדף הבית, הקוד לא בפוטר.
- עוברים Tab עד הכפתור ופותחים אותו במקלדת.
- מגדילים טקסט ובודקים שהתפריט של התבנית לא נחתך. אם הוא נחתך, זו התבנית.
האם אתר וורדפרס "חייב בנגישות" לא תלוי בוורדפרס. זה תלוי בשירות שהאתר נותן ובפטורים לפי מחזור. ההסבר במאמר החובה.
אחרי עדכון תבנית או תוסף מטמון
עדכון תבנית אב מוחק שינוי ב-footer.php שלה. לכן עובדים על תבנית בת או על תוסף קוד. אחרי כל עדכון פותחים עמוד פנימי ובודקים שהכפתור שם. תוסף מטמון שומר HTML ישן. מנקים אותו אחרי ההדבקה, אחרת אתם רואים את הסרגל וגולש רואה עמוד ישן.
תוסף אבטחה שחוסם סקריפטים חיצוניים יחסום גם את widget.js. מוסיפים את הדומיין של הקוד שקיבלתם לרשימת ההיתר, לא מבטלים את האבטחה כולה. אם יש שני אתרים על אותה התקנת מולטיסייט עם דומיינים שונים, לכל אחד מפתח. תת-נתיב על אותו דומיין לא צריך מפתח שני.
עמוד נחיתה שנבנה בתוסף נפרד, בלי הפוטר של התבנית, לא יקבל את השורה. בודקים אותו בנפרד. אם אי אפשר להדביק בו קוד, רושמים את זה כמגבלה בהצהרה ומקשרים לעמוד רגיל שיש בו את המידע.
רשימת מסירה ללקוח
לפני שסוגרים קריאה, משאירים ללקוח שלושה דברים: איפה הודבקה השורה, איך מנקים מטמון, ואיפה באזור האישי רואים דיווחים ומחליפים הצהרה. בלי זה העדכון הבא של התבנית ימחק את העבודה ואף אחד לא יידע איפה לחפש.
בודקים בשלושה מצבים: גולש מנותק, עמוד בעברית, וטלפון. מנהל מחובר רואה לפעמים עורך ולא את האתר. אם הכפתור רק למנהל, הקוד יושב במקום הלא נכון. אם תוסף אבטחה חסם את הקובץ, מתקנים היתר נקודתי. לא משאירים שני סרגלים "בינתיים".
שלושה עמודים, לא אחד
דף הבית, פוסט, ועמוד צור קשר. אם רק הבית מציג כפתור, הקוד לא בפוטר. אם שלושתם מציגים שניים, יש כפילות עם תוסף אחר. אם שלושתם מציגים אחד, והמקלדת מגיעה אליו, ההתקנה בוורדפרס הסתיימה. מה שנשאר הוא תוכן: כותרות, תמונות, טפסים, והצהרה. את זה לא סוגרים מתוך מסך התוספים.
שאלות נפוצות
צריך גם תוסף נגישות מהחנות?
לא בשביל Negish. תוסף חנות אחר יכול להתנגש אם גם הוא מזריק סרגל. שני כפתורים על המסך מבלבלים. משאירים אחד.
זה עובד עם עברית ו-RTL?
כן, אם שפת הסרגל עברית או אוטומטית והעמוד מסומן נכון. התבנית עצמה צריכה לתמוך בימין לשמאל. הסרגל לא הופך תבנית שמאל-ימין.
מה עם אתר רשת (Multisite)?
כל אתר עם דומיין משלו צריך מפתח משלו. תת-אתר על תת-נתיב של אותו דומיין משתמש במפתח של הדומיין.
הרשמה וקבלת הקוד לוורדפרס. אחרי ההתקנה כותבים הצהרה שלא מסתמכת על הסרגל.
חשוב: הסרגל מתאים את התצוגה לגולש. הוא אינו מחליף הנגשה בקוד, בדיקה מקצועית או הצהרת נגישות, ואינו מבטיח עמידה בת״י 5568 או ב-WCAG.
- #וורדפרס
- #הטמעה
- #פוטר