Back
BackToMain
PrevMode
Mode
תמונה לקישוט בלבד נגישות לאינטרנט - לוגו עמותת נגישות ישראל איגוד האינטרנט הישראלי

תמונה לקישוט בלבד

עיצוב גרפי נגיש

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

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

במילים אחרות, אתר נגיש הוא קודם כל אתר בעל רמת Usability גבוהה. מומלץ לקרוא אתמדריך השימושיות של חברת addwise (המדריך בעברית).

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

בעמוד זה תמצאו מידע על:

שיקולים שיש לקחת בחשבון כאשר יוצרים עיצוב גרפי לאתר נגיש 

צבעוניות מתאימה לעיוורי צבעים

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

בשלב העיצוב ניתן להעזר בכלים הבאים:

קונטרסט בין תוכן לרקע

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

בדקו את הקונטרסט באתר המספק חינם בדיקת קונטרסט בין רקע לתוכן - הזינו את צבע הרקע וצבע התוכן ובידקו האם הקונטרסט מספק. האתר מסתמך על נוסחא מטמטית לבדיקת קונטרסט שפותחה ע"י ה W3C.

פונטים - גודל וסוג

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

  • השתמשו בפונטים פשוטים וקריאים על צגי מחשב
  • הגדירו את גודל הפונט באופן יחסי ולא אבסולוטי (em, %, או גודל יחסי +3 במקום px 12) כדי שהמשתמשים יוכלו להגדיל את הפונט בקלות.
  • למרות שאתם מאפשרים למשתמשים להגדיל את הפונט אל תגדירו גודל פונט קטן מדי כברירית מחדל. זאת משום שרוב המשתמשים לא יטרחו להגדיל את הפונט, הם פשוט יעברו לאתר אחר...
  • הקפידו על ריווח נוח לקריאה בין השורות - רווחים קטנים מדי מעייפים את הקורא.

מומלץ לקרוא את המאמר Fonts and How they Affect Accessibility

טקסטים גרפיים

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

 לתחילת העמוד לתחילת העמוד

 

נגישות ב Flash MX

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

 לתחילת העמוד לתחילת העמוד

 

נגישות מולטימדיה

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

הקישורים שלפניכם מלמדים:

 לתחילת העמוד לתחילת העמוד

.
חדש בנגיש

קישורים חשובים

Web Accessibility Initiative - יוזמת הנגישות של ה W3C

נציבות שיוויון זכויות לאנשים עם מוגבלויות - משרד המשפטים

עמותת נגישות ישראל

.
אנשים נגישים

עדי נתן

עדי נתן
כמעט עיוור

נורית פלג

נורית פלג
לקות ראיה ולקות פיזית

[אנשים נגישים נוספים]

.
תמונה לקישוט בלבד