💡


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

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

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

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

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

הכלל הראשון

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

הכלל השני

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

המחשה של שורות טקסט העולות אחת על השניה

כלל שלישי

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

המחשה של טקסט שנחתך  

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


FAQ



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

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

• גלילה אופקית • טקסטים שמכסים זה את זה • טקסט שנחתך או יוצא מהמסך

יש להקפיד שהעיצוב משתמש ביחידות גמישות (כמו em או rem), ולהגדיר line-height וריווח מתאים בין שורות, תיבות וכותרות.

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

עודכן בתאריך: