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

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

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

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

  • שְׁמִיעָתִי
  • קוגניטיבי
  • נוירולוגי
  • חזותי

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

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

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

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

מראה עיוור צבעים

מוזר, נכון? כך יכול אדם עם עיוורון צבעים לתפוס זאת. זה תלוי גם בסוג הצבעים שמשפיע עליכם. עם התוסף 'NoCoffee' המדמה את מצבי התצוגה השונים על פי מוגבלות (זמין רק ב- Google Chrome). הצלחנו לאמת מה שלומם של אנשים אלה. הנה כמה דוגמאות:

אובדן ניגודיות

אובדן ניגודיות

נוף רוח

נוף רוח

קטרקט

תצוגה עם 'Cataratas'

נוף מטושטש

נוף מטושטש

מבט היקפי

מבט היקפי

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

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

 

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

 

 

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

כלים למשתמש לקוי ראייה

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

  • גלגל צבעוני נגישות: זהו כלי לבחירת שילובי צבעים שאינם מציגים בעיות נגישות.
  • ניגודיות גבוה: זהו כלי שבעזרתו תוכלו לבחור את הניגודיות כדי לקרוא את הטקסטים בצורה קלה יותר.
  • ChromeVox חובה לקהילה לקויי ראייה - מביא את המהירות, הרבגוניות והאבטחה של Chrome למשתמשים לקויי ראייה.
  • CLiCk, דבר: קורא מסך לדפדפן Mozilla Firefox. כלי זה שימושי מאוד לאנשים הסובלים מבעיות ראייה קשות או שהם עיוורים לחלוטין.
    פנקס רשימות קל לדבר 3.0: בעזרת כלי זה, המחשב שלך יקרא את הודעות הדוא"ל או מסמכי הטקסט שיש לך במחשב האישי שלך.
  • אד ווב: דפדפן סינתיסייזר דיבור שיכול להציג גם דפי אינטרנט כשילוב של טקסט וסמלים.
  • בדוק ניגודיות צבע: כלי המאפשר לך לציין צבע רקע וטקסט ולבדוק את הניגודיות שלהם באמצעות הנוסחה WCAG 2.0.

בניגוד לרוב תוכנות הנגישות, היא בנויה באמצעות טכנולוגיות אינטרנט בלבד כמו HTML5, CSS ו- Javascript. ChromeVox תוכנן מהיסוד כדי לאפשר גישה חסרת תקדים ליישומי אינטרנט מודרניים, כולל אלה המשתמשים ב- W3C ARIA (Rich Internet Application Access) כדי לספק חוויית שולחן עבודה עשירה.

עיצוב אתרים לגישה נוחה

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

ספק כותרות לדפים

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

טקסט חלופי (ALT) בתמונות

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

להעברת מידע, אייקונים

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

מבטיח נגישות לתוכן שאינו HTML

לא רק האתר חייב להיות נגיש. כל התוכן הכלול או מקושר מדף אינטרנט, כגון סרטונים, אודיו, קבצי PDF, מסמכי Microsoft Word או מצגות PowerPoint חייב להיות נגיש.


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

היה הראשון להגיב

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

כתובת הדוא"ל שלך לא תפורסם. שדות חובה מסומנים *

*

*

  1. אחראי לנתונים: מיגל אנחל גטון
  2. מטרת הנתונים: בקרת ספאם, ניהול תגובות.
  3. לגיטימציה: הסכמתך
  4. מסירת הנתונים: הנתונים לא יועברו לצדדים שלישיים אלא בהתחייבות חוקית.
  5. אחסון נתונים: מסד נתונים המתארח על ידי Occentus Networks (EU)
  6. זכויות: בכל עת תוכל להגביל, לשחזר ולמחוק את המידע שלך.