Kilotest: Diagnoses of CSS bans page rotation violation by HTML element 0 on Earthjustice page

Here is how tools diagnose the CSS bans page rotation issue for HTML element 0 of the Earthjustice page.

Basics

About the CSS bans page rotation issue
- Why it matters: User must read sideways after rotating a device
- Priority: highest
- Related WCAG standard: 1.3.4
About the Earthjustice page
- URL: https://earthjustice.org/
- Tested on 2026-04-02 at 14:23
About HTML element 0
- Tag name: HTML
- Text: [not applicable]
- Start tag: <html lang="en-US" class="chrome chrome147">
- XPath: /html
- Bounding box: x = 0, y = 0, width = 1920, height = 3932

Diagnoses

You have defined <acronym title="Cascading Style Sheets">CSS</acronym> orientation media feature <code>screen and (max-width: 800px) and (orientation: landscape)</code> in <acronym title="Cascading Style Sheets">CSS</acronym> (location: <code>https://earthjustice.org/wp-content/plugins/bb-plugin/css/jquery.magnificpopup.min.css?ver=2.9.4.2</code>, cssText: <code>@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { [...]</code>). Make sure that there is no message telling the user to reorient the device. The entirety of the author-controlled content needs to be re-oriented in order to meet the Success Criteria. Note about location: If the style sheet is a linked style sheet, the value of its attribute is its location. For inline style sheets, the value of this attribute is <code>null</code>.
Tool: ASLint (eSSENTIAL Accessibility)

Rule: orientation
You have defined <acronym title="Cascading Style Sheets">CSS</acronym> orientation media feature <code>(max-device-width: 480px) and (orientation: landscape)</code> in <acronym title="Cascading Style Sheets">CSS</acronym> (location: <code>https://earthjustice.org/wp-content/themes/bb-theme/css/base.min.css?ver=1.7.19.2</code>, cssText: <code>@media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse [...]</code>). Make sure that there is no message telling the user to reorient the device. The entirety of the author-controlled content needs to be re-oriented in order to meet the Success Criteria. Note about location: If the style sheet is a linked style sheet, the value of its attribute is its location. For inline style sheets, the value of this attribute is <code>null</code>.
Tool: ASLint (eSSENTIAL Accessibility)

Rule: orientation