"Multiple Form Labels" accessibility error

[Toby]

I have an accessibility-related question for y'all.  

I'm confused by a specific "Multiple Form Labels" error I'm getting when using the WAVE tool on https://burnsvillemn.com/events/.  Here's the markup:

Any idea why it's throwing that error and how I might go about resolving this error?

Thanks,

Toby

[eileen.s...@gmail.com]

There are 2 email submission forms on the page and they both use the same id="form-field-email". You'll need to edit the id on one of the forms.

Does Elementor normally increment the id's on a page when repeated blocks are added? (This has me checking some of my sites that use the block editor. The search form block auto-increments the id's. )

Eileen

[Toby]

Eileen - You are a genius!  That was it, thank you.

In case anyone else runs into this issue, you need to click the form field, then click "Advanced", then update the field ID (not to be confused with the form ID).

Regarding your question about whether or not Elementor accounts for this automatically, I'm not 100% sure, since I did not build this particular site, but I'm guessing Elementor uses the same default id of "email" for all the email fields.  It does look like there's a setting on the field ID where you can make use dynamic varisbles (page id, etc.)

Toby