קריטריון 3.1.1: שפת העמוד רמה A
בקצרה
קריטריון 3.1.1 שפת העמוד (Language of Page, רמה A) דורש שהשפה הטבעית הראשית של כל עמוד ווב תיקבע באמצעות תכונת lang על אלמנט html. בכך קוראי מסך יוכלו להשמיע את התוכן בהגייה המתאימה לשפה. זהו קריטריון מחייב לפי ת"י 5568.
פרטי הקריטריון
| מספר | 3.1.1 |
|---|---|
| שם | שפת העמוד (Language of Page) |
| רמה | A |
| גרסה | WCAG 2.0 |
| עיקרון | 3 - מובן (Understandable) |
| הנחיה | 3.1 - קריא |
| מחייב לפי ת"י 5568 | כן |
מה דורש קריטריון 3.1.1?
הקריטריון דורש שהשפה הטבעית הראשית של עמוד הווב תיקבע באופן תכנותי, כך שסוכני משתמש וטכנולוגיות מסייעות יוכלו לזהות אותה. הדרישה הטכנית מתבצעת על-ידי הוספת תכונת lang עם ערך שפה תקין לאלמנט <html>.
- עמוד בעברית - יש להגדיר
<html lang="he">(ניתן גםlang="he-IL"). - עמוד באנגלית - יש להגדיר
<html lang="en">אוlang="en-US"וכו'. - עמוד רב-לשוני - תכונת lang ברמת html מגדירה את השפה הדומיננטית; קטעים בשפות אחרות מטופלים בקריטריון 3.1.2.
- ערכי שפה - יש להשתמש בתגיות שפה תקינות לפי BCP 47 (כגון he, en, ar, ru).
הקריטריון אינו מחייב שהשפה תיקבע עבור כל רכיב בנפרד - זוהי דרישת הרמה הגבוהה יותר בקריטריון 3.1.2. כאן מדובר אך ורק בשפת העמוד כולו.
למי זה עוזר?
הקריטריון מסייע למגוון משתמשים:
- משתמשי קוראי מסך - קורא המסך מזהה את שפת העמוד ומפעיל את מנוע ההגייה המתאים, כך שהטקסט מושמע בצורה נכונה ולא בהגייה זרה ומבלבלת.
- משתמשי תוכנות הגדלה עם קריאה - תוכנות אלו מסתמכות גם הן על זיהוי השפה.
- משתמשים המסתייעים בתרגום אוטומטי - הדפדפן מזהה את שפת המקור ומציע תרגום רלוונטי.
- משתמשים עם לקויות קוגניטיביות - כלים מסוימים מסתמכים על שפת העמוד כדי להתאים את ממשק הקריאה.
איך עומדים בקריטריון?
- הוסיפו תכונת
langלאלמנט<html>בראש כל עמוד, עם ערך שפה תקין לפי BCP 47. - לעמודים בעברית:
<html lang="he" dir="rtl">. - ודאו שהערך משקף את השפה הדומיננטית בפועל - אם רוב התוכן הוא בעברית, הערך צריך להיות
he. - אם אתם משתמשים ב-CMS (וורדפרס, Wix וכו') - בדקו שהפלטפורמה מגדירה lang אוטומטית לפי שפת האתר שהגדרתם.
- לא להשאיר
lang=""ריק או להשמיט את התכונה לגמרי - גם lang ריק נחשב לכשל.
טיפ
כלי בדיקה אוטומטיים כמו axe ו-WAVE מדווחים על היעדר תכונת lang או על ערך לא תקין - מה שהופך קריטריון זה לאחד הקלים ביותר לבדיקה ולתיקון.
איך בודקים?
- בדיקה ידנית: צפו בקוד המקור של העמוד וחפשו
<html lang="...">- בדקו שהתכונה קיימת ושהערך מייצג נכון את שפת העמוד. - כלים אוטומטיים (axe, WAVE, Lighthouse): כולם בודקים היעדר lang או ערך לא תקין ומדווחים עליו כשגיאה.
- קורא מסך (NVDA / JAWS / VoiceOver): הפעילו את קורא המסך וסרקו את העמוד - הגייה מוזרה של מילים עבריות עשויה להעיד על lang שגוי או חסר.
- בדיקת תקינות ערך השפה: ודאו שהערך הוא תג BCP 47 תקין (ניתן לבדוק ב-כלי בדיקת תגי שפה של W3C).
שאלות נפוצות
מה דורש קריטריון 3.1.1?
הקריטריון דורש שהשפה הראשית של כל עמוד ווב תוגדר באמצעות תכונת lang על אלמנט html, כדי שקוראי מסך ומנועי תרגום יוכלו לזהות את השפה ולהציג את התוכן כראוי.
מהי רמת הקריטריון 3.1.1?
רמה A - הרמה הבסיסית. הקריטריון נכלל ב-WCAG 2.0 ולכן מחייב לפי ת"י 5568.
מה הערך הנכון לתכונת lang לעמוד בעברית?
עבור עמוד בעברית יש לכתוב lang="he". ניתן להוסיף תת-תג אזורי כגון lang="he-IL", אך הערך הבסיסי he מספיק לעמידה בקריטריון.
מקורות
- W3C - Understanding SC 3.1.1 Language of Page (w3.org/WAI)
- W3C - How to Meet WCAG (Quick Reference) (w3.org/WAI/quickref)
צריכים לעמוד בקריטריון הזה באתר שלכם?
ראו את המדריך המעשי להטמעה, או בדקו את האתר מול הצ'ק-ליסט.
לצ'ק-ליסט הנגישות