וורדפרס מריץ כ-43% מכלל האתרים באינטרנט (W3Techs), והוא נפוץ מאוד גם באתרים עסקיים בישראל. הבעיה? בדיקות מראות שלמעלה מ-96% מאתרי וורדפרס מכילים שגיאות נגישות. המדריך הזה ילמד אתכם איך לתקן את זה.
בעיות נגישות ספציפיות לוורדפרס
וורדפרס עצמה מחויבת לנגישות, אבל הבעיות מגיעות ממקומות אחרים:
1. תבניות (Themes) לא נגישות
רוב התבניות הפופולריות לא עומדות בתקני נגישות. גם תבניות שמסומנות כ-"accessibility-ready" בספריית וורדפרס לא תמיד מושלמות. בעיות נפוצות:
- חוסר ניגודיות צבעים מספקת
- פוקוס מקלדת לא נראה (outline: none)
- חוסר skip-to-content link
- מבנה כותרות שגוי (קפיצה מ-h1 ל-h4)
2. בעיות Elementor
Elementor הוא בונה הדפים הפופולרי ביותר לוורדפרס, עם למעלה מ-16 מיליון אתרים. בעיות הנגישות הנפוצות:
- טפסים ללא תוויות: ווידג'ט הטפסים לא תמיד מייצר תוויות (labels) נכונות
- סליידרים: רכיבי סליידר לרוב לא נגישים למקלדת
- Tabs ו-Accordion: חלק מהרכיבים לא תומכים ב-ARIA attributes
- קישורים ריקים: אייקונים שמשמשים כקישורים ללא טקסט חלופי
- ניווט מובייל: תפריט המבורגר לא תמיד נגיש
3. בעיות WooCommerce
אתרי חנות מבוססי WooCommerce מוסיפים שכבת מורכבות נוספת:
- גלריית מוצרים לא נגישה למקלדת
- הודעות "נוסף לסל" לא מוקראות על ידי קורא מסך
- תהליך צ'קאאוט עם שגיאות ללא הסבר
- פילטרים ומיון לא נגישים
תוספי נגישות לוורדפרס: השוואה מקצועית
הנה השוואה של התוספים הפופולריים, עם יתרונות וחסרונות:
1. WP Accessibility (חינמי)
- יתרונות: חינמי, קוד פתוח, מתוחזק על ידי Joe Dolson (מומחה נגישות מוכר)
- חסרונות: מתקן רק בעיות בסיסיות, דורש ידע טכני
- מתאים ל: מפתחים שרוצים תיקונים נקודתיים
2. One Click Accessibility
- יתרונות: סרגל נגישות מובנה, התקנה פשוטה
- חסרונות: לא מתקן בעיות בקוד, סרגל בלבד
- מתאים ל: אתרים שרוצים סרגל נגישות בסיסי
3. Accessibility Checker by equalize digital
- יתרונות: סריקה אוטומטית, דוחות מפורטים, שילוב עם עורך הבלוקים
- חסרונות: הגרסה החינמית מוגבלת, לא מתקן אוטומטית
- מתאים ל: אתרים שרוצים לזהות בעיות ולתקן ידנית
לפני שמתקינים תוסף: דעו מה שבור
תוסף נגישות לוורדפרס הוא כלי, לא אבחנה. ההתקנה לא אומרת לכם אילו מהדרישות של תקן 5568 האתר שלכם לא עומד בהן, ובאיזה עמוד. לכן הסדר הנכון הוא הפוך מהאינטואיציה: קודם סריקה שמחזירה רשימת ליקויים, ואחריה החלטה מה מתקנים בקוד ומה אפשר לפתור בתוסף.
בדיקת התאימות של Ziko מריצה axe-core מול WCAG 2.0 A ו-AA ומחזירה את הליקויים מסומנים על צילום מסך של העמוד שלכם, עם תיאור בעברית. את התיקון בוורדפרס מבצעים אתם או צוות הפיתוח שלכם, לפי הטיפים שלהלן.
טיפים ספציפיים ל-Elementor
אם אתם בונים עם Elementor, הנה מה לעשות:
- טפסים: ודאו ש-Label מוגדר לכל שדה (גם אם הוא מוסתר ויזואלית). ב-Elementor Forms → Advanced → Label: Custom
- תמונות: מלאו שדה Alt Text בכל תמונה. ב-Image Widget → Alt Text
- כותרות: שמרו על היררכיה (h1 → h2 → h3). אל תבחרו h3 בגלל שהגודל מתאים - שנו את הסגנון במקום
- סליידרים: הוסיפו aria-label ל-slides. ב-Slider → Advanced → Attributes
- ניווט: הוסיפו role="navigation" ו-aria-label לתפריט ראשי
טיפים ל-WooCommerce
- תמונות מוצרים: הוסיפו alt text מתאר לכל תמונת מוצר (לא רק את שם המוצר)
- טבלת מחירים: ודאו ש-scope="col" מוגדר בכותרות טבלה
- הודעות: הוסיפו role="alert" להודעות "נוסף לסל" ושגיאות
- צ'קאאוט: בדקו שכל שדות הטופס מתויגים נכון ושגיאות מפורטות
בדיקה עצמית מהירה
לפני שאתם מתקינים תוסף, בדקו את הנגישות הבסיסית:
- מקלדת: נסו לנווט באתר רק עם Tab, Enter ו-Escape. האם אתם רואים היכן הפוקוס?
- גודל טקסט: הגדילו ל-200% בדפדפן (Ctrl/Cmd + +). האם האתר עדיין שמיש?
- קורא מסך: הפעילו NVDA (חינמי ל-Windows) או VoiceOver (Mac) ונסו לנווט
- Lighthouse: פתחו DevTools → Lighthouse → Accessibility ובדקו ציון
סיכום: הנגשת וורדפרס ב-2026
הנגשת אתר וורדפרס היא תהליך שמשלב בחירת תבנית נגישה, תוספים נכונים, והקפדה על תכנים נגישים. עם הכלים הנכונים, כל בעל אתר וורדפרס יכול להגיע לתאימות. התחילו עם בדיקה, תקנו את הבעיות הקריטיות, ושמרו על נגישות שוטפת.
בדקו את אתר הוורדפרס שלכם מול תקן 5568 →
מקורות ומשאבים
רוצה לדעת אם האתר שלך בסיכון?
25 בדיקות תאימות מול הרגולציה הישראלית, אוטומטית · תוך 30 דקות למייל
בדוק את האתר שלך