Blog subscriptions widget multiple form labels error

Could you try to apply the fix here, and let me know if it helps?

Jeremy,

Made the edit, reran the WAVE and it gave the same error.

I don’t seem to see the extra <label> in my test. I see the one with the jetpack-subscribe-label id, but not the other one.

Could you post a screenshot of how things look like on your site, or post a link to your site so I can take a look?

Thanks!

Sure, should have done that in the first place, sorry. The site is:

The Harvey Mercheum

The widget is in the right-hand widget area when viewed full screen, or below the content on a phone. Viewing the source, the relevant code is:

<aside
id=”blog_subscription-2″ class=”dbx-box suf-widget jetpack_subscription_widget”><div
class=”dbx-content”><h3 class=”dbx-handle scheme”><label
for=”subscribe-field”>Subscribe to the Mercheum Blog via Email</label></h3><form
action=”#” method=”post” accept-charset=”utf-8″ id=”subscribe-blog-blog_subscription-2″><div
id=”subscribe-text”><p>Enter your email address to subscribe to the Mercheum Blog and receive notifications of new posts by email.</p></div><p>Join 7 other subscribers</p><p
id=”subscribe-email”> <label
id=”jetpack-subscribe-label” for=”subscribe-field”> Email Address </label> <input
type=”email” name=”email” value=”” id=”subscribe-field” placeholder=”Email Address” /></p><p
id=”subscribe-submit”>

And the <label>s that I see are on lines 1246-7 and 1250-1. Hope this helps!

-Jon

Oh, I see what you mean now. The first label is not connected to the form itself, it’s added to the widget title.

I’ll see if we can safely remove that label from the widget title in a future Jetpack update. You can follow our progress here:
https://github.com/Automattic/jetpack/pull/1485

Sounds good, thanks Jeremy! Obviously this is not a rush or a big deal. There will still be errors even after this one is fixed so I’ll never be truly compliant. I just figured this one might be easy to fix.