A page view must not be locked to either horizontal or vertical views only, unless this is essential. ‘Essential’ orientation may considered to be in a messaging app, or when making music using a piano type application, viewing slides for a projector show, television or virtual reality content.
Why is this a problem?
Users with low-vision should be able to view content in the orientation that works best for them, due to the need for increased text size. For users with dexterity impairments, who mount a mobile device or tablet, they will need to see content in their preferred way.
Accessibility Requirements for 1.3.4 Orientation (A)
- Each page should be viewed in an orientation that suits the user. Use CSS to allow both landscape and portrait.
- Users with low-vision should be able to view content in the orientation that works best for them.
- Users with low-vision should be able to view content in the orientation that works best for them, due to the need for increased text size and users with dexterity impairments, who mount a mobile device or tablet, will be able to use the content in their preferred way.
- Use show/hide controls to allow access to content in different orientations.
Common mistakes for 1.3.4 Orientation (A)
Techniques for 1.3.4 Orientation (A)
Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this Success Criterion. However, it is not necessary to use these particular techniques. For information on using other techniques, see Understanding Techniques for WCAG Success Criteria, particularly the “Other Techniques” section.
Common Failures for 1.3.4 Orientation (A)
The following are common mistakes that are considered failures of this Success Criterion by the WCAG Working Group.
- F97: Failure due to locking the orientation to landscape or portrait view
- F100: Failure of Success Criterion 1.3.4 due to showing a message asking to reorient device
FAQs about Orientation
Examples where Orientation is essential
Orientation may be essential at bank check, a piano application, slides for a projector or television, or virtual reality content where binary display orientation is not applicable.
People who have their devices mounted in a specific orientation need applications to always work in that orientation. Users who can rotate their device may prefer one orientation and should have that choice. For example, low vision and people with cognitive disabilities may prefer landscape orientation. It allows larger text size and longer lines which helps to improve readability. Everyone benefits when the application is easier to use in any orientation.
It is necessary all content must retains meaning and functions when switching orientation. But, in few cases single orientation is essential, for example:
1.A landscape image that would be too small to see in portrait mode
2.Where the width or height of one orientation is necessary for its function