כיצד להנגיש את האתר שלך?

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

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

   • גובה השורה (ריווח השורות) צריך להיות לפחות פי 1.5 מגודל הגופן. ב- CSS זה נעשה באופן הבא:

     קו גובה: 1.5; 

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

     שוליים תחתונים: 2em; 

   • באפשרותך להתאים את ריווח המילים באמצעות word-spacingתכונת CSS וריווח אותיות עם letter-spacing. יותר מדי מכך גם מקשה על קריאת הטקסט, אז השתמשו בשיקול הדעת שלכם. עם זאת, וודא שאם הגודל של ריווח האותיות הוא 0,12em, והמילה מרווחת ל- 0,16em, הטקסט עדיין קריא.
3. 3
   יש ניגודיות גבוהה מספיק. יש אנשים שלא יכולים לקרוא את הטקסט אם הניגודיות נמוכה מדי. ישנם כלים אוטומטיים רבים לבדיקת הניגודיות. אתה יכול גם לכבות צבע ולהסתכל באתר בעצמך.

   • ספק גם אפשרות ליצור ניגודיות נמוכה, מכיוון שאף אנשים מסוימים קשה לקרוא גם ניגודיות גבוהה מדי.
4. 4
   הימנע מהצדקת טקסט משני הצדדים. שמור טקסט מוצדק בצד שמאל עם קצה ימין מרופט. קל יותר לקרוא סגנון זה, במיוחד עבור אנשים עם דיסלקציה.
5. 5
   בחר גופן מספיק גדול. קירוב טוב הוא להשתמש לפחות ב -12 פיקסלים, ובאופטימלי 16 פיקסלים ואפילו 18 פיקסלים.
6. 6
   הימנע מתורים ארוכים. אלה יכולים להקשות על מעקב אחר זרימת הטקסט. השתמש במקסימום 80 תווים (מקסימום 40 אם הטקסט בסינית, יפנית או קוריאנית).
7. 7
   השתמש בצבעים בטוב טעם. יותר מדי צבעים בהירים עלולים לגרום לכאב ראש אצל אנשים רגישים. השתמש בצבעים בהירים רק כמבטאים. נסה פלטת צבעים מאופקת יותר עם צבעים כמו אפור, פסטל וצבעים שאינם רוויים מדי.
8. 8
   צמצם את האנימציות למינימום. או הסר אותם לחלוטין. אנימציות יכולות להסיח את הדעת ולמנוע מהמשתמש לקרוא את התוכן הראשי. אם יש לך אנימציות, יש אפשרות לכבות אותן.

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

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

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

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