בקצרה
- רוב הבעיות מגיעות מתבניות, תוספים ובוני עמודים, לא מהתוכן.
- את רובן אפשר לתקן בלי לבנות את האתר מחדש.
- כדאי לבדוק כל רכיב חדש לפני שמוסיפים אותו לאתר.
וורדפרס עצמה לא רעה בנגישות. הבעיות מתחילות בתבניות ובתוספים שמוסיפים מעליה. אלה עשר הבעיות שאנחנו פוגשים הכי הרבה בבדיקות של אתרי וורדפרס, ואיך מתקנים כל אחת.
1. תפריט המבורגר שלא עובד במקלדת
הכפתור בנוי מ-div או span, לא נפתח ב-Enter ולא מכריז אם התפריט פתוח. התיקון: רכיב button אמיתי עם aria-expanded שמתעדכן, ופוקוס שעובר לתפריט כשהוא נפתח.
2. סליידר שרץ לבד
סליידר ראשי שמתחלף כל כמה שניות בלי כפתור עצירה. התיקון: כפתור עצירה והפעלה גלוי, או פשוט לוותר על ההחלפה האוטומטית.
3. placeholder במקום תווית
טפסים של Contact Form 7 או Elementor שמציגים רק טקסט אפור בתוך השדה. הוא נעלם בהקלדה ולא תמיד מוקרא. התיקון: תווית גלויה וקבועה לכל שדה.
4. אייקונים בלי שם
אייקונים של רשתות חברתיות, חיפוש או סל קניות שמוקראים כ״קישור״ בלבד. התיקון: טקסט נסתר או aria-label שמתאר את היעד, למשל ״פייסבוק״.
5. ״קרא עוד״ חוזר על עצמו
עמוד בלוג עם עשרה קישורים זהים בשם ״קרא עוד״. ברשימת הקישורים של קורא המסך הם חסרי משמעות. התיקון: להוסיף לכל קישור את שם המאמר כטקסט נסתר.
6. כותרות לפי גודל
עורכים בוחרים H4 כי ״הוא בגודל הנכון״. התוצאה היא מבנה שבור. התיקון: לבחור רמת כותרת לפי המבנה, ולשנות את הגודל בעיצוב.
7. באנר עוגיות שמסתיר את הפוקוס
באנר דביק בתחתית המסך שמכסה את הרכיב שבפוקוס, או שאי אפשר לסגור במקלדת. התיקון: באנר שנגיש במקלדת, ורווח בתחתית העמוד כדי שהפוקוס לא ייעלם מאחוריו.
8. טקסט אפור בהיר
טקסט משני בצבע אפור בהיר או כפתורים שקופים עם מסגרת דקה. התיקון: להכהות את הצבע עד ניגודיות של 4.5:1 לפחות.
9. חלונות קופצים בלי ניהול פוקוס
פופאפ שנפתח, אבל הפוקוס נשאר מאחוריו, ואין דרך לסגור אותו ב-Esc. התיקון: להעביר את הפוקוס לחלון, להשאיר אותו שם עד הסגירה, ולהחזיר אותו לכפתור שפתח.
10. outline: none
שורה אחת ב-CSS שמעלימה את סימון הפוקוס בכל האתר. התיקון: להחזיר סימון פוקוס ברור, עדיף עם focus-visible, בצבע שעומד בניגודיות 3:1.
לפני שמתקינים תוסף חדש
בדקו את הדמו שלו עם מקלדת בלבד ועם קורא מסך. תוסף לא נגיש יוסיף בעיה לכל עמוד שהוא מופיע בו.
רוצים לדעת איפה האתר שלכם עומד?
נבדוק את דף הבית בחינם ונחזור אליכם עם רשימת בעיות בולטות והצעת מחיר סגורה.