בדיקת ממשק עברי RTL

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

הקוד: <code> [הדבק JSX / CSS] </code>

בדוק:

1. כיווניות — האם dir מוגדר על html ולא על body. הגדרה על body אינה מבטלת דריסה ברמת html ויוצרת מצב לא עקבי.
2. תכונות לוגיות — margin-inline-start במקום margin-left, padding-inline-end, inset-inline. כל ערך left או right מפורש הוא חשוד עד שיוכח אחרת.
3. אייקונים כיווניים — חץ "הבא" חייב להתהפך ב-RTL; אייקון שאינו כיווני (סימן וי, פח אשפה) לא. עבור על כל אייקון והכרע.
4. טקסט מעורב — מחרוזת עברית המכילה מילה באנגלית, כתובת URL, נתיב קובץ או קטע קוד. בדוק סימני פיסוק בקצה — נקודה בסוף משפט עברי המסתיים במילה לועזית קופצת למקום הלא נכון בלי bidi isolation.
5. מספרים וכיוון — מספרים נותרים LTR בתוך טקסט RTL. בדוק סכומים, תאריכים, טווחים ("3-5"), ומספרי טלפון.
6. שדות קלט — placeholder, יישור טקסט, מיקום סמן, ושדות שחייבים להישאר LTR (אימייל, סיסמה, מספר כרטיס).
7. אנימציה וגלילה — כיוון transform, גלילה אופקית, ומיקום פאנל נשלף. slide-in משמאל בעברית נראה הפוך.
8. גלישה — טקסט עברי ארוך יותר מאנגלית ב-20%-30% בממוצע. בדוק כפתורים, טאבים וכותרות ברוחב 390 פיקסלים.

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