Accessibility issue with multiple marketo forms on a page, as they are generating same input field ID's. Can we change them?

[satya_sreekanth]

Hi,

We have two Marketo forms on a page - one on the footer, and another on the body. It seems when we create a form on Marketo by default it is generating same ID's and aria-labels for similar input fields. For example:  First name field is having "firstname" as ID on both the forms, Email field is having "email" as ID on both forms, and same goes with aria labels. How to fix this? please help 

Here is the link for https://www.reedgroup.com/blog/signup-for-email-alerts/

Thanks,

Sreekanth.

[SanfordWhiteman]

This is explored (and solved) in this blog post:

Multiple Marketo forms, multiple times… on the same page

[satya_sreekanth]

Thanks for the response. But I am not exactly sure how to fix the issue on my end based on the mentioned blog post. My forms are placed at different places (Pages/Widgets). And I am not a JS expert. Here is the link of my page https://www.reedgroup.com/blog/signup-for-email-alerts/

All I wanted to do is to change the Input field ID's on page/form load. Can you please provide the necessary JS code to just change the respective input fields with unique ID's? Thanks.