Screen Orientation

Link to Screen Orientation copied to clipboard

WCAG 2.1 - 1.3.4 AA Impact - Serious

Views should adhere to the user's preferred display orientation.

Impact

Some people have a phone or tablet mounted to their wheelchairs in a fixed orientation. If the orientation cannot be supported, the app becomes unusable for this person.

Confirmation

  1. Rotate the device from portrait mode to landscape mode
  2. One of the following will happen:
    • Inaccessible: It will stay in portrait mode and not rotate to landscape mode.
    • Accessible: It will rotate from portrait mode to landscape mode.

How to Fix

UIKit, SwiftUI, React Native

Open your Xcode project or workspace. In the Project Navigator select your main project file. The project settings panel will open in the main window. Select your application's target in the Target List. Open the General tab. Find the Deployment Info section and ensure that Device Orientation has Portrait and at least one variation of Landscape selected. Screenshot of xCode where the `General` tab is selected for the application target, and the `Deployment Info` section and its `Device Orientation` options are displaying.