הנגשת קישורים מתחילה בטקסט: הטקסט של הקישור צריך לומר לאן הוא מוביל, גם כשקוראים אותו לבד, בלי המשפט שסביבו. בנוסף, צריך לראות שזה קישור לא רק לפי הצבע (בדרך כלל עם קו תחתון), להגיע אליו ולהפעיל אותו במקלדת, לראות פוקוס, ולדעת מראש אם הוא פותח חלון חדש או מוריד קובץ.
נסו את זה: פתחו עמוד באתר שלכם וקראו רק את הקישורים, בלי שום טקסט אחר. "לחצו כאן", "קרא עוד", "קרא עוד", "לפרטים". ככה בדיוק נשמע העמוד למי שמשתמש בתוכנה להקראת מסך ומבקש לשמוע את רשימת הקישורים.
קישור תקין מול קישור לא תקין
| לא תקין | תקין | למה |
|---|---|---|
| לחצו כאן | מחירון השירותים שלנו | הטקסט אומר לאן מגיעים |
| קרא עוד (10 פעמים בעמוד) | קראו עוד על הנגשת טפסים | כל קישור שונה מהאחרים |
| https://www.example.co.il/page?id=123 | דף יצירת הקשר | כתובת מלאה מוקראת תו אחרי תו |
| לחצו על הכפתור האדום | לחצו על "שליחה" | לא מסתמכים על צבע |
| קישור לתמונה בלי טקסט חלופי | תמונה עם טקסט חלופי שמתאר את היעד | בלי זה, התוכנה מקריאה את שם הקובץ |
| דוח שנתי | דוח שנתי 2025 (PDF, 2MB) | יודעים מראש שזה קובץ ומה הגודל שלו |
בסרטון הזה אני מראה את ההבדל, ואיך בודקים קישורים באתר:
7 כללים לקישור נגיש
- טקסט שמתאר את היעד. המילה החשובה בהתחלה. בלי "קישור ל…" כי התוכנה להקראת מסך כבר אומרת "קישור".
- שונה מהטקסט שסביבו. לא רק בצבע. קו תחתון הוא הדרך הכי ברורה.
- נגיש במקלדת. מגיעים אליו ב-Tab, מפעילים ב-Enter, ורואים פוקוס.
- בלי קישורים ריקים. קישור שלא מוביל לשום מקום, או לאותו עמוד, מבלבל.
- חלון חדש? תגידו. עדיף לפתוח באותו חלון. אם חייבים חלון חדש, כתבו את זה בקישור, למשל "(נפתח בחלון חדש)".
- קובץ? תגידו מה הוא. סוג וגודל: PDF, Word, 2MB.
- לא להסתמך על title. המאפיין title לא תמיד מוקרא ולא מופיע במובייל. המידע החשוב צריך להיות בטקסט עצמו.
רוצים לדעת אם הקישורים באתר נגישים?
נבדוק את הקישורים, הכפתורים והתפריטים במקלדת ועם תוכנה להקראת מסך.
ומה אם העיצוב לא מאפשר טקסט ארוך?
זה קורה, למשל בכרטיסיות עם כפתור "קרא עוד" זהה בכל אחת. יש שתי דרכים לפתור את זה:
- להוסיף טקסט נסתר, שרק התוכנה להקראת מסך שומעת: הקישור נראה "קרא עוד", ומוקרא "קרא עוד על הנגשת טפסים". הטקסט הגלוי חייב להופיע בתוך השם.
- לשנות את המבנה, כך שהכותרת של הכרטיסייה היא הקישור, ו"קרא עוד" כבר לא נחוץ.
הדרך השנייה בדרך כלל טובה יותר, לכולם.
קישורים ותמונות
תמונה יכולה להיות קישור, בתנאי שהטקסט החלופי שלה מתאר לאן היא מובילה, ולא את מה שרואים בה. לוגו שמוביל לדף הבית? הטקסט החלופי: "WEB-A, לדף הבית". ואם יש טקסט על התמונה עצמה, יש לזה כללים משלו, שפירטתי במאמר על טקסט על תמונה.
בדיקה מהירה של 5 דקות
- לעבור על עמוד עם Tab ולראות שכל קישור מקבל פוקוס.
- לקרוא רק את הקישורים: האם כל אחד מובן לבד?
- לחפש "לחצו כאן" ו"קרא עוד" בתוכן.
- לבדוק שקישורים בטקסט שונים מהטקסט לא רק בצבע.
- לבדוק שכל קישור להורדה אומר מה הוא מוריד.
שורה תחתונה
קישורים הם חלק מהתוכן, ולכן רוב התיקונים בידיים של מי שכותב. עוד קריטריונים כאלה, שהתוכן אחראי להם, ריכזתי במאמר קריטריונים להנגשת תוכן. ואם האתר צריך תיקון עמוק יותר, בתבניות ובעיצוב, זה חלק משירות הנגשת אתרים שלנו.
שאלות נפוצות על הנגשת קישורים
מה זה קישור נגיש?
קישור שהטקסט שלו מתאר את היעד, שאפשר לזהות אותו לא רק לפי צבע, שמגיעים אליו ומפעילים אותו במקלדת, ושמודיע מראש על חלון חדש או קובץ.
למה "לחצו כאן" לא נגיש?
כי מי שמשתמש בתוכנה להקראת מסך שומע לפעמים רק את רשימת הקישורים. "לחצו כאן" לא אומר לאן מגיעים.
חייבים קו תחתון לקישורים?
התקן דורש שהקישור לא יזוהה רק לפי צבע. קו תחתון הוא הדרך הכי פשוטה לעמוד בזה בקישורים שבתוך טקסט.
מותר לפתוח קישור בחלון חדש?
מותר, אבל צריך להודיע על זה בטקסט הקישור. עדיף לפתוח באותו חלון, כדי שהמשתמש לא יאבד את המקום.
מומחה להנגשת אתרי אינטרנט וקצין הגנת פרטיות מוסמך (DPO). מעל 9 שנות ניסיון בליווי ארגונים לעמידה בתקנות הנגישות, ת"י 5568 ובחוק הגנת הפרטיות.
חושבים שהאתר שלכם חשוף?
אל תישארו עם התחושה. שלחו כתובת אתר ונחזור אליכם עם תמונת מצב ראשונית, בלי התחייבות.