Bug 80: Nested Fieldsets + Duplicate Legends (Chaos: F90 + F82)

WCAG 1.3.1 + 3.3.2 | Multiple accessibility failures combined.

Failure F90: Fieldset Legend Missing or Duplicate
Personal Information
Personal Information
Personal Information

Issues:

  • Duplicate "Personal Information" legends confuse grouping
  • Missing input IDs means labels aren't associated
  • Some inputs have no labels at all
  • Nested fieldsets with same name are redundant
CHAOS: Complex Nested Structure
Address Information
Address
Address

Issues:

  • Overly nested fieldsets (3 levels)
  • Duplicate "Address" legends at multiple levels
  • Some inputs have labels, others don't (inconsistent)
  • No clear structure for screen reader users
  • Placeholder-only labels (disappear on focus)
Failure F90: Fieldset Without Legend

Issue: Related radio buttons in fieldset but no legend describing what they're for.

Correct Structure (For Reference)
<!-- CORRECT --> <form> <fieldset> <legend>Personal Information</legend> <div class="form-group"> <label for="fname">First Name</label> <input type="text" id="fname" name="firstName"> </div> <fieldset> <legend>Address Details</legend> <div class="form-group"> <label for="street">Street Address</label> <input type="text" id="street" name="street"> </div> </fieldset> </fieldset> </form>
  • Each fieldset has unique, descriptive legend
  • Every input has associated label with id
  • Nesting is logical and purposeful
HAL Fixes: HAL ensures every fieldset has a unique, descriptive legend. HAL removes duplicate fieldsets or legends. HAL associates all inputs with labels (id/for). HAL validates nesting is logical. HAL adds ARIA or restructures if fieldset/legend aren't appropriate.