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

Basics

About the PTR Global page

About HTML element 0

About the CSS bans page rotation issue

Diagnoses

Here is how rule engines diagnose the CSS bans page rotation issue for HTML element 0 of the PTR Global page.

  1. 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

  2. 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