הנגשת אתר וורדפרס
בוורדפרס הנגישות מתחילה בתבנית. במאגר של WordPress.org יש תגית accessibility-ready, שניתנת רק לתבניות שעברו בדיקה ידנית של צוות הנגישות, אבל גם היא לא מבטיחה עמידה מלאה ב-WCAG. אחרי התבנית בודקים את מה שבוני עמודים ותוספים מוסיפים: תפריטים, סליידרים, טפסים ופופאפים. בסוף מוסיפים הצהרת נגישות, ואם רוצים גם ווידג׳ט עזר.
נבדק מול המקורות:
בקצרה
- תגית accessibility-ready ניתנת אחרי בדיקה ידנית של צוות הנגישות של וורדפרס.
- גם לפי וורדפרס עצמה, accessibility-ready לא אומר עמידה ב-WCAG AA.
- בוני עמודים, סליידרים וטפסים הם מקור נפוץ לכשלים.
- תוסף סרגל נגישות לא מתקן את הקוד של האתר.
בחירת תבנית
בתבניות עם תגית accessibility-ready צוות הנגישות של וורדפרס בדק דרישות כמו קישור דילוג, מיקוד נראה, ניגודיות, כותרות ותפריטים שעובדים במקלדת. כדאי להתחיל מתבנית כזאת או מתבנית בלוקים רשמית, ולבדוק אותה עם התוכן שלכם.
מקור: WordPress Theme Handbook: Accessibility (accessibility-ready) (נפתח בחלון חדש) · WordPress Developer: Accessibility in themes (נפתח בחלון חדש)
מה בודקים אחרי שבונים
- תפריט: נפתח עם Enter ורווח, נסגר עם Esc, ובמובייל הכפתור שלו מוכרז בשם.
- סליידר: אפשר לעצור אותו, והוא לא זז לבד יותר מחמש שניות.
- טפסים (Contact Form 7, Elementor Forms ודומיהם): לכל שדה תווית, והודעות השגיאה מוקראות.
- פופאפים: המיקוד עובר לחלון, ואפשר לסגור אותו במקלדת.
- כותרות: H1 אחד בכל עמוד, ובלי דילוג מ-H2 ל-H4 רק בשביל העיצוב.
- תמונות: טקסט חלופי בספריית המדיה או בבלוק, לפי ההקשר.
תוספים
תוספים שעוזרים: כאלה שמוסיפים קישור דילוג, מתקנים מיקוד או מזהירים על תמונות בלי טקסט חלופי. תוספים שמבטיחים "הנגשה אוטומטית מלאה" בלחיצה אחת לא מתקנים את הקוד, ומומחי נגישות מזהירים מפניהם.
יש לנו תוסף וורדפרס חינמי שמוסיף ווידג׳ט עזר וקישור להצהרה, בלי הבטחות. הוא לא מחליף את התיקונים שלמעלה.
מקור: Overlay Fact Sheet (הצהרת מומחי נגישות נגד overlays) (נפתח בחלון חדש)
שאלות נפוצות
איך מנגישים אתר וורדפרס?
בוחרים תבנית נגישה, בודקים תפריטים, טפסים, סליידרים ופופאפים במקלדת ובקורא מסך, מוסיפים טקסט חלופי וכותרות נכונות, ומפרסמים הצהרת נגישות.
יש תוסף נגישות חינמי לוורדפרס?
כן, יש כמה, כולל התוסף שלנו. תוסף עוזר למשתמשים, אבל לא מתקן לבד את בעיות הנגישות באתר.
אלמנטור נגיש?
אלמנטור מאפשר לבנות אתר נגיש, אבל זה תלוי ברכיבים שבוחרים ובהגדרות. בדקו כל רכיב אינטראקטיבי במקלדת.
מקורות
המידע בדף מבוסס על: WordPress Theme Handbook: Accessibility (accessibility-ready) (נפתח בחלון חדש) · WordPress Developer: Accessibility in themes (נפתח בחלון חדש) · Overlay Fact Sheet (הצהרת מומחי נגישות נגד overlays) (נפתח בחלון חדש) · ת"י 5568 חלק 1, ספטמבר 2023 (gov.il) (נפתח בחלון חדש)