Large Value Reference

User stories

As a user who relies on a screen reader I want the Large Value Reference to be announced with a clear accessible name and role so that I understand what the value represents and that it can be copied

As a user who depends on assistive technology I want an accessible confirmation when the value is copied so that I am sure the copy action succeeded without needing visual feedback.

As a keyboard-only user I want to focus the Large Value Reference using the Tab key so that I can interact with it without needing a mouse or touch.

As a keyboard-only user I want the copy interaction to be triggered with Enter so that I can copy the value using keyboard controls.

Test steps

Screen reader accessible name & role

• Navigate to the Large Value Reference component using a screen reader
• Confirm the component announces a clear label or accessible name before the value.
• Confirm the screen reader announces the interactive role (e.g. “button” or equivalent).

Screen reader copy confirmation

• With a screen reader active, activate the Large Value Reference to initiate the copy action.
• Confirm that a status announcement (e.g. “Copied”) is delivered via a live region.

Keyboard focus

• Tab through the page to tab stop on the Large Value Reference.
• Confirm that the component receives focus in a logical sequence.
• Confirm a visible focus indicator appears.

Keyboard activation

• With the component focused, press Enter.
• Confirm that the value is copied and a toast appears.
• Repeat with Space and confirm the same behaviour.

Focus visibility

• Focus the component using Tab.
• Confirm that the focus indicator meets contrast and visibility standards.

---