Improve Form Accessibility (a11y)

Add <label> elements and improve form markup for screen readers.

File to modify: popup.html

How to do it: Wrap each input in a <label> with descriptive text.

<template id="authorFormTemplate">
  <div class="author-form">
    <label>Email: <input type="email" class="author-email" placeholder="Email"></label>
    <label>First Name: <input type="text" class="author-first-name" placeholder="First Name"></label>
    <label>Last Name: <input type="text" class="author-last-name" placeholder="Last Name"></label>
    <label>Organization: <input type="text" class="author-organization" placeholder="Organization"></label>
    <label>Country: 
      <select class="author-country"></select>
    </label>
    <button type="button" class="remove-author-btn">Remove</button>
  </div>
</template>