Content or functionality missing due to 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 content is not cut off, overlapped by other content, or otherwise unable to be accessed by scrolling or swiping, when viewed in both landscape and portrait orientation by use of 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 show/hide controls (e.g. toggles) to allow access to content in different orientations.