Definition
Focus order is the logical sequence in which interactive elements — links, buttons, form fields — receive focus when a subscriber navigates an email using the Tab key on a keyboard rather than a mouse or touchscreen. A well-designed focus order follows the visual reading flow of the email: top to bottom, primary CTA before secondary links.
When focus order is incorrect — for example, a footer link receiving focus before the main CTA — keyboard-only subscribers experience a disorienting and inefficient navigation path that reduces the likelihood of conversion.
Why Focus Order Matters
Many subscribers navigate email by keyboard. This includes people with motor impairments, power users who prefer keyboard shortcuts and anyone using a screen reader where tab navigation is the primary means of moving through content. An illogical focus order excludes these subscribers from a smooth experience.
Additionally, some email interactivity — such as in-email forms, polls and carousels — relies on correct focus order to function properly.
Why It Matters
This matters because the choices you make here show up directly in your results. CTA — keyboard-only subscribers experience a disorienting and inefficient navigation path that reduces the likelihood of conversion. When this is handled well it supports engagement, delivery, and the trust subscribers place in your brand; when it is neglected, the effects tend to show up in declining performance and harder-to-fix problems further down the line.
Best Practices
- Structure HTML source order to match visual reading order so the natural DOM sequence is logical
- Avoid using CSS positioning tricks that rearrange element order visually but not in the source code
- Test focus order by tabbing through the email with images disabled and no mouse input
- Place the primary CTA early in the focus sequence while still maintaining a natural reading flow
Was this useful?
Related Glossary Terms
Above the Fold in Email
Above the fold in email refers to the content visible to a recipient before they scroll, a critical area for first impressions and primary calls to action.
Accessible CTA (Email)
An accessible CTA is a button or link coded with sufficient colour contrast, visible focus states, descriptive screen-reader text, and a minimum touch target of 44×44 pixels.
Adaptive Design
Adaptive design in email uses predefined layouts that adjust to specific device or client widths, rather than fluidly resizing to every possible screen.
AI-Generated Content in Email
AI-generated content in email is copy, images, code or subject lines produced by artificial intelligence tools to speed up campaign production and testing.
Alt Text
Alt text is the written alternative to an image in an email, displayed when images are blocked, slow to load, or consumed by screen readers.
AMP for Email
AMP for Email is a technology that allows interactive, dynamic content to live inside an email message, enabling forms, carousels and live updates.
Frequently Asked Questions
Good practice here means handling Email Focus Order in a way that is relevant, timely, and honest for your audience. Focus order in email defines the sequence in which interactive elements receive keyboard focus when a subscriber navigates using the Tab key — essential for accessibility and usability. Done well, it improves engagement and builds trust; done poorly, it creates friction that costs you results.
Because it touches the parts of email that drive outcomes: relevance, trust, and delivery. Small improvements compound, while repeated mistakes quietly erode the health of your programme.
The most common problems are treating Email Focus Order as a one-off task, ignoring what the data says, and copying competitors without testing. All three lead to effort that does not translate into better results.
Compare the metrics it should influence — engagement, conversions, and deliverability — before and after you make changes. Trends over time matter far more than any single send.
It supports the same goal as the rest of your email programme: the right message to the right person at the right time. Aligned with segmentation and automation, it reinforces everything else rather than competing with it.