Kilotest: Diagnoses of CSS bans page rotation
violation by HTML element 0 on Turrito page
Basics
About the Turrito page
- URL: https://www.turrito.com/
- Tested 44 days ago by job
i2non 2026-06-07 at 00:32
About HTML element 0
- Tag name:
HTML - Text: [not applicable]
- Start tag:
<html lang="en-ZA" class="js js_active vc_desktop vc_transform vc_transform "> - XPath:
/html - Bounding box: x = 0, y = 0, width = 1920, height = 10715
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
Diagnoses
Here is how rule engines diagnose the CSS bans page rotation
issue for HTML element 0 of the Turrito page.
- You have defined <acronym title="Cascading Style Sheets">CSS</acronym> orientation media feature <code>only screen and (min-width: 481px) and (max-width: 1025px) and (orientation: landscape)</code> in <acronym title="Cascading Style Sheets">CSS</acronym> (location: <code>https://www.turrito.com/wp-content/uploads/hummingbird-assets/17c8913db70fd124920654b516ff46da.css</code>, cssText: <code>@media only screen and (min-width: 481px) and (max-width: 1025px) 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