Kilotest: Diagnoses of CSS bans page rotation
violation by HTML element 0 on Disability Rights Advocates page
Basics
About the Disability Rights Advocates page
- URL: https://dralegal.org/
- Tested 36 days ago by job
77won 2026-04-26 at 17:41
About HTML element 0
- Tag name:
HTML - Text: [not applicable]
- Start tag:
<html lang="en-US"> - XPath:
/html - Bounding box: x = 0, y = 0, width = 1920, height = 4901
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 tools diagnose the CSS bans page rotation
issue for HTML element 0 of the Disability Rights Advocates page.
- You have defined <acronym title="Cascading Style Sheets">CSS</acronym> orientation media feature <code>screen and (max-width: 800px) and (orientation: landscape)</code> in <acronym title="Cascading Style Sheets">CSS</acronym> (location: <code>https://dralegal.org/wp-content/plugins/give/build/assets/dist/css/give.css?ver=4.14.6</code>, cssText: <code>@media screen and (max-height: 300px), screen and (max-width: 800px) 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