תהליך להנגשת אתר - הנגשת אתרי wordpress

6 השלבים להנגשת wordpress

wordpress-accessibility

נרשמים למערכת ומוסיפים אתר

כמפורט בעמוד "איך זה עובד"

wordpress-accessibility הרשמה לאתר של
הוסף-אתר
wordpress-accessibility

העתקת הקוד והטמעתו בקובץ Header

כמפורט בעמוד "איך זה עובד"

קוד-להטמעה
הטמעת-הקוד
wordpress-accessibility

הגדרת שמות יחודיים לתפריטים

יש לגשת לפנל ניהול ולהקליק על כפתור "config"
יש למצוא את שם התפריט שניתן בבניית האתר ע"י הקלקה על לחצן ימני בעכבר ו"בדוק מרכיב"
יש להעתיקו לשדה "בורר" ולהוסיף את הסימול #
יש להזין שם חדש בעברית בשדה "שם"

כמפורט בעמוד "מרכז המידע"

config
תפריט
4 (1)

הגדרת שמות יחודיים לטפסים השונים באתר

הוספת קוד לשורטקוד המתקבל מפלאגין contact form 7

כמפורט בעמוד "מרכז המידע"

שם-לטופס
שורטקוד-שם-לטופס
5

הנגשה בקוד

תמונות באתר

  • האם לכל התמונות שמטרתן להעביר מידע בעל ערך יש טקסט חליפי ברור המתאר את התמונה?
  • תמונות שמצריכות טקסט חליפי ארוך יקבלו קישור למקום אחר בעמוד או לעמוד חדש אשר יתן הסבר על התמונה או הסבר מעל התמונה
  • תמונות אוירה אשר אין להן משמעות באתר יקבלו אלט ריק (ALT="")
  • Capcha – קוד גרפי המזהה רובוטים יקבל חלופה קולית או הזדהות באמצעות SMS או שאילתא טקסטאולית או כל חלופה אחרת
    קרא עוד על הנגשת תמונות באתר

כותרות

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

קרא עוד על הנגשת כותרות

טפסים

  • יש לספק label לכל השדות בטופס – הרכיב פותר בעיה זו
  • הודעות שגיאה – יש לספק הודעת שגיאה ברורה ולעביר פוקוס לשדה השגוי
  • יש לציין מהו שדה חובה

קרא עוד על הנגשת טפסים

צבעוניות

  • יחסי ניגודיות בצבע הטקסט
  • שינוי חזותי לרכיבים עליהם נמצא הפוקוס

הרכיב פותר בעיות אלו

טקסטים

  • הקטנת והגדלת טקסטים – הרכיב פותר בעיה זו

טבלאות

  • טבלאות נתונים מורכבות: יש לוודא שלא קיימות טבלאות נתונים מורכבות המקשות על ניווט בטבלה והבנת התכנים המוצגים בה. בנוסף טבלאות נתונים יכללו כותרות th
    קרא עוד על הנגשת טבלאות

מקלדת

  • האם באתר קיימות דרכים לאיתור דפי משנה באתר. לדוגמה: חיפוש, מפת אתר, תפריט ניווט ראשי (הרכיב פותר בעיה זו)
  • ניווט באמצעות המקלדת: כל הפעולות באתר ניתנות לביצוע באמצעות מקשי המקלדת. הרכיב פותר בעיה זו
  • האם ניווט באמצעות TAB  הוא לוגי ואינטואיטיבי בהתאם לסדר הרכיבים המוצגים על גבי המסך, אם האתר באנגלית השימוש במקלדת אמור להתחיל בצד שמאל וכן בעברית בצד ימין.
  • מנגנון לעקיפת בלוקים – הרכיב מייצר. הרכיב פותר בעיה זו
  • מיקוד: כאשר רכיב מקבל פוקוס באמצעות מקשי מקלדת, לא מתבצע שינוי משמעותי (דוגמאות לשינוי משמעותי – פתיחת חלון חדש, העברת מוקד לרכיב אחר, מעבר לדף חדש). הרכיב פותר בעיה זו
  • מלכודת מקלדת: ה focus אינו נתקע אף פעם על רכיב מסוים מבלי שתהייה אפשרות להמשיך הלאה בניווט באמצעות המקלדת

מדיה

    • מדיה – אפשרות הפעלת המדיה בעזרת המקלדת וכן הוספת תמלול, כתוביות ותמלול קולי.

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

  • לכל IFRAME יהיה תיאור המתאר את תפקידו.

קרא עוד על הנגשת IFRAME

קישורים

  • מטרת הקישורים בתוך מאמר צריכה להיות ברורה ומובנת
  • אין להשתמש בקישורים כמו: "המשך לקרוא" או "לחץ כאן"

קרא עוד על הנגשת קישורים

6

הצהרת נגישות

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

כמפורט בעמוד "הצהרת נגישות"

לוגו נגישות
הצהרת-נגישות

הנגש את האתר כבר היום

14 יום התנסות חינם ללא התחיבות