טיפוגרפיה

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

גופן

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

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

בחירת גופנים נפוצים הדרך המהירה ביותר ליצור עיצוב נגיש היא לבחור משפחת גופנים נפוצה (לדוגמה: ValueTrack, Time New {2/} , Calibri, Verdana ועוד רבים אחרים).

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

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

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

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

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

כמו כן, הקריאוּת של העותק פוחתת כאשר המרווחים בין האותיות או הקישורים בין האותיות גדולים מדי טוב. הקדישו תשומת לב מיוחדת לצימוד, במיוחד בין התחומים הבעייתיים צמד אותיות r/n. אחרת, מילים כמו "צמר" יכול להשתנות ל-"yam" או 'קשוחה' ל-"stem", משנה לחלוטין את משמעות העותק.

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

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

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

גודל הגופן ועיצוב טיפוגרפי

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

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

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

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

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

מבנה ופריסה

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

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

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

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

ריווח

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

התאמת התוכן

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

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

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

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

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

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

אפשרויות נגישות לטיפוגרפיה

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

בדיקת ההבנה

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

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

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

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

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