נגישות ועיצוב, יותר פשוט ממה שחשבתם חלק ג׳


במאמר השלישי בנושא נגישות אתן כלים ודגשים אותם נוכל ליישם בתכנון (שלב האפיון) ועיצוב האתר, חשוב לזכור שהנגישות קודמת לעיצוב ולכן אם בתהליך האפיון נתן את הדגש וצומת הלב, נוכל בקלות לבנות אתר נגיש


במערכות הפופולריות:

וורדפרס - נוכל להתקין תוסף הנגשה שיביא את האתר לרמת הנגשה מקסימלי (וזאת בנוסף אפיון ועיצוב מונגש).

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

דגשים למעצבי אתרים

בתהליך האפיון ועיצוב חשוב שנקפיד על כמה דברים:

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

  • שימוש בשורת התמצאות במקום בכל עמוד, bread crumbs (פירורי הלחם).

  • שימוש באמצעי חיפוש שונים - תיבת חיפוש, מפת אתר, תגיות, ובהתאם לאופי האתר ומורכבותו.

  • תפריטים ברורים וקלים לתפעול, מומלץ כטקסטים, במידה ונשתמש בתמונות יש לוודא שימוש מכון בתאורי התמונה (alt).

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

  • הקפדה על עיצוב נקי! להמנע מרקעים לא אחידים \ רקעים לטקסטים \ אנימציות רעשניות \ עודף קווים ומסגרות \ עודף אלמנטים גרפיים \ תנועה רבה מידי \ סאונד פתאומי.

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

  • תכנון טיפוגרפי - בחירת פונט אחד שיוביל את הטקסטים באתר, מומלץ עד 3 גדלים, ושימוש בתגי כותרת ופיסקה, באמצאות כותרות נוכל לארגנן את היחסים בין הפריטים השונים, סדר חשיבות ושייכות.

  • צבעוניות היא מרכיב חשוב בעיצוב האתר, זהו אחד האתרים שעומדים בפני המעצב, מצד אחד לשמור על צבעוניות המותג, מצד שני לוודא שהצבעוניות נגישה לעיוורי צבעים ואנשים עם לקויי ראייה, חשוב לבדוק את ניגודיות הצבעים באתר, ניתן לעשות זאת על ידי בדיקה באתר (הקישור כאן).

  • שמירה על עקביות בשפת העיצובית של האתר בכל העמודים.

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

להנגיש אתר זו זכות ובחירה,

הבחירה לאפשר לכל אחד באשר הוא קודם כל להינות מחוויית הגלישה.

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


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

  • Facebook - Black Circle
  • YouTube - Black Circle