קריטריון 1.3.5: זיהוי מטרת הקלט רמה AA
בקצרה
קריטריון 1.3.5 זיהוי מטרת הקלט (Identify Input Purpose, רמה AA) דורש שלשדות טופס לאיסוף מידע אישי יהיה מאפיין autocomplete עם ערך מוכר, כדי שדפדפנים וטכנולוגיות מסייעות יוכלו לזהות את מטרתם ולמלאם אוטומטית. הקריטריון נכלל ב-WCAG 2.1 ולכן הוא מעבר לדרישת ת"י 5568 (מומלץ).
פרטי הקריטריון
| מספר | 1.3.5 |
|---|---|
| שם | זיהוי מטרת הקלט (Identify Input Purpose) |
| רמה | AA |
| גרסה | WCAG 2.1 |
| עיקרון | 1 - מורגש (Perceivable) |
| הנחיה | 1.3 - ניתן להתאמה |
| מחייב לפי ת"י 5568 | לא - מעבר לדרישת ת"י 5568 (מומלץ) |
מה דורש קריטריון 1.3.5?
הקריטריון חל על שדות טופס המיועדים לאיסוף מידע אישי של המשתמש. הוא דורש שמטרת כל שדה כזה תהיה ניתנת לקביעה תכנותית - באמצעות מאפיין autocomplete עם ערך תואם מרשימת WCAG. הדרישה חלה על שדות כגון:
- שם מלא, שם פרטי, שם משפחה (
autocomplete="name","given-name","family-name") - כתובת אימייל (
autocomplete="email") - מספר טלפון (
autocomplete="tel") - כתובת מגורים - רחוב, עיר, מיקוד, מדינה (
autocomplete="street-address","address-level2","postal-code","country") - שם משתמש וסיסמה (
autocomplete="username","current-password","new-password") - תאריך לידה (
autocomplete="bday")
הקריטריון חל רק כאשר השדה מיועד לאיסוף מידע אישי ששייך למשתמש עצמו. שדה לאיסוף כתובת של מישהו אחר (לדוגמה - כתובת משלוח שונה) אינו חייב לעמוד בדרישה זו.
למי זה עוזר?
משתמשים עם לקויות קוגניטיביות (כגון דמנציה, ADHD, לקות למידה) שמילוי טפסים ארוכים קשה להם - מידע שמולא אוטומטית מפחית מאמץ ושגיאות. משתמשים עם מוגבלויות מוטוריות שהקלדה קשה ומכאיבה להם - autocomplete מפחית את מספר ההקלדות. משתמשי ניווט קולי (Voice Control) - תוכנות כגון Dragon NaturallySpeaking מסוגלות למלא שדות אוטומטית כשמטרתם מזוהה. בנוסף, autocomplete תקין משפר את חוויית השימוש הכללית עבור כלל המשתמשים.
איך עומדים בקריטריון?
- הוסיפו מאפיין
autocompleteלכל שדות הטופס שאוספים מידע אישי של המשתמש. - השתמשו בערכים מהרשימה הרשמית של WCAG/HTML5:
name,email,tel,given-name,family-name,street-address,postal-code,country,username,current-passwordועוד. - לשדות שאינם לאיסוף מידע אישי - הוסיפו
autocomplete="off"רק כאשר יש סיבה בטחונית מוצדקת. - ודאו שהתגית
<input>היא מסוג מתאים (type="email",type="tel",type="text") - הגדרת ה-typeהנכון מסייעת גם היא לזיהוי.
טיפ
דוגמה פשוטה: <input type="email" name="user-email" autocomplete="email">. הוספת autocomplete="email" היא הכל שנדרש לשדה אימייל. לרשימה המלאה של ערכים מוכרים, ראו את מפרט HTML Living Standard.
איך בודקים?
- בדיקת קוד מקור: בחנו את כל
<input>ו-<select>בטופס - האם שדות מידע אישי כולליםautocompleteעם ערך תקני? - בדיקה בדפדפן: מלאו את הטופס פעם אחת, נקו ונסו שוב - הדפדפן אמור להציע השלמה אוטומטית.
- בדיקה עם מנהל סיסמאות: מנהל סיסמאות מכיר שדות
usernameו-passwordנכון כשה-autocompleteמוגדר. - כלים אוטומטיים: axe מזהה חלק מהמקרים של
autocompleteחסר - אך לא כולם; נדרשת בדיקה ידנית.
שאלות נפוצות
מה דורש קריטריון 1.3.5?
שדות טופס לאיסוף מידע אישי של המשתמש (כגון שם, כתובת, טלפון, אימייל) חייבים לכלול מאפיין autocomplete עם ערך תואם מרשימת WCAG, כך שדפדפנים וטכנולוגיות מסייעות יוכלו לזהות את מטרת השדה ולמלאו אוטומטית.
מהי רמת הקריטריון 1.3.5?
רמה AA. הקריטריון נכלל ב-WCAG 2.1 ולכן אינו נדרש לפי ת"י 5568 (מעבר לדרישת התקן), אך מומלץ ליישמו.
אילו ערכי autocomplete מקובלים לפי הקריטריון?
ה-WCAG מפרט רשימה של ערכים מוכרים, ביניהם: name, given-name, family-name, email, tel, street-address, postal-code, country, bday, sex, username, current-password, new-password ועוד. רשימה מלאה נמצאת במסמך WCAG 2.1 סעיף 1.3.5.
מקורות
- W3C - Understanding SC 1.3.5 Identify Input Purpose (w3.org/WAI)
- W3C - How to Meet WCAG (Quick Reference) (w3.org/WAI/quickref)
צריכים לעמוד בקריטריון הזה באתר שלכם?
ראו את המדריך המעשי להטמעה, או בדקו את האתר מול הצ'ק-ליסט.
לצ'ק-ליסט הנגישות