מדריך נגישות לעובדים

הוראות להעלאת תוכן נגיש לאתר ולמערכות המשרד

עדכון אחרון: נובמבר 2025

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

תמונות וגרפיקה

  • הוסף תיאור alt לכל תמונה שמעבירה מידע
  • התיאור צריך להיות קצר ותמציתי (עד 125 תווים)
  • לתמונות דקורטיביות בלבד - השתמש ב-alt ריק (alt="")
  • אל תכתוב "תמונה של..." - קורא המסך אומר זאת אוטומטית
  • אל תשתמש בתמונות של טקסט במקום טקסט אמיתי

✓ נכון: alt="עו״ד נדב דרזנין, שותף מייסד"

✗ שגוי: alt="תמונה" או alt="IMG_1234.jpg"

כותרות ומבנה

  • השתמש בכותרות היררכיות (H1, H2, H3) לפי סדר
  • כל דף צריך כותרת H1 אחת בלבד
  • אל תדלג על רמות (למשל, מ-H1 ישר ל-H3)
  • אל תשתמש בכותרות רק לצורך עיצוב (גודל/צבע)
  • חשוב על הכותרות כתוכן עניינים - האם הן מסכמות את המבנה?

קישורים

  • טקסט הקישור צריך לתאר את היעד ("צור קשר", "קרא את המאמר המלא")
  • לקישורים חיצוניים - ציין שהם נפתחים בחלון חדש
  • אל תשתמש ב"לחץ כאן" או "למידע נוסף" כטקסט קישור בודד
  • אל תצור קישורים ארוכים מדי (יותר מ-100 תווים)

✓ נכון: קרא את המאמר על התחדשות עירונית

✗ שגוי: לחץ כאן

רשימות

  • השתמש ברשימות ממוספרות כשהסדר חשוב
  • השתמש ברשימות בולטות (bullets) לפריטים ללא סדר
  • אל תשתמש במקפים או כוכביות ידניים במקום רשימות HTML

טבלאות

  • השתמש בטבלאות רק לנתונים טבלאיים, לא לעיצוב
  • הגדר כותרות לעמודות ולשורות (th)
  • הוסף כותרת (caption) לטבלה
  • טבלאות מורכבות עלולות להיות קשות לקריאה - שקול חלופות

מסמכי PDF

  • ייצא PDF מ-Word עם הגדרות נגישות פעילות
  • הוסף תגיות (Tags) למסמך
  • הגדר שפת מסמך ומבנה קריאה
  • בדוק נגישות עם Acrobat Accessibility Checker
  • אל תסרוק מסמכים כתמונה - השתמש ב-OCR

צבעים וניגודיות

ודא שיש מספיק ניגודיות בין טקסט לרקע:

  • •טקסט רגיל: יחס ניגודיות מינימלי 4.5:1
  • •טקסט גדול (18pt ומעלה): יחס ניגודיות מינימלי 3:1
  • •אל תשתמש בצבע בלבד להעברת מידע (למשל, שגיאות רק באדום)

השתמש בכלי בדיקת ניגודיות: webaim.org/resources/contrastchecker

טפסים

  • כל שדה חייב תווית (label) ברורה
  • סמן שדות חובה בכוכבית ובטקסט
  • הודעות שגיאה צריכות לציין מה הבעיה ואיך לתקן
  • קבץ שדות קשורים עם fieldset ו-legend

וידאו ואודיו

  • הוסף כתוביות לכל סרטון
  • ספק תמלול לקובצי אודיו
  • הימנע מהפעלה אוטומטית עם סאונד
  • תיאור אודיו (audio description) נדרש לסרטונים עם מידע חזותי קריטי

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

לשאלות או עזרה בנושא נגישות תוכן, פנו לרכז הנגישות