画面の向き

This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard

すべてのユーザーの好みの画面方向をサポートする

Not for use with personal data

WCAG 2.1 - 1.3.4 AA Impact - Serious

チェックポイント

アプリはユーザーの好みの表示方向を制限してはいけません。たとえば、ユーザーがデバイスを横向きモードに設定している場合、アプリはそれに合わせて回転する必要があります。縦向きモードに固定されてはいけません。

失敗例 ❌

App locked in portrait mode when the device is rotated to landscape

このアプリは縦向きモードから離れません portrait mode デバイスが横向きに回転しても

デバイスが固定された横向きに搭載されているユーザーはアプリを使うことができません

成功例 ✅

App correctly displayed in landscape mode after the device is rotated

アプリは画面を回転します rotates to landscape mode デバイスが回転するときに

デバイスがどの向きにも搭載されているユーザーはアプリを完全に使用できます

概要

  • このルールはユーザーに重大な影響を与えます
  • アプリを単一の方向に固定してはいけません
  • マニフェストやアクティビティコードの中にあるハードコードされた方向の制限を取り除いてください

ユーザーへの影響

ある人はデバイスを固定された向きに搭載しています。もしアプリがその方向をサポートできない場合、ユーザーにとっては使用不可になります。

画面方向の問題を確認する

  1. デバイスを90度回転させ、縦向きモードから横向きモードにします
  2. 次のいずれかが発生します:
    • アクセスできない: ディスプレイは縦向きモードに留まり、横向きモードに回転しません。
    • アクセス可能: ディスプレイは縦向きモードから横向きモードに回転します。

問題を修正する

ネイティブAndroid

ハードコードされた方向の制限を取り除くことで、アプリケーションがあらゆる方向をサポートできるようにします。確認すべき一般的な場所:

  1. AndroidManifest.xmlの中で、screenOrientation属性を持つすべての<activity>要素を削除または更新します:
<!-- Remove or change this -->
android:screenOrientation="portrait"
  1. アクティビティコードの中で、setRequestedOrientationへのコールをすべて削除します:
// Remove this
this.setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);

Flutter

SystemChrome.setPreferredOrientationsを使用してアプリを単一の方向に制限しないでください。

// Failing — locked to portrait only
SystemChrome.setPreferredOrientations([
  DeviceOrientation.portraitUp,                                                   
  DeviceOrientation.portraitDown,
]);                                                                               
                                                                                
// Passing — all orientations allowed
SystemChrome.setPreferredOrientations(DeviceOrientation.values);

このルールを無視できますか?

画面の向きはユーザーに重大な影響があります。この問題の修正をほぼすべてのケースでお勧めします。もしあなたのアプリが、特定のデバイス用に物理的に一方向に制限されている場合(例えば、販売時点管理端末など)、このルールを無視しても適切です。ルールを無視するについて詳しく知る。

リソース