הודעות שגיאה

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

• אי מילוי של שדה חובה.
• נדרש פורמט מסוים לשדה (הגבלה של תווים, תווים נומריים בלבד, שדה תאריך וכד').
• חריגה מטווח ערכים.

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

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

הנחיות נגישות רלוונטיות

הנחיה 3.3 עזרה בקלט: יש לסייע למשתמשים להמנע משגיאות ולתקנן.

טכניקות לבניית הודעות שגיאה נגישות

עיצוב ההודעת שגיאה

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

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

תוכן הודעת שגיאה

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

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

במקרה כזה, הודעת השגיאה תכלול:

• ה label של השדה באופן מדויק
• תאור של מהות השגיאה
• תאור המצופה לתיקון / דוגמא לתיקון

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

קוד של הודעות שגיאה

• וודא כי כל ה-user agents יכולים לבצע parsing של הודעות השגיאה. השתמש בכותרת (HTML (h1 לדוגמא ע"מ לזהות את אזור השגיאה.
• אם אתה משתמש בתכנה המציינת מספרי ID להודעות שגיאה, אל תהסס להוסיף את המספרים ל- id attribute של פריטי רשימת השגיאות (li). אם אתה משתמש בבדיקות פונקציונאליות אוטומטיות (כמו Rational Robot), יהיה קל הרבה יותר לתוכנת הבדיקה לבצע parsing לצורך זיהוי הודעת השגיאה.
• השתמש ב-accesskey attribute (קיצור מקשים) לצורך ניווט לאזור הודעות השגיאה. שימושי במיוחד כאשר הטופס יכול לגרום לשגיאות רבות ומאפשר למשתמש לעבור במהירות בין הטופס להודעות השגיאה.
• הבחנה בין הודעות client side תוך שימוש ב ajax ובין להודעות server side עלולות להציב קשיים חמורים בפני משתמשים עיוורים. אנא קראו את המאמר בנושא ARIA.