Kilotest: Diagnoses of CSS bans page rotation
violation by HTML element 0 on Sightline Institute page
Here is how tools diagnose the CSS bans page rotation
issue for HTML element 0 of the Sightline Institute 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 Sightline Institute page
- URL:
https://www.sightline.org/ - Tested on 2026-04-03 at 04:04
- URL:
- About HTML element 0
- Tag name:
HTML - Text: [not applicable]
- Start tag:
<html lang="en-US"> - XPath:
/html - Bounding box: x = 0, y = 0, width = 1920, height = 3596
- Tag name:
Diagnoses
- You have defined <acronym title="Cascading Style Sheets">CSS</acronym> orientation media feature <code>screen and (max-width: 767px) and (orientation: landscape)</code> in <acronym title="Cascading Style Sheets">CSS</acronym> (location: <code>https://www.sightline.org/wp-content/plugins/gdpr-cookie-compliance/dist/styles/gdpr-main-nf.css?ver=5.0.11</code>, cssText: <code>@media screen and (max-width: 767px) and (orientation: landscape) {
#moove_gdpr_cookie_modal .moov [...]</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