איך מנגישים אתר? בודקים אותו מול ת"י 5568 ברמה AA, מתקנים את מה שנמצא בקוד, בתבניות ובתוכן, בודקים שוב, ומפרסמים הצהרת נגישות. בפועל זה שישה שלבים: בדיקה, דוח, תיקון, בדיקה חוזרת, הצהרה ותחזוקה. חלק מהעבודה, כמו טקסט חלופי, כותרות וקישורים ברורים, אתם יכולים לעשות בעצמכם כבר היום.
"אז מה בעצם עושים?" זו השאלה שבעלי עסקים שואלים אותי אחרי שהם מבינים שהם צריכים אתר נגיש. הם שמעו על תקן, על תוסף, על תביעות. מה שחסר להם זה תמונה פשוטה של התהליך. אז הנה היא.
איך מנגישים אתר: ששת השלבים
- בדיקה. בודקים את התבניות והתהליכים המרכזיים באתר: במקלדת, עם תוכנה להקראת מסך, ובבדיקה חזותית. כלי אוטומטי עוזר, אבל לא מחליף.
- דוח. כל ליקוי נרשם בטופס הבדיקה: מה הבעיה, איפה, איזה סעיף בתקן, ואיך מתקנים.
- תיקון. המפתחים מתקנים בתבניות ובקוד. מי שמעלה תוכן מתקן את התוכן.
- בדיקה חוזרת. בודקים שוב את מה שתוקן, ומעדכנים בטופס מה נסגר ומה נשאר.
- הצהרת נגישות. מפרסמים הצהרה שמתארת את המצב בפועל, עם פרטי רכז הנגישות.
- תחזוקה. כל תוכן, עמוד או רכיב חדש צריך לעמוד באותם כללים.
בסרטון הזה אני מסביר את השלבים, ומה לוודא בכל אחד מהם:
שימו לב מה תוסף נגישות עושה עם הרשימה הזו: הוא מדלג על שלבים 1 עד 4. אין בדיקה של האתר שלכם, ולכן גם אין דוח, אין תיקון ואין בדיקה חוזרת. מה שנשאר זה שלב 5, בגרסה אוטומטית: הצהרה או "תעודה" כללית שנראית אותו דבר בכל אתר. אם מישהו ישאל אתכם פעם מה בדקתם ומה תיקנתם, לא יהיה לכם מה להראות.
מה אתם יכולים לעשות בעצמכם, כבר היום
| פעולה | למה זה חשוב | איך עושים |
|---|---|---|
| טקסט חלופי לתמונות | תוכנה להקראת מסך לא "רואה" תמונה | כותבים בשדה הטקסט החלופי מה התמונה מעבירה. תמונה מעוצבת בלבד: משאירים ריק |
| כותרות לפי הסדר | מי שמשתמש בתוכנה להקראת מסך מנווט לפי כותרות | H1 אחד, אחריו H2, ובתוכו H3. לא בוחרים כותרת לפי הגודל שלה |
| קישורים ברורים | "לחצו כאן" לא אומר לאן מגיעים | הטקסט של הקישור מתאר את היעד |
| ניגודיות | טקסט חיוור קשה לקריאה | לפחות 4.5:1 בין הטקסט לרקע בטקסט רגיל |
| כתוביות לסרטונים | מי שלא שומע צריך לקבל את אותו מידע | כתוביות מסונכרנות לכל סרטון עם דיבור |
| מידע לא רק בצבע | לא כולם מבחינים בצבעים | "שדה חובה" במילים, לא רק באדום |
רוצים להנגיש את האתר שלכם?
נתחיל בבדיקה מול התקן, ונלווה אתכם עד הבדיקה החוזרת והצהרת הנגישות.
מה דורש מפתח
יש דברים שאי אפשר לתקן מממשק הניהול. הם נמצאים בתבנית האתר ומשפיעים על כל העמודים בבת אחת:
- ניווט מלא במקלדת, בלי מלכודות, עם פוקוס שרואים.
- קישור "דלג לתוכן" לפני התפריט הראשי.
- מבנה עמוד ברור: אזורי header, nav, main ו-footer.
- טפסים עם תוויות מחוברות והודעות שגיאה במילים.
- רכיבים מורכבים, כמו תפריטים נפתחים, סליידרים וחלונות קופצים, שמוקראים נכון ונשלטים במקלדת.
אתר חדש? התחילו מהבסיס
אם האתר עוד לא נבנה, זה הזמן הכי זול להנגיש. בחרו פלטפורמה ותבנית שנבנו עם נגישות בראש, ודרשו מהחברה שבונה את האתר לעמוד בתקן כבר בשלב הפיתוח. לתקן אחר כך תמיד עולה יותר. מה עוד כדאי לבדוק מראש, כתבתי במאמר מה לעשות לפני הנגשת אתר.
למה זה שווה את זה
אתר נגיש הוא אתר שאנשים עם מוגבלות יכולים להשתמש בו, וזה הדבר החשוב. אבל הוא גם אתר שקל יותר להשתמש בו לכולם, שמנועי חיפוש מבינים טוב יותר, ושמקטין את הסיכון לתלונה או לתביעה. וכמה זה עולה? זה תלוי בגודל האתר ובמצב שלו. פירטתי את זה במדריך המחירים להנגשת אתר.
שורה תחתונה
הנגשה היא לא מוצר שמתקינים. היא תהליך עם התחלה, אמצע, וגם המשך. רוצים שנעשה אותו יחד? ב-WEB-A אנחנו מלווים את כל ששת השלבים, מהבדיקה הראשונה ועד ההצהרה. כל הפרטים בעמוד שירות הנגשת אתרים.
שאלות נפוצות על הנגשת אתר
מה השלבים בהנגשת אתר?
בדיקה מול התקן, דוח ליקויים, תיקון בקוד ובתוכן, בדיקה חוזרת, פרסום הצהרת נגישות, ותחזוקה שוטפת של תוכן ורכיבים חדשים.
אפשר להנגיש אתר לבד?
חלק כן: טקסט חלופי, כותרות, קישורים ברורים, ניגודיות וכתוביות. ניווט במקלדת, טפסים ורכיבים מורכבים דורשים מפתח, ובדיקה מקצועית מראה מה בדיוק צריך לתקן.
תוסף נגישות מנגיש את האתר?
לא. תוסף לא בודק את האתר שלכם ולא מתקן את הקוד. הוא מוסיף כלי תצוגה ומסמך כללי. הנגשה אמיתית כוללת בדיקה, תיקון ובדיקה חוזרת.
כמה זמן לוקח להנגיש אתר?
זה תלוי בגודל האתר, במספר התבניות ובמצב שלו. אתר תדמית קטן מהיר הרבה יותר מחנות עם אזור אישי. הבדיקה הראשונה נותנת הערכה מדויקת.
מומחה להנגשת אתרי אינטרנט וקצין הגנת פרטיות מוסמך (DPO). מעל 9 שנות ניסיון בליווי ארגונים לעמידה בתקנות הנגישות, ת"י 5568 ובחוק הגנת הפרטיות.
חושבים שהאתר שלכם חשוף?
אל תישארו עם התחושה. שלחו כתובת אתר ונחזור אליכם עם תמונת מצב ראשונית, בלי התחייבות.