דילוג לתוכן הראשי
מדריך

נגישות אתרים בעברית וב-RTL, כיוון, שפה ותוכן מעורב

אתרים ישראליים הם לרוב RTL. lang ו-dir שגויים, אייקונים משוקפים ותוכן LTR מעורב יוצרים מחסומים מעבר לרשימות WCAG גנריות.

17.07.20261 דקות קריאה

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

יסודות המסמך

  • lang="he" בעמודי עברית
  • dir="rtl" כשכיוון הקריאה העיקרי הוא מימין לשמאל
  • דריסות מקומיות לפסקאות אנגלית או דוגמאות קוד כשצריך

פרטי ממשק שנשברים ב-RTL

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

טפסים ומספרים

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

כתיבת תוכן

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

טקס בדיקה לאתרים ישראליים

  1. בדקו lang ו-dir בבית ובעמוד פנימי
  2. עברו בטאב על ההדר ב-RTL
  3. מלאו טופס בעברית ועם אימייל מעורב
  4. הגדילו ל-200% וודאו שאין אותיות עבריות חתוכות

שאלות נפוצות

האם html צריך lang he ו-dir rtl?
לאתר עברית-ראשון, ברוב המקרים כן. עמודים באנגלית צריכים שפה מתאימה, וקטעים מעורבים עשויים לדרוש dir מקומי.
האם קוראי מסך אכפת להם מ-lang?
כן. תיוג שפה נכון משפר הגייה והוא דרישת WCAG מפורשת לשפת העמוד.
האם שיקוף כל האייקונים מספיק?
לא. חלק מהאייקונים לא צריכים להתהפך, וסדר הפוקוס חייב לעקוב אחרי סדר הקריאה, לא אחרי שיקוף ויזואלי שבור.

מקורות

מאמרים קשורים