חקיקה ותקנים

חשיבות כפתור עצירה לאנימציות קבועות

חשיבות כפתור עצירה לאנימציות קבועות

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

  1. - אנשים עם מוגבלויות קוגניטיביות
  2. - אנשים עם מוגבלויות למידה
  3. - אנשים מבוגרים
  4. - אנשים עם מוגבלויות בראיה

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

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

מראה האתר ללא מגבלה:

מראה האתר ללא מגבלה

גלאוקומה בנונית:

גלאוקומה בנונית

ניוון מקולרים בנוני:

ניוון מקולרים בנוני

עיוורון צבעים מלא:

עיוורון צבעים מלא

עיוורון צבעים:

עיוורון צבעים

קאטארט חמור:

קאטארט חמור

רטינופתיה סוכרתית בנונית:

רטינופתיה סוכרתית בנונית

רטיניטיס פיגמנטוזה בנונית:

רטיניטיס פיגמנטוזה בנונית

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

דגשים חשובים בעת עיצוב סליידרים

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

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

לסיכום

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

יש לכם אתר שצריך הנגשה? אנחנו ננגיש אותו עבורכם בקלות ובמחיר הוגן!

 

  • 138
מהו עיוורון צבעים
Profile Image

מהו עיוורון צבעים

איך מתאימים טכנולוגיה מסייעת?
Profile Image

איך מתאימים טכנולוגיה מסייעת?

עיקרון ראשון - תפיסה
Profile Image

עיקרון ראשון - תפיסה