טופס יפה שרק משתמשי עכבר עם ראייה מושלמת יכולים להשלים הוא ערוץ מכירות שבור. טפסי קשר, הזמנה ותשלום חייבים לעבוד במקלדת, להיות מובנים לקורא מסך, ולאפשר התאוששות כשמשהו לא תקין.
תוויות שטכנולוגיה מסייעת יודעת לקשור
השתמשו ב-<label> (או שם מקושר תכנותית) לכל בקרה. אל תסמכו על placeholder לבד. קבצו רדיו וצ׳קבוקסים קשורים ב-fieldset ו-legend כשצריך.
שגיאות שאפשר לתקן
- אמרו איזה שדה נכשל ואיך לתקן
- שמרו ערכים שנשלחו כשאפשר
- אל תנקו את כל הטופס אחרי טעות אחת
- הימנעו מרמזי שגיאה בצבע בלבד
סיכונים ספציפיים לקופה
מילוי אוטומטי שנשבר בגלל autocomplete מוזר, שדות חובה שמסומנים רק בכוכבית אדומה בתמונה, ו-iframe תשלום שגונב פוקוס בלי הסבר.
רשימת קבלה מעשית
- השלימו את הטופס במקלדת בלבד
- הפעילו קורא מסך ושמעו כל תווית
- שלחו ריק וקראו כל שגיאה
- הגדילו ל-200% וודאו שהשדות עדיין מסתדרים