תבנית וורדפרס נגישה: 6 בדיקות לפני שקונים, ובדיקה ראשונה ללא עלות

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

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

למה בחירת התבנית חשובה כל כך

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

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

Accessibility Ready: נקודת התחלה, לא אישור

בספריית התבניות הרשמית של וורדפרס יש תגית "Accessibility Ready". תבנית שמסומנת בה עברה בדיקה בסיסית של נגישות לפני שפורסמה. זו נקודת התחלה טובה, אבל זה לא אישור לפי ת"י 5568 (התקן הישראלי, שמבוסס על WCAG ברמה AA). וגם תבנית בתשלום לא נגישה יותר מחינמית רק בגלל המחיר.

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

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

בדיקה	איך בודקים	סימן אזהרה
ניווט במקלדת	Tab לאורך העמוד, בתפריט ובתתי התפריטים	תפריט שנפתח רק בריחוף עכבר, או פוקוס שלא רואים איפה הוא
ניגודיות	כלי בדיקת ניגודיות על טקסט, כפתורים וקישורים	פחות מ-4.5:1 לטקסט רגיל, או פחות מ-3:1 לטקסט גדול
כותרות	תוסף דפדפן שמציג את מבנה הכותרות	כמה H1 בעמוד, או כותרות שנבחרו לפי הגודל ולא לפי המבנה
קישורים	מסתכלים על קישור בתוך פסקה	קישור שמובחן רק בצבע, בלי קו תחתון או סימון נוסף
רשימות, טבלאות ואזורים	בודקים בקוד שרשימה מתויגת כרשימה ושיש header, main ו-footer	רשימות שבנויות משורות עם סימנים, ודיבים במקום אזורים
טופס יצירת קשר	Tab בין השדות, ושליחה של טופס ריק	שדות בלי תוויות, והודעות שגיאה שמסומנות רק באדום

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

תוסף נגישות לא יציל תבנית לא נגישה

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

תבנית נגישה היא רק ההתחלה

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

בדיקה ראשונה של התבנית, ללא עלות

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

מה אנחנו בודקים בבדיקה הראשונה:

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

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

רק שיהיה ברור: זו בדיקה ממוקדת שמתריעה על כשלים בתבנית. היא לא בדיקת נגישות מלאה ולא אישור שהאתר עומד בת"י 5568. את זה אפשר לקבוע רק כשהאתר בנוי, עם התוכן, התוספים וכל סוגי העמודים.

שורה תחתונה

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

שאלות נפוצות על תבנית וורדפרס נגישה