Skip to content

Four part date control without visible names

What it sounds like

Event date group, Day, 1, combo box

Every form control needs a name (visible or not), and every group of controls needs a name (visible or not). We can visually hide the legend and add aria-label attributes to

What it looks like

Event date
  <legend class="visuallyhidden">Event date</legend>

  <select aria-label="Day" id="event-date-day" name="event-date-day">

  <select aria-label="Month" id="event-date-month" name="event-date-month">

  <select aria-label="Year" id="event-date-year" name="event-date-year">

    <option value="12.0">(GMT +12:00) Wellington</option>