title: Label not associated to input
body: <p>Using the built in Chrome Lighthouse to run accessibility audit on a WP site showed the signup field as being invalid due to no associated label. I've run into this before and I can't understand why it doesn't think it's associated. I can get it to pass by adding an <code>aria-label</code> tag to the <code>input</code> directly but I shouldn't have to do that. </p>
  
  <p>Here is a code snippet that is created from Subscribe2</p>
  
  <pre><code>&lt;label for="s2email"&gt;Your email:&lt;/label&gt;
  &lt;br&gt;
  &lt;input type="text" name="email" id="s2email" value="Enter email address..." size="20" onfocus="if (this.value === 'Enter email address...') {this.value = '';}" onblur="if (this.value === '') {this.value = 'Enter email address...';}"&gt;
  </code></pre>
  
  <p>Can be found here: <a href="https://blog.collaborative.org/" rel="noreferrer">https://blog.collaborative.org/</a></p>