עברית ו-RTL

עברית היא לא רק תרגום של הטקסט

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

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

הבסיס הטכני

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

בחירת פלטפורמה ותבנית

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

עברית לצד שפות אחרות

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

איך מזהים תמיכה מזויפת ב-RTL

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

בקוד, הדרך הנכונה היא CSS לוגי — מאפיינים כמו margin-inline-start במקום margin-left — כך שאותו קוד עובד בשני הכיוונים, ואין צורך לתחזק גיליון סגנונות נפרד לעברית.

גופן עברי הוא החלטה של ביצועים

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

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