טיפוגרפיה

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

גופן

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

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

בחירת גופנים נפוצים הדרך המהירה ביותר ליצור עיצוב נגיש היא לבחור בגופן משותף (לדוגמה, Arial, Times New Roman, Calibri, Verdana ועוד רבים אחרים).

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

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

מאפיינים וצימוד של אותיות

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

שגיאות קריאות נפוצות הן האותיות "I" (הודו), אותיות קטנות (L) (אותיות קטנות) והמספר "1". בדומה לכך, צמדי אותיות כמו b/d, p/q, f/t, i/j, m/w ו-n/u יכולים לפעמים להפוך שמאלה או למעלה-למטה בחלק מהקוראים.

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

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

כשמחפשים את הגופן הבא, חשוב לשים לב לנקודות הבאות:

  • כשאפשר, כדאי להשתמש בגופנים נפוצים.
  • מומלץ להימנע משימוש בגופנים מורכבים או בכתב יד, ובגופנים שיש בהם רק תו אחד.
  • בוחרים גופן עם מאפיינים ייחודיים – חשוב לשים לב במיוחד לאותיות ה-I, ל-l ו-1 באותיות קטנות.
  • בדקו שילובי אותיות מסוימים כדי לוודא שהם לא תמונות מראה מדויקת.
  • בודקים את הקידוד, במיוחד בין צמד האותיות r/n.

גודל הגופן וסגנון טיפוגרפי

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

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

מה אסור לעשות
h2 {font-size: 16px;}
מה מותר לעשות
h2 {font-size: 1rem;}

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

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

מבנה ופריסה

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

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

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

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

ריווח

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

יישור התוכן

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

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

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

שיטות מומלצות לעיצוב ולפריסה

כשאתם שוקלים את המבנה והפריסה, חשוב:

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

מסקנות נגישות לגבי הטיפוגרפיה

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

בדיקת ההבנה

בחינת הידע שלכם במדידת נגישות

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

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

אילו גופנים הכי מתאימים לנגישות?

גופני מערכת כמו Arial ו-Verdana.
גופנים נפוצים מובילים למהירויות קריאה גבוהות יותר ולרמת הבנה עמוקה יותר בהשוואה לגופנים לא נפוצים.
גופנים נגישים.
אוספי גופנים נגישים, כגון 'היציקה של Google' ב-Adobe Fonts, יכולים לעזור לכם לבחור את צורת הגופן המתאימה ביותר לעיצוב הבא שלכם.
לא משנה.
בחירת הגופנים יכולה להשפיע על נוחות הקריאה. מומלץ להימנע מסקריפטים מורכבים ומגופנים אומנותיים.