קריאות

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

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

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

קריאות תלויה בסביבה כולה

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

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

משווים בגודל שבו יקראו

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

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

מעבדת אותיות

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

אפרת 18px / 400

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

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

בודקים אותיות דומות וסימנים

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

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

מכוונים את החלל סביב האותיות

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

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

מעבדת אותיות

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

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

מסיימים בבדיקת קריאה אמיתית

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

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