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

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

1. התחשב בטקסט מוגדל

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

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

2. ניגודיות היא המפתח

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

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

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

3. שימו לב לצבעים עבור פריטי פעולה

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

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

4. אפשר למשתמשי שולחן העבודה לגלוש באתר הנייד שלך

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

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

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

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

סדרה נתמכת על ידי Wix.com

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

משאבי עיצוב נוספים מ-Mashable:

-מדריך בן 12 שלבים לטיפוח היצירתיות שלך

-8 אפליקציות עיצוב שולחן עבודה עוצמתיות וזולות

-איך: התחל עם המסגרת הפחותה

-8 משאבים חיוניים לטיפוגרפיה אינטרנט

-כיצד: להפוך את נתוני Foursquare שלך ​​לאינפוגרפיקה