Challenge: Auditing an Inaccessible Form Field

Review this real-world form field implementation in a legacy codebase:

<div class="field">
  <div class="label">Work Email</div>
  <input placeholder="Enter work email" style="border: 1px solid #E0E0E0;" />
  <span class="error" style="color: #F87171;">Invalid email address</span>
</div>

This input has four severe accessibility flaws:

1. The label is a <div> with no for or id link to the input.
2. The border (#E0E0E0) has a 1.2:1 contrast ratio against the white background (violating the 3.0:1 non-text rule).
3. The error message relies solely on red text color without an error icon or semantic aria-invalid attribute.
4. The error is not announced to screen readers (aria-describedby is missing).