CSSメディアクエリは表示方向をロックしてはならない
ルールID:
css-orientation-lock
ルールセット:
axe-core 4.10
ユーザーへの影響:
ガイドライン:
WCAG 2.1 Experimental, EN 301 549
修正方法
デバイスの向きをロックするためにCSSやその他の手法を使用しないでください。コンテンツの向きのビューをテストして、支援技術ユーザーを含むすべてのユーザーがどの向きでもコンテンツに引き続きアクセスできることを確認してください。
なぜ重要なのか
支援技術のユーザーは、デバイスまたは支援技術を使用して方向機能にアクセスできない場合があります。
ルールの説明
モバイル アプリケーションの画面の向き (縦向きや横向きなど) は、1つのモードに固定されるべきではありません。ユーザーは、デバイスの向きを縦向きと横向きの間で変更でき、ページはそれに応じて調整され、理解しやすい状態が維持されます。また、ページを開くと、ユーザーの現在の向きで表示される必要があります。
仕組みについて (簡単に言うと)
特定の表示方向が必須でない限り、コンテンツの表示と操作は、縦向きや横向きなどの単一の表示方向に制限されません。