How this site is built to be used

The palette here is champagne gold on a warm off-white, which is exactly the kind of scheme that fails contrast checks. It was handled by keeping gold out of the text entirely.

• Body text is a dark warm grey on the page ground, measuring about 9.6:1.
• Headings measure about 13.4:1.
• Secondary and helper text measures about 4.9:1, above the 4.5:1 minimum.
• The primary button is near-black on off-white, about 14.2:1, well past the 7:1 we set for it.
• Gold is used for one-pixel rules, small marks and decoration. Where a gold tone carries text, it is the darkened variant at about 5.1:1.

One h1 per page, headings in order, landmarks for the header, main content and footer, and a skip link as the first focusable element. Every interactive control is reachable by keyboard and shows a visible focus ring against every background it sits on.

The basket count is announced politely when it changes, and the confirmation after adding to the basket is announced rather than only shown. Adding something to the basket deliberately does not open a panel or move focus — nothing is taken away from where you were.

The side-by-side comparison is a real table: a caption, column headers, and a row header on every row. That is what lets a screen reader announce “Colour, Lab-grown, G” instead of reading a wall of disconnected values.

Below the medium breakpoint the columns stack rather than scroll sideways, and each value keeps both its field name and the origin it belongs to. A stacked table that drops its labels is worse than one that scrolls, so it does not drop them.

The panel that appears on a ring which cannot be resized carries an alert role, a warning icon and the words themselves. The red is the third signal, not the only one, so the warning survives a monochrome screen and any form of colour blindness.

The ambient shapes behind the header drift as the page scrolls and blocks rise into place as they come into view. With reduced motion requested at the operating system level, all of it stops: the shapes hold still, content appears in place, and no contrast changes as a result.

Nothing on this site autoplays, flashes, or moves without the page being scrolled.

Every image carries alt text describing what it shows. Purely decorative marks are hidden from assistive technology rather than given empty labels.

The printable sizing sheet is drawn as vector artwork in real millimetres, so it scales without blurring and prints at true size. It carries a text description, and the same figures are also given as an ordinary table on the same page for anyone who cannot use the printed circles.

The comparison table is dense by design. Read linearly it is a long sequence of short values, and there is no shortcut around that without losing the correspondence between the two columns.

Hallmark punch marks in the close-up photography are small and low contrast. That is what they look like in reality, and the written explanation on the hallmarking page carries the information rather than the photograph.

If any part of this site is difficult or impossible for you to use, write to support@hyjewelleryuk.shop or call +44 7106704698. Tell us the page and what happened. We will reply within one working day and, if something needs fixing, say when it will be fixed.

Any order can be placed by telephone instead, with the same prices and the same terms.