נגישות אתרים, חלק ב׳


איך יראה ויפעל אתר נגיש?

אחרי שהבנו למה חשוב ומי צריך להנגיש אתרים בואו נראה איך יראה ויפעל אתר נגיש,

בתחילה זה אולי ייראה לנו משימה לא פשוטה, איך ככול שנבין, ניישם, ונשים לב לפרטים

כבר משלב התכנון והאפיון של האתר, הנגשת האתר תהיה חלק אינטגרלי נאפיון, עיצוב ובניית האתר.


תיאורי תמונות וכפתורים

לתכנים שאינם טקסטואלים כגון תמונות ופקדים, יש להוסיף תיאור טקסטואלי על מנת שהגולשים באתר הנעזרים בטכנולוגיות מסייעות יוכלו להתמצאת ולהבין מה יש באתר, התיאור הטקסטואלי הזה מכונה "Alternative text" ובקיצור alt.

כמו כן, הוספת כותרת ותיאור התמונות משפרת משמעותית את תוכן האתר ומסייעת לקידום בגוגל seo.

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

וידאו ואודיו

לסרטונים באתר יש להוסיף כתוביות, במידת האפשר רצוי להוסיף קובץ את קובץ השמע של הוידאו.

מיעד נוסף תוכלו למצוא כאן http://www.nagish.org.il

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

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

טקסטים קריאים

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

גודל הפונט המינימלי המומלץ הוא 12 (תלוי כמובן גם בסוג הפונט).

עריכת תוכן וטקסטים

על מנת לאפשר לאנשים עם ליקויי ראייה להתמצאות בקלות במבנה התכני של האתר חשוב להקפיד על שימוש תקין בתגיות כותרת H1-H6. השימוש בכותרות יוצר סדר ובידול, מקל על סריקת המסמך והקריאה. כמו כן חשוב להקפיד על ריווחים נכונים בין כותרות לפסקאות ובין שורה לשורה בפסקה.

מבנה, קשרים ורצף

חשוב להקפיד על היררכיה וסדר באתר.

אפשרות שינוי התצוגה ע״י המשתמש

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

שינוי צבעי מסך (צבעים קונטרסטים | שחור-לבן)

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

שימוש מקלדת במקום בעכבר

תוכנות הקראת אתרים משתמשות בלחצן tab על מנת לעבור משדה לשדה, סריקת טקסטים, מעבר על תמונות וכו׳. באמצעות הקראת האתר יוכלו עוורים ולקויי ראייה ״לראות״ ולהבין את האתר, לגלוש באתר, ולכן חשוב לוודא שבעת השימוש באמצעות בלחצן בלבד ובחיצים המעבר בין השדות יהיה נכון.

עקיפת בלוקים

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

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

טפסים

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

טבלאות

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

תפריטים

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

לינקים וקישורים

חשוב לשים לב שלינקים וקישורים יהיו ברורים, נתן לעשות זאת ע״י:

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

טקסט מדוייק (למשל לחצו לצפיי בעבודות נוספות).

הדגשת הטקסט של הלינק בצבע וקוו תחתון.

הודעות שגיאה

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

עבודה לפי תקנים

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

ניתן לקרוא עוד על החוק להנגשת אתרים באתר איגוד האינטרנט הישראלי http://www.isoc.org.il

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

במאמר הבא אדבר על דגשים למעצבי אתרים והנגשת אתרי ויקס.

נתראה

#נגישות #אתרנגיש #הנגשתאתרים

  • Facebook - Black Circle
  • YouTube - Black Circle