איך יוצרים שדות נגישים בטופס מקוון?

מהו המידע שתרצו לאסוף מהמשתמשים שלכם?

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

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

בחירת סוגי שדות מתאימים בהתאם למידע המוזן.

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

שימוש ב- Place Holder המציג את מטרת השדה למשתמש

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

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

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

שימוש במנגנון שגיאות המותאם לכל שדה

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

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

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