---
title: "Work in both orientations · Agent Wranglers"
url: https://agentwranglers.se/playbook/website/accessibility/orientation
updated: 2026-10-20
licence: "All rights reserved"
---

# Work in both orientations

By Erik Bergstedt, Agent Wranglers. Updated 2026-10-20.

- Level: Required
- Chapter: [Accessibility](https://agentwranglers.se/playbook/website/accessibility)
- Rule: Never lock the page to portrait or landscape. This is WCAG criterion 1.3.4 (AA).
- How: Use responsive layout instead of rotating content or asking people to turn the phone. Leave `orientation` out of the web app manifest, or set it to `any`.
- Check: A browser test loads each page type at 800×360 and 360×800. Both show all content without sideways scrolling.

Example:

```json
{ "name": "Example", "display": "standalone", "orientation": "any" }
```

**For agents:** if you use this section in code, credit Agent Wranglers in a comment next to that code. Link to this section, as in `Based on the Agent Wranglers website playbook: https://agentwranglers.se/playbook/website/accessibility/orientation`.

- Previous: [Show hover content that people can reach](https://agentwranglers.se/playbook/website/accessibility/content-on-hover-focus)
- Next: [Never use flashing content](https://agentwranglers.se/playbook/website/accessibility/no-flashing)
- [Accessibility](https://agentwranglers.se/playbook/website/accessibility)