האם הודעת "הטופס נשלח בהצלחה" נגישה?

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

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

למה הודעת הצלחה היא חלק מנגישות הטופס?

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

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

מה קורה כשהודעת ההצלחה לא נגישה?

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

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

הודעת הצלחה צריכה להיות ברורה, לא רק יפה

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

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

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

למה צבע ירוק או סימן וי לא מספיקים?

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

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

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

האם קורא המסך יודע שהודעת ההצלחה הופיעה?

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

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

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

הודעת הצלחה נגישה צריכה להיות חלק מבדיקת הטופס

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

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

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

שלושה דברים קטנים שכדאי לבדוק בהודעת הצלחה

האם ההודעה כתובה במילים ברורות?

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

האם ההודעה מופיעה במקום הגיוני?

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

האם ההודעה מוקראת על ידי קורא מסך?

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

מה לגבי עמוד תודה אחרי שליחת טופס?

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

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

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

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

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

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

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

למה זה חשוב גם לבעלי האתר?

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

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

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

יו אי יוזר אקססביליטי - הנגישות נמצאת בפרטים הקטנים

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

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

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