Order Tracking Pages: Status Every Customer Can Actually Read
Tracking pages are iframes, maps, and vague statuses. How to give every customer a clear, readable answer to where is my order.
The tracking page is the most visited page nobody designed. Customers land there anxious, often from an email link, on a phone, sometimes through a carrier iframe with its own ideas about usability. When the status is a coloured dot, a map pin, or a word like 'exception', a large share of customers simply cannot tell where their order is.
Good tracking is mostly good communication. This guide covers status in plain text, timelines that work with assistive technology, and the carrier handoff where clarity usually dies.
Status in words, with dates
Every order state should exist as plain text with a date: placed, packed, handed to carrier, out for delivery, delivered, with the expected date when it is an estimate. Colour and icons can support the words, never replace them. A green dot means nothing to a screen reader and little to a nervous customer at midnight.
Handle problems in the same plain style. 'Delayed, new estimate Thursday' beats a red badge that says only 'exception'. Customers forgive delays they understand. They contact support, or dispute, when the page gives them a symbol and silence.
Timelines that read in order
Tracking timelines are usually visual progress bars with events underneath. In markup, the events should be a real ordered list, newest clearly identified, readable top to bottom without relying on position or colour. A screen reader user should hear the same story a sighted customer sees, in the same order.
Include the delivery address summary and the items in the order as text on the page. Customers checking whether they sent a gift to the right house should not need to dig through email to confirm what the tracking page could simply say.
The carrier handoff
Most tracking pages embed or link to a carrier experience the store does not control, and that is where labels vanish and sessions time out. Choose carriers and tracking tools partly on this experience, test the handoff on a phone with a screen reader, and keep the essential status mirrored on your own page so the customer is never dependent on the worst surface in the chain.
Links out to the carrier need honest labels: 'Track on the carrier site' as text, opening with the carrier tracking number visible and copyable as plain text. A number trapped inside an image or a button that copies without confirmation creates support contacts out of thin air.
Notifications that match the page
Tracking emails and texts should carry the same status in the same words as the page, with the delivery estimate stated, not implied. Inconsistent wording between the text message and the page reads as unreliability even when both are technically correct.
For delivery day, say what happens next in text: where parcels are left, what a failed attempt means, and how to change instructions. The last mile is where accessibility and plain logistics meet, and clear words serve every customer standing at a door.
Related reading
If this topic is useful, these earlier guides go deeper on connected questions: Making Your Returns and Exchange Portal Accessible, Making Product Reviews and Star Ratings Accessible, and Accessible Store Locator Pages: Maps, Lists, and Directions.
Frequently asked questions
What should an order tracking page always state in text?
The current status in words, the date of the last event, the expected delivery date when known, the items and delivery address summary, and what happens next. Colour, icons, and maps can add to that text but should never be the only carrier of it.
Why mirror status instead of only linking to the carrier?
Because the carrier experience is the surface you control least and customers struggle with most. Keeping the essential status, estimate, and tracking number as plain text on your own page means no customer depends entirely on an embedded frame or external site to know where their order is.
How should a tracking timeline be built?
As an ordered list in the markup, readable in sequence, with the newest event identified in text. Visual styling can present it as a progress bar, but the underlying order and words must carry the full story for assistive technology.
What tracking wording reduces support contacts?
Specific, dated, and honest: what happened, when, the revised estimate, and the customer's options. Vague statuses like exception with no explanation generate contacts and anxiety. Matching the same wording across email, text, and page prevents the confusion that drives most where is my order tickets.