Kilotest: Diagnoses of CSS bans page rotation
violation by HTML element 0 on PTR Global page
Basics
About the PTR Global page
- URL: https://www.ptrglobal.com/
- Tested 46 days ago by job
sdoon 2026-06-05 at 04:36
About HTML element 0
- Tag name:
HTML - Text: [not applicable]
- Start tag:
<html class="js" lang="en-US" style="--x-body-scroll-bar-size: 0px; --x-body-scroll-active-bar-size: 0px;"> - XPath:
/html - Bounding box: x = 0, y = 0, width = 1920, height = 8436
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 PTR Global page.
- You have defined <acronym title="Cascading Style Sheets">CSS</acronym> orientation media feature <code>only screen and (max-width: 767px) and (orientation: portrait)</code> in <acronym title="Cascading Style Sheets">CSS</acronym> (location: <code>https://www.ptrglobal.com/wp-content/plugins/wpforms/assets/css/frontend/classic/wpforms-full.min.css?ver=1.10.1.1</code>, cssText: <code>@media only screen and (max-width: 767px) and (orientation: portrait) {
body div.wpforms-container [...]</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>only screen and (max-width: 1024px) and (orientation: landscape)</code> in <acronym title="Cascading Style Sheets">CSS</acronym> (location: <code>https://www.ptrglobal.com/wp-content/plugins/wpforms/assets/css/frontend/classic/wpforms-full.min.css?ver=1.10.1.1</code>, cssText: <code>@media only screen and (max-width: 1024px) and (orientation: landscape) {
body div.wpforms-contain [...]</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