הנגשת שפת האתר: שורת קוד אחת שקובעת איך קורא המסך מדבר

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

הנגשת שפת האתר: הקוד הנדרש

בתגית html שבראש העמוד מגדירים את השפה ואת כיוון הכתיבה. באתר בעברית זה נראה כך: <html lang="he" dir="rtl">. בוורדפרס, השפה נקבעת לפי שפת האתר בהגדרות הכלליות. אם בחרתם עברית, התגית נכתבת אוטומטית, אבל כדאי לוודא בקוד המקור שהתבנית לא דורסת אותה.

מילים ופסקאות בשפה אחרת

כשבתוך עמוד בעברית מופיע ציטוט באנגלית, שם של מוצר או פסקה בערבית, מסמנים רק את החלק הזה: <span lang="en">. זה קריטריון ברמה AA, שנקרא שפה של חלקים. בלי הסימון, קורא המסך מנסה לקרוא את האנגלית עם כללי הגייה של עברית.

אתר בכמה שפות

• כל גרסת שפה מקבלת lang משלה בתגית html, ולא רק תרגום של התוכן.
• גם הטקסט החלופי של התמונות מתורגם. תמונה בעמוד באנגלית צריכה alt באנגלית.
• כפתור החלפת השפה כתוב בשפת היעד, למשל English ו-العربية, ומסומן ב-lang המתאים.
• הצהרת הנגישות קיימת בכל גרסת שפה.

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

שאלות נפוצות על הנגשת שפת האתר