Label it Accessible - Part Two

In March, I wrote a blog post focused on the importance of labels, specifically for familiar web components such as documents, icons, image maps, and form controls. These elements are often top-of-mind when creating accessible web content. 

Today, we'll focus on four additional webpage elements that may not always receive the accessibility attention they require.

Note: The code segments presented here are for illustrative purposes and not for independent execution outside a valid HTML context.

**Dialogs
**Dialog boxes are typically identified with ARIA role="dialog" or role="alert dialog." Use aria-label or aria-labelledby to clearly label dialog boxes, such as confirmation dialogs, so assistive technologies, like screen readers, understand the purpose and behavior of these elements.

"Specifying descriptive elements enables screen readers to announce the description along with the dialog title and initially focused element when the dialog opens…" ~ Dialog (Modal) Pattern, W3C

<div

  role="dialog"

  aria-labelledby="confirmationDialogTitle"

  aria-describedby="confirmationDialogDesc"

  data-modal="confirmationDialog"

  <h2 id="confirmationDialogTitle">Confirm Action</h2>

  <p id="confirmationDialogDesc">Are you sure you want to proceed with this action?</p>

    <button id="confirmButton">Yes</button>

    <button id="cancelButton">No</button>

</div>

**Fieldset elements
**Always include a

element within a

to clearly describe grouped form elements. Doing so helps users of assistive technology understand the purpose of the group.

<form>

  <fieldset>

    <legend>Choose your favorite monster</legend>

    <input type="radio" id="kraken" name="monster" value="K" />

    <label for="kraken">Kraken</label><br />

    <input type="radio" id="sasquatch" name="monster" value="S" />

    <label for="sasquatch">Sasquatch</label><br />

    <input type="radio" id="mothman" name="monster" value="M" />

    <label for="mothman">Mothman</label>

  </fieldset>

</form>

Embedded content
To improve accessibility, provide a descriptive