Accessibility issue

I’m running an accessibility report on the website and found that the two drop down options on the registration field, CCG and Job Role are flagging accessibility issues.

The description of the problem is that The label for the form control is not explicitly connected to anything, since it refers to an element ID that does not exist on the page.

Instructions on How to fix it: When using the ‘label’ it must be explicitly connected to a form control, such as an input field, a text field, a combo box, a radio button or a check box. Using standards like this helps user agent render content properly to the user.

This is only affecting the drop down fields, not the free text fields so I assume it’s a coding issue. The technique H44 – https://www.w3.org/TR/WCAG20-TECHS/H44.html – from WCAG 2 is suggested to be used to meet the criteria.

The HTML flagged as a issue is

<label for="job_role-7381" style>Job Role<span class="um-req" title="Required" style>*</span></label>

Hope you can advise on how this can be fixed.

Thanks.

• This topic was modified 4 years, 6 months ago by blanch80. Reason: tidy code

The page I need help with: [log in to see the link]