RTL · שלב 4
טפסים בעברית
טופס הוא המקום שבו חווית המשתמש בעברית נשברת הכי מהר: מספר טלפון שהספרות בו מתבלגנות, מייל שמוצג הפוך, הודעת שגיאה שלא אומרת מה לעשות. הנה מה שצריך לדעת על כל שדה.
אילו שדות הם משמאל לימין בתוך טופס עברי
בטופס עברי התוויות, הטקסט שבתוך שדות חופשיים, הכפתורים והודעות השגיאה מיושרים לימין. W3C מציינת שהדפדפן כבר מיישר שדות לפי כיוון המסמך. אבל יש שדות שהתוכן שלהם תמיד משמאל לימין, ושם הקלדה בכיוון הלא נכון מבלבלת את המשתמש.
| שדה | כיוון התוכן | הערה |
|---|---|---|
| שם פרטי ומשפחה | לפי מה שמקלידים | dir="auto" מאפשר גם שם באנגלית |
| טלפון (type="tel") | משמאל לימין | לפי MDN הדפדפן מציג אותו תמיד משמאל לימין |
| מייל (type="email") | משמאל לימין | כדאי להגדיר dir="ltr" במפורש |
| כתובת אתר (type="url") | משמאל לימין | כמו מייל |
| תעודת זהות, מספר כרטיס, קוד אימות | משמאל לימין | ספרות בלבד |
| רחוב, עיר, הערות | מימין לשמאל | טקסט חופשי בעברית |
| חיפוש | dir="auto" | המשתמש עשוי לחפש באנגלית |
התווית נשארת מימין לשדה גם כשהתוכן משמאל לימין. מה שמשתנה הוא רק כיוון הטקסט בתוך השדה. אפשר לשקול ליישר שדה מייל או טלפון לימין כשהוא ריק (כדי שה-placeholder יתיישר עם שאר הטופס), אבל הטקסט שהמשתמש מקליד צריך לרוץ משמאל לימין.
שדה טלפון
מספר נייד בישראל מתחיל ב-05X ואחריו שבע ספרות (למשל 050-1234567). קווים נייחים מתחילים בקידומת אזור כמו 02 או 03, ויש גם מספרים לא גאוגרפיים שמתחילים ב-07X. משתמשים כותבים את אותו מספר בדרכים שונות: עם מקף, עם רווחים, בלי כלום, או עם +972 בלי האפס.
- השתמשו ב-type="tel", שפותח מקלדת ספרות בטלפון.
- קבלו את כל צורות הכתיבה, ונקו מקפים ורווחים בצד השרת במקום לחסום את המשתמש.
- אל תגבילו לנייד בלבד אם השירות מתאים גם לקו נייח.
- הוסיפו autocomplete="tel" כדי שהדפדפן יוכל למלא אוטומטית.
תעודת זהות וספרת ביקורת
מספר זהות ישראלי הוא בן 9 ספרות, והספרה הימנית ביותר (האחרונה) היא ספרת ביקורת. למספרים קצרים מוסיפים אפסים משמאל עד תשע ספרות. ספרת הביקורת מאפשרת לתפוס טעויות הקלדה כבר בדפדפן, לפני שליחת הטופס.
- השלימו לתשע ספרות אם המשתמש הקליד פחות מתשע ספרות, מוסיפים אפסים משמאל.
- הכפילו לסירוגין את שמונה הספרות הראשונות, משמאל לימין, מכפילים במשקלים 1, 2, 1, 2, 1, 2, 1, 2.
- חברו ספרות של מכפלה דו-ספרתית אם מכפלה יצאה דו-ספרתית, מחברים את שתי הספרות שלה (למשל 7 כפול 2 הוא 14, ו-1 ועוד 4 הם 5).
- סכמו מחברים את שמונה התוצאות.
- השלימו לעשרת הבאה ספרת הביקורת היא ההפרש בין הסכום לכפולה הבאה של 10. אם הסכום כבר כפולה של 10, ספרת הביקורת היא 0.
דוגמה מתוך ויקיפדיה: עבור 54370042, התוצאות הן 5, 8, 3, 5, 0, 0, 4, 4, והסכום הוא 29. הכפולה הבאה של 10 היא 30, ולכן ספרת הביקורת היא 1 והמספר המלא הוא 543700421.
מייל וכתובת
מייל
- type="email" ו-autocomplete="email", ו-dir="ltr" כדי שהתווים @ ונקודה לא יקפצו.
- אל תכפו אותיות קטנות ואל תחסמו תווים כמו + שמותרים בכתובות.
- אם יש שדה אימות מייל, אפשרו להדביק לתוכו.
כתובת
כתובת ישראלית מורכבת בדרך כלל מעיר, רחוב, מספר בית ודירה, ולפעמים גם מיקוד. שדות נפרדים לעיר ולרחוב עוזרים כשצריך משלוח, אבל שדה אחד חופשי נוח יותר כשרק רוצים לדעת איפה הלקוח גר. WCAG 2.1 ומעלה (קריטריון 1.3.5, רמה AA) מבקשת לסמן את מטרת השדות שאוספים מידע על המשתמש, וב-HTML עושים את זה עם המאפיין autocomplete, למשל address-level2 לעיר ו-street-address לכתובת.
הודעות שגיאה
WCAG מבקשת שכשמזוהה שגיאה בקלט, השדה יזוהה והשגיאה תתואר למשתמש בטקסט (קריטריון 3.3.1, רמה A), ושכאשר ידוע איך לתקן, תוצג הצעה לתיקון (3.3.3, רמה AA). זה גם פשוט כתיבה טובה.
| במקום | כתבו |
|---|---|
| שגיאה | מספר הטלפון קצר מדי. נייד בישראל הוא 10 ספרות, למשל 050-1234567 |
| ת"ז לא תקינה | מספר הזהות לא תקין. בדקו שהקלדתם את כל 9 הספרות, כולל ספרת הביקורת |
| שדה חובה | צריך למלא עיר כדי שנוכל לשלוח את ההזמנה |
| פורמט שגוי | חסר @ בכתובת המייל |
- הציגו את ההודעה ליד השדה, מתחתיו או מעליו, ולא רק בראש הטופס.
- אל תסמנו שגיאה בצבע בלבד: הוסיפו טקסט ואייקון (WCAG 1.4.1 אוסרת להסתמך על צבע בלבד).
- קשרו את ההודעה לשדה בקוד (למשל עם aria-describedby) כדי שקורא מסך יקריא אותה.
- שמרו את מה שהמשתמש הקליד. אל תמחקו את הטופס בגלל שגיאה אחת.
עוד על ניסוח הודעות בממשק במדריך UX Writing, ועל בדיקת הטופס כולו בצ'קליסט הנגישות.
שאלות נפוצות
האם שדה טלפון בטופס עברי צריך להיות משמאל לימין?
כן. מספרי טלפון נקראים משמאל לימין, ולפי MDN שדה מסוג tel מוצג תמיד משמאל לימין. התווית שלו נשארת מימין כמו שאר התוויות בטופס.
איך בודקים ספרת ביקורת של תעודת זהות?
משלימים לתשע ספרות, מכפילים את שמונה הספרות הראשונות במשקלים 1, 2 לסירוגין, מחברים את ספרות המכפלות הדו-ספרתיות, מסכמים, וספרת הביקורת היא ההפרש עד הכפולה הבאה של 10.
איך כותבים הודעת שגיאה טובה בעברית?
אומרים מה הבעיה ואיך מתקנים אותה, בשפה פשוטה, ליד השדה עצמו. לפי WCAG צריך לתאר את השגיאה בטקסט ולא רק בצבע, ולהציע תיקון כשהוא ידוע.
מה עושים עם שמות באנגלית בטופס עברי?
בשדות שם וחיפוש אפשר להגדיר dir="auto", כך שהדפדפן יקבע את הכיוון לפי התו הראשון שהמשתמש מקליד.
מקורות
- Structural markup and right-to-left text in HTML · W3C Internationalization
- dir (global attribute) · MDN Web Docs
- ספרת ביקורת · ויקיפדיה
- מספר זהות (ישראל) · ויקיפדיה
- Telephone numbers in Israel · Wikipedia
- Web Content Accessibility Guidelines (WCAG) 2.2 · W3C
- HTML attribute: autocomplete · MDN Web Docs
נבדק מול המקורות לאחרונה ב־10 בנובמבר 2026. מצאתם טעות? כתבו לנו.