Adding aria-labels, ids to public forms for accessibility

[candideu]

Is your feature request related to a problem? Please describe.

Hello! I've been really enjoying the latest release, especially the ability to edit the css and js of the public pages and admin panel.

That said, I noticed that the public subscription forms are missing key attributes like #ids, for=, and aria-labels. These are helpful for accessibility, or to further customize things like placeholders (see: Labeling Controls).

Describe the solution you'd like

Code at the moment:

  <p>
    <label>E-mail</label>
    <input name="email" required="true" type="email" placeholder="E-mail" autofocus="true">
    <input name="nonce" class="nonce" value="">
  </p>
  <p>
    <label>Name (optional)</label>
    <input name="name" type="text" placeholder="Name (optional)">
  </p>

I propose something like this:

  <p>
    <label for="#-form-email">E-mail</label>
    <input name="email" required="true" type="email" placeholder="E-mail" autofocus="true" id="#-form-email" aria-label="email">
    <input name="nonce" class="nonce" value="">
  </p>
  <p>
    <label for="#-form-name">Name (optional)</label>
    <input name="name" type="text" placeholder="Name (optional)" id="#-form-name" aria-label="name">
  </p>

[candideu]

Thanks for the fix @shrilakshmishastry