Size chart
The measurement table beside a size picker, showing what each size actually means so shoppers can choose with less guesswork.
See it
What it is
A size chart maps each labelled size to measurements such as chest, waist, hip, inseam, or garment length. It may describe body measurements, which the customer measures on themselves, or finished garment measurements, which include the ease designed into the item. Those are not interchangeable.
Reach for a chart beside the size picker whenever fit affects the buying decision. Make it specific to the brand, category, and cut, and include a small diagram showing where each measurement is taken. International size labels are useful only when the underlying measurements remain visible.
Gotcha: S, M, and L are not standards. Reusing one generic chart across shirts, trousers, and fitted dresses gives shoppers false confidence. State whether numbers are body or garment measurements, keep unit conversion mathematically consistent, and treat a recommendation quiz as guidance rather than replacing the source measurements.
Ask AI for it
Build an accessible size-chart dialog beside the product's Size label. Render a semantic HTML table with sizes as rows and chest, waist, hip, inseam, and garment length as columns, plus a labelled diagram showing where to measure. Add an inches and centimetres toggle using the exact conversion 1 inch = 2.54 cm and format values with Intl.NumberFormat. State whether every value is a body or finished-garment measurement, keep the first column visible while the table scrolls on narrow screens, and return focus to the 'Size guide' trigger when the dialog closes.