Accessible Gift Wrapping and Gift Message Options

Gift options hide behind tiny checkboxes, character counters nobody announces, and preview modals that lose focus. Here is how to make wrapping and messages usable for every buyer.

Gift wrapping is a paid extra that stores bury at the bottom of the cart, and the burial is not accessible. A small checkbox with the label after it in light type, a message field that counts characters silently, a preview that opens a modal with no title. The buyer who needs these options most, someone sending directly to a recipient, gets the worst version of them.

Seasonal peaks make it worse. Gift options get reskinned for a holiday campaign, contrast drops for the festive palette, and nobody retests the flow until January. Test it as a checkout step in its own right, because that is what it is.

Related reading on this site: Get a free accessibility audit, Accessible Gift Wrapping and Upsell Flows at Checkout, Accessible Product Comparison Tables That Read in the Right Order.

Make the offer and the price plain

State the option, what it includes, and the price per item or per order, in text, next to a real checkbox with a connected label big enough to tap. Multi item orders need a clear answer to a simple question: does this wrap everything, or do I choose per item. Put that answer in the label area, not in a tooltip.

If wrapping choices follow, paper style, ribbon, no receipt in the box, present them as a proper radio group with a group label. A screen reader should announce gift wrap style, then the options, in that order.

Handle the message field honestly

A gift message field needs a label, the character limit stated before typing, and a count that updates in a way a screen reader can check without being interrupted on every keystroke. When the limit is hit, say so in text. Silently refusing more characters looks like a broken keyboard.

Keep the typed message if checkout errors elsewhere. Losing a carefully written message because a payment field failed is the kind of small cruelty people remember, and retyping it on a phone with magnification is real work you imposed for no reason.

Preview without a focus trap

If you offer a preview, render it in the page where possible. A modal preview needs a title, focus that moves into it deliberately, and a close control with a name that returns focus to the edit button. Check that the preview shows the actual message with line breaks, not a squashed single line that misrepresents what will be printed.

Finally, confirm the choices on the order review step: wrapping selected, message shown in full, price included in the total. That confirmation is the buyer's only proof before paying, for gift options more than most.

Frequently asked questions

Should gift wrap price be in the checkbox label?

Yes, or immediately next to it in text. A buyer should not have to select an extra to discover its cost in the total, and screen reader users in particular need the price associated with the control itself.

How should a gift message character limit work?

State the limit in the field's description before typing, provide a count that can be checked on demand, and announce when the limit is reached. Never silently stop accepting characters with no explanation.

What belongs on the review step for gifts?

The wrapping choice, the full message text, and its cost inside the total. If any of those is missing at review, the buyer has no accessible way to verify a paid extra before paying for it.

Are per item gift options harder to make accessible?

They need more care, not different principles. Group each item's options under that item's name, label every control in context, and make the total wrapping cost readable as text before checkout.