Kilotest: Diagnoses of CSS bans page rotation violation by HTML element 0 on Foundation for Individual Rights and Expression page

Here is how tools diagnose the CSS bans page rotation issue for HTML element 0 of the Foundation for Individual Rights and Expression 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 Foundation for Individual Rights and Expression page
- URL: https://www.fire.org/
- Tested on 2026-04-05 at 23:06
About HTML element 0
- Tag name: HTML
- Text: [not applicable]
- Start tag: <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#" class=" js" data-once="drupal-dialog-deprecation-listener webform-dialog sitewide_alerts_init" data-is-touch-enabled="false" style="--header-ht: 178.75; --sitewide-alert-ht: 0; overflow: hidden; position: absolute; inset: 0px;">
- XPath: /html
- Bounding box: x = 0, y = 0, width = 1920, height = 1080

Diagnoses

You have defined <acronym title="Cascading Style Sheets">CSS</acronym> orientation media feature <code>(device-width: 768px) and (device-height: 1024px) and (orientation: landscape)</code> in <acronym title="Cascading Style Sheets">CSS</acronym> (location: <code>https://www.fire.org/sites/default/files/css/css_6oA3MKiKKEdvGEoQgjTw5GFf2GQ8QU21wXNbZNvqxEM.css?delta=1&language=en&theme=fire&include=eJxljl0OwyAMgy-E4EwGXMoEBZFU226__moPfUniz5GTgK5hhvMQmtAGXRxrR7Exo7RkpryhwzymShEkyqlEoTmYym3ZNVbPaKc2KlQ5TMdAGuiz3Jl_Ytelr75kmRmNfEVZzytv-j3BXd3ihc8DsrByUXt98_D38gNE3FN7</code>, cssText: <code>@media (device-width: 768px) and (device-height: 1024px) and (orientation: landscape), (device-width [...]</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>(device-width: 768px) and (device-height: 1024px) and (orientation: portrait)</code> in <acronym title="Cascading Style Sheets">CSS</acronym> (location: <code>https://www.fire.org/sites/default/files/css/css_6oA3MKiKKEdvGEoQgjTw5GFf2GQ8QU21wXNbZNvqxEM.css?delta=1&language=en&theme=fire&include=eJxljl0OwyAMgy-E4EwGXMoEBZFU226__moPfUniz5GTgK5hhvMQmtAGXRxrR7Exo7RkpryhwzymShEkyqlEoTmYym3ZNVbPaKc2KlQ5TMdAGuiz3Jl_Ytelr75kmRmNfEVZzytv-j3BXd3ihc8DsrByUXt98_D38gNE3FN7</code>, cssText: <code>@media (device-width: 768px) and (device-height: 1024px) and (orientation: landscape), (device-width [...]</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