Understanding Success Criterion 1.3.4: Orientation

Understanding Success Criterion 1.3.4 Orientation

Make sure that the web page and app’s content is not limited to only one orientation (portrait or landscape) unless it is essential.  

Official Requirements

Success Criterion 1.3.4 Orientation (Level AA): Content does not restrict its view and operation to a single display orientation, such as portrait or landscape, unless a specific display orientation is essential.

Examples where a particular display orientation may be essential are a bank check, a piano application, slides for a projector or television, or virtual reality content where content is not necessarily restricted to landscape or portrait display orientation.

Why is it required?

People with low-vision or visually impaired people may sometimes need to change the orientation that suits their view. Furthermore, it also helps users with dexterity impairments, as their devices are mounted in a fixed orientation. For example, a tablet that is fixed on the arm of a power wheelchair. Therefore, web pages and apps must be optimized in such a way that it supports both orientations.

How do we fix it?

Enable web pages, messages, videos, etc. to work on both orientations

Provide controls for users to change orientations

Are there any exceptions?

Any display orientation is considered as essential if that fundamentally changes the information or content functionality. For example:

  1. A banking app that is by default in landscape mode for taking accurate pictures of cheques.
  2. A piano app must be in landscape mode to provide enough space for all the keys to fit on the display device
  3. Slides for a projector or television 

Mistakes to avoid

The content does not adapt itself to the orientation as desired by the user.

Picture of Aditya Bikkani

Aditya Bikkani

Aditya is the COO of AELData, a growing technology company in the Digital Publishing and Education sectors. He is also an entrepreneur and founder of an accessibility tool called LERA. A W3C COGA (Cognitive and Learning Disabilities Accessibility) Community Member Aditya contributes to researching methodologies to improve web accessibility and usability for people with cognitive and learning disabilities.

Leave a Reply

Your email address will not be published. Required fields are marked *

Share on Social Media

Facebook
Twitter
LinkedIn
Email
Pinterest
Reddit
WhatsApp

Related Blogs

What is AEL Accessibility Checker (AAC)

What is AEL Accessibility Checker (AAC)?

Wondering how Accessible your website is to everyone? With AEL Accessibility Checker (AAC), you can quickly evaluate your web page against automated Accessibility violations.  AAC

How Accessible Is Your Website?

Check your site’s accessibility in few seconds with our FREE accessibility checker. Ensure compliance with ADA & WCAG guidelines and improve user experience across the board.

Skip to content