Can shoppers tell which color is selected and which option is unavailable?

Ask three questions for each option

Can the shopper identify the option? Can they determine whether it is currently selected? Can they understand and act on its availability? Record those answers independently. “Blue” as a generic image description may be inadequate when the actual sellable choices are Navy and Sky. Use the approved merchandising names without claiming that the swatch matches every physical display.

W3C’s radio-group pattern describes named choices with one checked value and defined keyboard behavior. A maintainer should use semantics suited to the real control design; adding several conflicting roles is not a substitute for choosing a coherent pattern.

Build a state truth table

In this fictional cushion store, Linen is selected, Moss is selectable and Clay is sold out. The visual interface distinguishes them, but a screen reader calls all three “button.” A shopper cannot infer the selected product from those names. The merchant’s report should pair approved labels with the intended behavior, without editing inventory through the review sheet.

Give the maintainer the control contract

Ask the maintainer to inspect each control’s accessible name, role and actual selected or checked state. Have them explain how unavailable choices remain understandable under the chosen design. An unavailable item may be nonselectable or may expose an explanation; whichever route is used, it must not silently add a different available variant to the cart.

Test the relevant keyboard interaction, then confirm that the approved visible label agrees with the spoken name. Repeat after changing size, because availability may depend on another option. Do not hard-code a universal arrow-key rule without knowing the control pattern.

Retest selection through purchase

Select Moss, inspect the resulting product identity and continue to the cart summary. Then examine Clay’s explanation without completing a purchase. Record the selected item and unavailable route separately. This check concerns the control’s name and state; a separate update-timing test is needed for delayed image or stock messages.

Use the gallery interaction review as a manual review record. Sample rows are fictional. It does not connect to, import into or modify an external store or production machine.

Itemlume can help produce reviewed merchandise photos and accompanying option wording. It does not set radio semantics, inventory states or external cart behavior. Keep the source imagery, control repair and actual store inventory under their respective owners.