נגישות אתר וורדפרס להביא לת״י 5568 — בלי להחליף תבנית ובלי לכתוב את האתר מחדש

מה שובר נגישות בוורדפרס לרוב

1. 01

   התבנית

   תבניות מהמדף מציירות כפתורים כאייקונים בלי שם: קורא המסך מקריא «קישור» ומשתתק. באותו מקום בדרך כלל יושב גם איסור הגדלה במטא viewport — אי אפשר להגדיל את העמוד בטלפון, וזה אחד הליקויים החמורים.

2. 02

   בוני עמודים

   אלמנטור, WPBakery ו-Divi מרכיבים את העמוד מבלוקים זהים, והכותרות נקבעות לפי גודל הגופן ולא לפי סדר. עבור קורא מסך מבנה העמוד פשוט נעלם — אי אפשר לדלג «לחלק הבא».

3. 03

   תוסף נגישות

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

4. 04

   טפסים

   Contact Form 7, WPForms וטפסי אלמנטור שמים כברירת מחדל טקסט רמז בתוך השדה במקום תווית. הרמז נעלם בהקלדה, ומי שמשתמש בקורא מסך לא יודע מה הוא ממלא.

5. 05

   סליידרים וחלונות קופצים

   Revolution Slider וחלונות קופצים תופסים את הפוקוס של המקלדת ולא מחזירים אותו: אי אפשר לצאת מהעמוד במקלדת. גלילה אוטומטית בלי כפתור עצירה היא ליקוי בפני עצמה.

6. 06

   ספריית המדיה

   תמונות נטענות בכמויות, ושדה ה-alt נשאר ריק במאות קבצים בבת אחת. לתמונות דקורטיביות הוא לא נדרש, לתמונות בעלות משמעות — חובה, ורק אדם יכול להבחין ביניהן.

איך אנחנו מתקנים

1. 01

   בודקים

   בדיקה אוטומטית ועוד ידיים: מעבר על העמוד במקלדת בלבד, קורא מסך, הגדלה ל-200%. הדוח מסודר לפי חשיבות ומציין היכן בדיוק — בתבנית או בתוסף — יושב המקור.

2. 02

   מתקנים בתבנית־בת

   השינויים נכנסים לתבנית־בת ולקובץ עיצוב נפרד, לא לקבצים של התבנית שנקנתה. כך עדכון התבנית לא מוחק את העבודה — זו הסיבה המרכזית לכך שאתרים «מתוקנים» נופלים בבדיקה חצי שנה אחר כך.

3. 03

   מגדירים מה שניתן להגדיר

   תוויות לשדות, שמות לכפתורים, סדר כותרות, כפתור עצירה לסליידר, פוקוס נראה. הרבה מזה נפתח בתוספים בתיבת סימון — פשוט אף אחד לא יודע עליה.

4. 04

   כותבים הצהרה

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

מה אנחנו לא עושים

• לא מתקינים תוסף נגישות במקום עבודה ולא מציגים אותו כעמידה בתקן
• לא מבטיחים «עמידה מלאה»: חלק מהדרישות נבדקות רק בידי אדם ותלויות בתוכן שלכם
• לא נוגעים ישירות בקבצים של התבנית שנקנתה — העדכון הראשון ימחק את התיקונים
• לא משנים את תוכן העמודים בלי אישורכם: הטקסטים והתמונות שלכם

מה יישאר בצד שלכם

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

• למלא alt לתמונות בעלות משמעות כבר בהעלאה: אחר כך יש מאות ואי אפשר להתמודד
• לשמור על סדר כותרות — H2 ומתחתיה H3, ולא «מה שנראה גדול יותר»
• לנסח קישורים לפי משמעות: «תנאי העבודה», לא «לפרטים» ו«קרא עוד»
• לא לפרסם PDF בלי שכבת טקסט — סריקה של מסמך אינה נגישה כלל

בדקו את האתר שלכם עכשיו

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