קריטריון 1.3.4: אוריינטציה (כיוון תצוגה) רמה AA
בקצרה
קריטריון 1.3.4 אוריינטציה (כיוון תצוגה) (Orientation, רמה AA) דורש שתוכן לא יוגבל להצגה בכיוון תצוגה יחיד - לאורך (Portrait) או לרוחב (Landscape) - אלא אם ההגבלה חיונית. הקריטריון נכלל ב-WCAG 2.1 ולכן הוא מעבר לדרישת ת"י 5568 (מומלץ).
פרטי הקריטריון
| מספר | 1.3.4 |
|---|---|
| שם | אוריינטציה (כיוון תצוגה) (Orientation) |
| רמה | AA |
| גרסה | WCAG 2.1 |
| עיקרון | 1 - מורגש (Perceivable) |
| הנחיה | 1.3 - ניתן להתאמה |
| מחייב לפי ת"י 5568 | לא - מעבר לדרישת ת"י 5568 (מומלץ) |
מה דורש קריטריון 1.3.4?
הקריטריון דורש שתוכן לא יוגבל לכיוון תצוגה ספציפי - לאורך (Portrait) או לרוחב (Landscape). המשמעות: כאשר משתמש מסובב את מכשירו, התוכן חייב להסתגל ולהיות שמיש בשני הכיוונים. ההגבלה לכיוון אחד פוגעת בעיקר במשתמשים שמכשירם מותקן בכיוון קבוע.
הקריטריון מאפשר חריג אחד - כאשר כיוון תצוגה ספציפי חיוני לתפקוד. מה מגדיר "חיוני":
- יישום פסנתר וירטואלי שמחייב מסך רחב לתצוגה נכונה של המקשים.
- סריקה של צ'ק בנקאי שמחייבת כיוון לרוחב.
- משחקים שתפקודם תלוי מהותית בכיוון.
אתרי אינטרנט ויישומים רגילים אינם נכנסים לחריג זה - הם חייבים לתמוך בשני הכיוונים.
למי זה עוזר?
הקריטריון חיוני למשתמשים עם מוגבלויות פיזיות המשתמשים בכיסא גלגלים ומכשירם מותקן בכיוון קבוע (לרוב לאורך) - הם אינם יכולים לסובב את המכשיר פיזית. הוא מסייע גם למשתמשים עם רעד (Tremor) שנסמכים על הנחת המכשיר בכיוון קבוע, ולמשתמשים שמגדילים תוכן שלעיתים מעדיפים כיוון לרוחב לנוחות קריאה.
איך עומדים בקריטריון?
- הסירו מ-CSS כל שימוש ב-
orientation: portraitאוorientation: landscapeב-@mediaשמסתיר או מבטל תוכן בכיוון אחד. - הסירו כל קוד JavaScript שחוסם תוכן בהתאם ל-
screen.orientationאוwindow.innerWidth/Height. - ודאו שהפריסה (Layout) מגיבה (Responsive) ועובדת היטב בשני הכיוונים.
- אל תציגו הודעות "סובב את המכשיר" שחוסמות את הגישה לתוכן ללא חריג מוצדק.
- בדקו את יישום ה-
<meta name="viewport">- ודאו שאין הגבלות מיותרות.
טיפ
בדיקה מהירה: בדפדפן Chrome DevTools, פתחו את תצוגת המכשיר (Device Toolbar) ושנו את כיוון המסך. ודאו שהתוכן נגיש ושמיש בשני הכיוונים, ושלא מופיעה הודעה חוסמת.
איך בודקים?
- בדיקה במכשיר אמיתי: סובבו טלפון או טאבלט ובדקו שהתוכן מוצג ושמיש בשני הכיוונים.
- בדיקה בדפדפן: ב-Chrome DevTools - Device Toolbar - לחצו על סמל הסיבוב כדי לעבור בין כיוונים.
- בדקו ב-CSS: חפשו
orientationב-media queries וודאו שאינם חוסמים תוכן. - בדקו ב-JavaScript: חפשו קוד שמשתמש ב-
screen.orientationאוdeviceorientationומגביל גישה. - כלים אוטומטיים: axe ו-WAVE אינם מזהים בעיות אוריינטציה - נדרשת בדיקה ידנית.
שאלות נפוצות
מה דורש קריטריון 1.3.4?
תוכן לא יוגבל להצגה בכיוון תצוגה ספציפי (לאורך - Portrait, או לרוחב - Landscape) אלא אם הגבלה זו חיונית לתפקוד. על האתר לתמוך בשני כיווני התצוגה ולאפשר סיבוב מסך.
מהי רמת הקריטריון 1.3.4?
רמה AA. הקריטריון נכלל ב-WCAG 2.1 ולכן אינו נדרש לפי ת"י 5568 (מעבר לדרישת התקן), אך מומלץ ליישמו.
מהו המקרה החריג שבו מותר להגביל לכיוון אחד?
חריג מוכר הוא יישום שתפקודו תלוי בכיוון ספציפי, כגון פסנתר מקוון שמחייב מסך לרוחב, או יישום בנקאי המחייב לאורך מטעמי אבטחה. אולם חריגים אלה נדירים ויש לנמק אותם.
מקורות
- W3C - Understanding SC 1.3.4 Orientation (w3.org/WAI)
- W3C - How to Meet WCAG (Quick Reference) (w3.org/WAI/quickref)
צריכים לעמוד בקריטריון הזה באתר שלכם?
ראו את המדריך המעשי להטמעה, או בדקו את האתר מול הצ'ק-ליסט.
לצ'ק-ליסט הנגישות