Kilotest: Diagnoses of CSS bans page rotation
violation by HTML element 0 on America Walks page
Here is how tools diagnose the CSS bans page rotation
issue for HTML element 0 of the America Walks 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 America Walks page
- URL:
https://americawalks.org/ - Tested on 2026-04-02 at 14:21
- URL:
- About HTML element 0
- Tag name:
HTML - Text: [not applicable]
- Start tag:
<html class="js" lang="en-US" data-whatinput="keyboard" data-whatintent="keyboard"> - XPath:
/html - Bounding box: x = 0, y = 0, width = 1920, height = 5060
- Tag name:
Diagnoses
- You have defined <acronym title="Cascading Style Sheets">CSS</acronym> orientation media feature <code>screen and (orientation: landscape)</code> in <acronym title="Cascading Style Sheets">CSS</acronym> (location: <code>https://americawalks.org/wp-content/themes/americawalks2021/assets/styles/style.css?ver=1752173663</code>, cssText: <code>@media screen and (orientation: landscape) {
.show-for-landscape, .hide-for-portrait { display: bl [...]</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>screen and (orientation: portrait)</code> in <acronym title="Cascading Style Sheets">CSS</acronym> (location: <code>https://americawalks.org/wp-content/themes/americawalks2021/assets/styles/style.css?ver=1752173663</code>, cssText: <code>@media screen and (orientation: portrait) {
.show-for-landscape, .hide-for-portrait { display: non [...]</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>screen and (orientation: landscape)</code> in <acronym title="Cascading Style Sheets">CSS</acronym> (location: <code>https://americawalks.org/wp-content/themes/americawalks2021/assets/styles/style.css?ver=1752173663</code>, cssText: <code>@media screen and (orientation: landscape) {
.hide-for-landscape, .show-for-portrait { display: no [...]</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>screen and (orientation: portrait)</code> in <acronym title="Cascading Style Sheets">CSS</acronym> (location: <code>https://americawalks.org/wp-content/themes/americawalks2021/assets/styles/style.css?ver=1752173663</code>, cssText: <code>@media screen and (orientation: portrait) {
.hide-for-landscape, .show-for-portrait { display: blo [...]</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