אתר בעברית: 11 דברים שנשברים ב-RTL

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

הצ׳קליסט

1. מספרים וטלפונים מתהפכים

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

2. סימני פיסוק בקצה הלא נכון

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

3. אייקונים שמצביעים לכיוון ההפוך

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

4. גלילה אופקית שלא אמורה להיות

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

5. טפסים שמיושרים לשמאל

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

6. הודעות שגיאה באנגלית

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

7. גופן עברי שנראה דק או מרוח

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

8. גובה שורה צפוף מדי

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

9. תמונות ו-OG שלא מתהפכות

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

10. ניווט מקלדת בסדר הפוך

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

11. תוכן שנחתך בקצה

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

איך לבדוק את כל זה בלי ידע טכני

מה לבקש מהספק לפני שמתחילים

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

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

שאלות נפוצות

למה אתרים בעברית נראים פחות טוב מאתרים באנגלית?

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

מה זה RTL?

ראשי תיבות של Right To Left, כיוון הכתיבה מימין לשמאל. באתר זה משפיע לא רק על הטקסט אלא על כל פריסת העמוד: איפה מתחיל תפריט, לאיזה כיוון מצביע חץ, ומאיזה צד מתחיל שדה בטופס.

האם תקן נגישות 5568 חובה לאתר עסקי בישראל?

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

איך בודקים אם אתר עברי תקין בלי ידע טכני?

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

← לכל התשובות