CSS Media queries must not lock display orientation
What is the problem?
The css-orientation-lock rule ensures that content is not locked to a specific screen orientation. This can limit user experience and accessibility, especially for users with disabilities or those using mobile devices.
Impacted Groups
Why is this important?
Locking content to a specific orientation can be frustrating and inconvenient for users. It can also hinder the use of assistive technologies, such as screen readers, which may not function correctly in non-standard orientations.
How to solve this issue
To ensure accessibility, avoid using CSS or other techniques to lock device orientation. Instead, design your content to be responsive and adaptable to different screen orientations. Test your website or app in various orientations to ensure that all features and content remain accessible to all users.
Rule Information
Rule ID
css-orientation-lock
Severity
Manual Review Required
Rule Group
Experimental Rules
Guidelines
- WCAG 2.1 Experimental
- EN 301 549
Customise Guidance
You can customise each accessibility rule in SiteAlly with your own guidance, instructions and even links to your own organisation specific documentation.
Enable your website editors to resolve issues quickly with SiteAlly.
Ready to make your website accessible?
SiteAlly provides automated accessibility monitoring, detailed reports, and step-by-step guidance to help you achieve and maintain compliance.