→ חזרה לבלוג

מדריך נגישות למנהלי אתרים - צ'קליסט מעשי

ניהול אתר אינטרנט הוא משימה מורכבת הדורשת תשומת לב לעשרות פרטים בו-זמנית: עדכוני תוכן, אבטחת מידע, מהירות טעינה, קידום אורגני ועוד. אבל יש נושא אחד שמנהלי אתרים רבים נוטים לדחות או להתעלם ממנו לחלוטין - נגישות דיגיטלית. בישראל, חוק שוויון זכויות לאנשים עם מוגבלות מחייב כל אתר אינטרנט לעמוד בתקן הנגישות הישראלי (IS 5568) המבוסס על הנחיות WCAG 2.1 ברמה AA. אי-עמידה בתקן עלולה להוביל לתביעות משפטיות, קנסות כספיים ונזק תדמיתי.

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

למה מנהלי אתרים חייבים להכיר נגישות?

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

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

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

צ'קליסט יומי - בדיקות שגרתיות

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

• תמונות עם טקסט חלופי (Alt Text): כל תמונה שאתם מעלים לאתר חייבת לכלול תיאור טקסטואלי ברור. לא מדובר במילות מפתח לקידום - אלא בתיאור אמיתי של מה שמופיע בתמונה. למשל, במקום "נעליים" כתבו "נעלי ריצה אדומות של נייקי על רקע לבן".
• כותרות בהיררכיה נכונה: ודאו שכל עמוד מכיל כותרת H1 אחת בלבד, ושכותרות H2, H3 וכו' מסודרות בצורה לוגית ולא מדלגות על רמות.
• קישורים בעלי משמעות: הימנעו מקישורים עם הטקסט "לחצו כאן" או "קראו עוד". במקום זאת, השתמשו בטקסט שמתאר את היעד, כמו "קראו את המדריך המלא לנגישות".
• ניגודיות צבעים: ודאו שהטקסט קריא על גבי הרקע. יחס ניגודיות מינימלי של 4.5:1 לטקסט רגיל ו-3:1 לטקסט גדול.

צ'קליסט שבועי - בדיקות מעמיקות

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

1. ניווט באמצעות מקלדת בלבד: נסו לנווט באתר שלכם רק עם מקש Tab ו-Enter. האם אתם מצליחים להגיע לכל אלמנט? האם יש מלכודות מקלדת שמהן לא ניתן לצאת? האם סדר הפוקוס הגיוני?
2. בדיקת טפסים: ודאו שכל שדה בטופס מכיל תווית (label) מקושרת, שהודעות שגיאה ברורות ונגישות, ושניתן למלא את כל הטפסים באמצעות מקלדת בלבד.
3. סרטוני וידאו: בדקו שכל סרטון באתר מכיל כתוביות בעברית. אם יש תוכן אודיו בלבד, ודאו שקיים תמלול טקסטואלי.
4. בדיקת קורא מסך: הפעילו את NVDA (חינמי) או את קורא המסך המובנה במערכת ההפעלה ונסו לגלוש באתר. האם המידע מועבר בצורה ברורה?

צ'קליסט חודשי - תחזוקה ומעקב

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

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

צ'קליסט רבעוני - בדיקה מקיפה

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

• בדיקה ידנית מלאה: עברו על כל עמודי האתר (או לפחות על העמודים העיקריים) ובדקו את כל הקריטריונים של WCAG 2.1 ברמה AA. תעדו כל בעיה שנמצאה ותעדפו את הטיפול בה.
• בדיקת משתמשים: אם אפשר, הזמינו אנשים עם מוגבלויות שונות לבדוק את האתר ולתת משוב. זהו הכלי היעיל ביותר לזיהוי בעיות נגישות שכלים אוטומטיים מפספסים.
• עדכון מדיניות: בדקו אם חלו שינויים בתקנות הנגישות הישראליות או בהנחיות WCAG ועדכנו את האתר בהתאם.
• הדרכת צוות: קיימו הדרכה קצרה לכל מי שמעלה תוכן לאתר על כללי הנגישות הבסיסיים.

כלים חיוניים לבדיקת נגישות

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

1. WAVE (Web Accessibility Evaluation Tool): תוסף דפדפן חינמי שמציג ויזואלית את בעיות הנגישות בעמוד. מצוין לבדיקה מהירה.
2. Google Lighthouse: מובנה בכלי המפתחים של Chrome. מספק ציון נגישות ורשימת בעיות ממוינת לפי חומרה.
3. axe DevTools: תוסף דפדפן מתקדם שמזהה בעיות נגישות ומספק הסברים מפורטים על כל בעיה ואיך לתקן אותה.
4. Colour Contrast Analyser: כלי שולחני לבדיקת יחסי ניגודיות בין צבעים. חיוני לוודא שהטקסט קריא.
5. סורק הנגישות של מנגיש: כלי סריקה אוטומטי שבודק את האתר ומפיק דוח מפורט עם המלצות לתיקון. חלק מחבילת הנגישות של מנגיש.

טעויות נפוצות שמנהלי אתרים עושים

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

• הסתמכות רק על כלים אוטומטיים: כלים אוטומטיים מזהים רק כ-30% מבעיות הנגישות. בדיקה ידנית היא הכרחית לזיהוי בעיות כמו סדר קריאה לא לוגי, טקסט חלופי לא מתאים או חוסר הקשר.
• התעלמות מתוכן דינמי: פופאפים, סליידרים, תפריטים נפתחים ותוכן שנטען באופן דינמי נוטים להיות פחות נגישים. ודאו שכל רכיב דינמי כולל תכונות ARIA מתאימות.
• שימוש בצבע בלבד להעברת מידע: אל תסמכו על צבע בלבד כדי להבדיל בין מצבים. למשל, שדה שגיאה בטופס צריך לכלול גם אייקון או טקסט ולא רק מסגרת אדומה.
• התעלמות ממובייל: יותר מ-60% מהגלישה בישראל מתבצעת מהנייד. ודאו שאלמנטים אינטראקטיביים מספיק גדולים למגע (לפחות 44x44 פיקסלים) ושהאתר פועל היטב בזום.
• שכחה לעדכן את הצהרת הנגישות: הצהרת הנגישות היא מסמך חי שצריך לשקף את מצב האתר הנוכחי. עדכנו אותה בכל שינוי מהותי.

איך לשלב נגישות בתהליך העבודה השוטף

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

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

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

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

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

סיכום - מנגישים צעד אחר צעד

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

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

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