1.1 Positive: radio buttons associated to the question (Positive)

1.1.1 WCAG 1.3.1 (A) - Desktop

Throughout the site radio buttons have been programmatically associated with the questions they refer to. They are within a fieldset and accompanied by a descriptive legend for clarity. This means that when screen reader users navigate to the radio buttons using the tab key, the question is announced along with the corresponding radio button label. Eliminating the need to search the page for the question that the radio buttons refer to.

Radio buttons highlighted with NVDA speech viewer activated

FIGURE 1.1: Radio buttons highlighted with NVDA speech viewer activated

1.1.2 Code snippet

<fieldset>
  <legend>
    <h1>
      Is Udfsanaye Lydyle hoping to get work when they're released?
    </h1>
  </legend>
  <div>
        ....
  </div>
</fieldset>