Not presented in current display orientation

Rule

Orientation of the content MUST NOT be locked to either landscape or portrait, unless a specific orientation is essential for the functionality.

Background

When a webpage or application is locked to a default screen orientation, people who have a preferred device orientation (e.g. portrait or landscape) - such as people with a motor disability who have a tablet mounted to their wheelchair - may not have the ability to change the orientation of their device. Webpages and applications must allow users to view and operate content in either portrait or landscape orientation and allow users to adjust their display orientation as needed while interacting with the content without losing access to information or functionality. This allows users with disabilities to use the screen orientation that meets their specific needs.

How to Fix

Fix this issue by ensuring that the website or application does not restrict the screen to a particular display orientation. This can be accomplished using ANY of the following techniques:

1. Use CSS techniques such as media queries, grids, or flexbox to allow content to adjust to the current device orientation and viewport size.
2. Use JavaScript to detect the orientation of the screen itself and adjust the content display accordingly.