Kilotest: Diagnoses of CSS bans page rotation
violation by HTML element 0 on EarthShare page
Here is how tools diagnose the CSS bans page rotation
issue for HTML element 0 of the EarthShare 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 EarthShare page
- URL:
https://www.earthshare.org/ - Tested on 2026-04-02 at 14:23
- URL:
- About HTML element 0
- Tag name:
HTML - Text: [not applicable]
- Start tag:
<html lang="en-US" style="scroll-behavior: auto;"> - XPath:
/html - Bounding box: x = 0, y = 0, width = 1920, height = 3834
- Tag name:
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://www.earthshare.org/wp-content/plugins/give/build/assets/dist/css/give.css?ver=4.14.3</code>, cssText: <code>@media screen and (max-height: 300px), screen and (max-width: 800px) and (orientation: landscape) {
[...]</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