הנגשת אתר וורדפרס: המדריך המלא 2026

וורדפרס מריץ כ-43% מכלל האתרים באינטרנט. בישראל, האחוז אפילו גבוה יותר - מוערך בכ-55% מהאתרים העסקיים. הבעיה? בדיקות מראות שלמעלה מ-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

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

4. Ziko A11y Widget

• יתרונות: סריקת AI + תיקונים אוטומטיים, מותאם לחוק הישראלי, כולל הצהרת נגישות
• חסרונות: שירות בתשלום (מ-₪49/חודש)
• מתאים ל: עסקים ישראליים שרוצים פתרון מלא ותואם חוק

התקנת תוסף Ziko בוורדפרס - 3 שלבים

התקנת תוסף הנגישות של Ziko בוורדפרס לוקחת פחות מ-5 דקות:

שלב 1: קבלת קוד הטמעה

נרשמים ב-דף התוסף של Ziko ומקבלים קוד JavaScript קצר. הקוד מכיל שורה אחת בלבד.

שלב 2: הטמעה באתר

שתי אפשרויות:

• דרך תוסף Headers/Footers: גשו לתוסף כמו "Insert Headers and Footers" (או WPCode) והדביקו את הקוד באזור ה-Footer. זו הדרך הפשוטה ביותר.
• דרך עורך התבנית: גשו ל-"מראה" → "עורך קבצי ערכת עיצוב" → footer.php, והדביקו את הקוד לפני תגית ה-</body>.

שלב 3: התאמה אישית

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

טיפים ספציפיים ל-Elementor

אם אתם בונים עם Elementor, הנה מה לעשות:

1. טפסים: ודאו ש-Label מוגדר לכל שדה (גם אם הוא מוסתר ויזואלית). ב-Elementor Forms → Advanced → Label: Custom
2. תמונות: מלאו שדה Alt Text בכל תמונה. ב-Image Widget → Alt Text
3. כותרות: שמרו על היררכיה (h1 → h2 → h3). אל תבחרו h3 בגלל שהגודל מתאים - שנו את הסגנון במקום
4. סליידרים: הוסיפו aria-label ל-slides. ב-Slider → Advanced → Attributes
5. ניווט: הוסיפו role="navigation" ו-aria-label לתפריט ראשי

טיפים ל-WooCommerce

• תמונות מוצרים: הוסיפו alt text מתאר לכל תמונת מוצר (לא רק את שם המוצר)
• טבלת מחירים: ודאו ש-scope="col" מוגדר בכותרות טבלה
• הודעות: הוסיפו role="alert" להודעות "נוסף לסל" ושגיאות
• צ'קאאוט: בדקו שכל שדות הטופס מתויגים נכון ושגיאות מפורטות

בדיקה עצמית מהירה

לפני שאתם מתקינים תוסף, בדקו את הנגישות הבסיסית:

1. מקלדת: נסו לנווט באתר רק עם Tab, Enter ו-Escape. האם אתם רואים היכן הפוקוס?
2. גודל טקסט: הגדילו ל-200% בדפדפן (Ctrl/Cmd + +). האם האתר עדיין שמיש?
3. קורא מסך: הפעילו NVDA (חינמי ל-Windows) או VoiceOver (Mac) ונסו לנווט
4. Lighthouse: פתחו DevTools → Lighthouse → Accessibility ובדקו ציון

סיכום: הנגשת וורדפרס ב-2026

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

נסו את Ziko A11y לוורדפרס - מ-₪49/חודש →