Radio buttons/checkboxes cannot be activated by voice activation software

[phillipmacdonald]

Bug Report

What is the issue?

Radios and checkboxes cannot be activated by Dragon, Lipsurf for Chrome and Handsfree for Web. The radios and checkboxes are not discoverable. This was reported as part of a DAC accessibility report in NHS login, and whilst it is not a WCAG 2.1 AA requirement, we thought it was worth reporting.

The report states it has something to do with the position: absolute on the radio/checkbox itself, but we found it was also partially due to the input being hidden as well.

What steps are required to reproduce the issue?

What was the environment where this issue occurred?

• Device: Macbook Pro
• Operating System: macOS Ventura
• Browser: Chrome
• Browser version: 114.0.5735.106.
• NHS.UK frontend package version: >5.2.0
• Node version:

Is there anything else you think would be useful in recreating the issue?

It is reproducable in the checkbox and radio design manual.