Request all elements to have appropriate accessible names and roles assigned (accessibility)

Is your feature request related to a problem? Please describe.
Raised by accessibility experts

All elements have appropriate accessible names and roles assigned.
Some interactive elements do not consistently expose their name, role, or value, making them difficult to identify and operate for users relying on assistive technologies.
For example:

• The menu of assessment forms visually resembles clickable cards but is not announced as links or buttons by screen readers.
• The “Clear” button (an “X” icon) in text input fields is inconsistently operable and announced. In the “Height” field, it is announced only as “button,” without a descriptive name.

Describe the solution you'd like
Recommendation by accessibility experts:

• Ensure use of semantic HTLM and expose roles programmatically. Be sure to provide descriptive accessible names.
• Ensure consistency across elements ensuring that text input fields have a "clear" button where appropriate and is keyboard accessible. Be sure to use aria-label to ensure that elements are announced correctly.

Describe alternatives you've considered
None

Additional context
None

Start by locating the assessment-form menu and the text input clear buttons, especially the “Height” field described in the issue. Audit their semantic elements, accessible names, roles, values, and keyboard behavior; the work is done when these controls are consistently identified and operable with assistive technologies.