נגישות אתרי אינטרנט - מדריך הנגשה מעשי
בקצרה
הנגשת אתר היא תהליך של התאמת המבנה, העיצוב והקוד כך שכל אדם - כולל משתמשים עיוורים, כבדי-ראייה, חירשים, בעלי מוגבלות מוטורית או קוגניטיבית - יוכל לתפעל את האתר. בפועל זה אומר: ניווט מקלדת מלא, ניגודיות צבעים מספקת, טקסט חלופי לתמונות, כותרות ומבנה סמנטי, טפסים מתויגים, ושימוש נכון ב-ARIA. כל אלה נדרשים כדי לעמוד בת"י 5568 ברמה AA.
באשכול זה תמצאו מדריכים מעשיים לכל היבט של הנגשת אתר - מה לבדוק, איך לתקן, ואילו שגיאות נפוצות להימנע מהן.
מאמרי האשכול
- איך להנגיש אתר אינטרנט - מדריך מעשי מלאתהליך ההנגשה מקצה לקצה - מאמר העוגן.
- בדיקת נגישות אתר - ידנית מול אוטומטיתאיך בודקים נכון ומדוע כלי אוטומטי לא מספיק.
- נגישות לפי סוג מוגבלותראייה, שמיעה, מוטורית וקוגניטיבית - מה צריך כל קהל.
- נגישות מקלדתתפעול מלא ללא עכבר, סדר טאב ומלכודות פוקוס.
- ניגודיות צבעיםיחסי הניגודיות הנדרשים (4.5:1 ו-3:1) ואיך בודקים.
- בודק ניגודיות צבעים (כלי חינמי)הזינו צבע טקסט ורקע וקבלו יחס ניגודיות ובדיקת AA/AAA.
- טקסט חלופי לתמונות (alt)איך כותבים alt טוב ומתי להשאיר ריק.
- מבנה סמנטי וכותרותהיררכיית כותרות, landmarks ו-HTML נכון.
- טפסים נגישיםתוויות, הודעות שגיאה והנחיות מילוי.
- ARIA - שימוש נכון ושגיאות נפוצותמתי להשתמש ב-ARIA ומתי לא.
- נגישות וידאו ומולטימדיהכתוביות, תמלול ותיאור קולי.
- 10 שגיאות הנגישות הנפוצותהכשלים שחוזרים ברוב האתרים - ואיך לתקנם.
שאלות נפוצות על הנגשת אתרים
כמה זמן לוקח להנגיש אתר?
תלוי בגודל ובמורכבות האתר - מאתר תדמית קטן (ימים) ועד אתר מסחר גדול (שבועות). תהליך נכון כולל בדיקה, תיקון, בדיקה חוזרת והצהרת נגישות. המדריך המלא.
אפשר להנגיש אתר עם תוסף אוטומטי בלבד?
לא לבדו. כלים אוטומטיים מזהים ומטפלים בחלק מהבעיות, אך חלק ניכר מהדרישות (כמו טקסט חלופי משמעותי או היגיון ניווט) מצריך עבודה ידנית. קראו על בדיקה ידנית מול אוטומטית.
מהי ניגודיות הצבעים הנדרשת?
4.5:1 לטקסט רגיל ו-3:1 לטקסט גדול, לפי קריטריון 1.4.3 ברמה AA. פירוט והסבר.