טיפוגרפיה

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

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

גופן

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

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

בחירה של גופנים נפוצים

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

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

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

מאפייני אותיות וריווח

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

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

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

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

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

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

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

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

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

h2 {font-size: 16px;}

h2 {font-size: 1rem;}

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

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

מבנה ופריסה

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

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

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

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

ריווח

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

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

התאמת תוכן

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

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

למזלנו, יש הנחיות ברורות לגבי ריווח וכלים כמו Good Line-Height ו-Golden Ratio Calculator שיכולים לעזור לנו להפוך את הטקסט לנגיש יותר. ההנחיות האלה עוזרות לאנשים עם הפרעות קשב, לקויות קריאה ולקויות ראייה להתמקד יותר בתוכן המודעה ופחות בפריסה שלה.

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

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

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

נקודות חשובות לגבי טיפוגרפיה נגישה

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