28

Content is viewable in portrait and landscape device orientations, and the user is not prompted to switch orientation unless a specific orientation is essential.

WGAC 2 criterion	1.3.4 Orientation (AA)
Category	Resizing
ACT Rules

WCAG 2 criterion

1.3.4 Orientation (Level AA)

Tools and requirements

Manual Evaluation
Mobile web browser or a browser that can emulate screen orientation

Test procedure

For this test, you must use a mobile browser (or BrowserStack) on a native device with orientation controls.

Test to ensure that there is no scenario where content is completely not accessible to the user unless the screen is in a specific orientation when using one of these technologies.

The limited exceptions for essential orientation lock apply when the content would only be understood or presented in a particular orientation (such as a TV or museum display). If you had content that was hosted on the web, but would only for instance ever be presented on a tablet display locked to an orientation, you can lock orientation.

Testing using BrowserStack (or native mobile OS web browser)

If using BrowserStack, turn on one of the Android-based mobile devices, and use Chrome.

Within the mobile web browser, go to the site you are testing and ensure that when swapping between landscape and portrait modes the webpage does not lock to one orientation.

Note on orientation emulation

Some browsers like Chrome have features that allow you to emulate orientation, however this is designed around functionality that utilizes the motion of a mobile device. You should continue to use a native mobile device to test Orientation.

AI Prompt

Create a PHP class in the namespace "App\Services\AccessibilityAnalyzer\GuidelineRules"
that extends "App\Services\AccessibilityAnalyzer\GuidelineRuleRunner" and is called "Guideline28" that has a function with the signature "protected function findApplicableElements(Crawler $crawler): Crawler". The base class includes the function "protected function isElementIncludedInAccessibilityTree(\DOMNode $element): bool" for determining if an element is included in the accessibility tree.

Web accessibility guideline:

## Content is viewable in portrait and landscape device orientations, and the user is not prompted to switch orientation unless a specific orientation is essential.

### WCAG 2 criterion

1.3.4 Orientation (Level AA)

### Tools and requirements

* Manual Evaluation  
* Mobile web browser or a browser that can emulate screen orientation

### Test procedure 

For this test, you must use a mobile browser (or BrowserStack) on a native device with orientation controls.  

Test to ensure that there is no scenario where content is completely not accessible to the user unless the screen is in a specific orientation when using one of these technologies.

The limited exceptions for essential orientation lock apply when the content would only be understood or presented in a particular orientation (such as a TV or museum display).  If you had content that was hosted on the web, but would only for instance ever be presented on a tablet display locked to an orientation, you can lock orientation.

#### Testing using BrowserStack (or native mobile OS web browser)

If using BrowserStack, turn on one of the Android-based mobile devices, and use Chrome.

Within the mobile web browser, go to the site you are testing and ensure that when swapping between landscape and portrait modes the webpage does not lock to one orientation.

#### Note on orientation emulation

Some browsers like Chrome have features that allow you to emulate orientation, however this is designed around functionality that utilizes the motion of a mobile device.  You should continue to use a native mobile device to test Orientation.

##

Web Accessibility Reviews

AI Chat

AI Assistance Chat

AI Response

Debugging info

28