title: How to fix Talkback announcing checked state change multiple times when changing radio button selection on Google Chrome for Android
body: <p>I'm working on a AA accessible web application where I have a simple form with radio button group. When I have already selected a radio button and change the selection, Android Talkback announces state changes twice.
  It would say, "unchecked checked" or "checked unchecked".</p>
  
  <p>My markup is strictly following the accessibility guidelines as described here <a href="https://webaim.org/techniques/forms/controls#radio" rel="nofollow noreferrer">https://webaim.org/techniques/forms/controls#radio</a>. I'm not even sure if this is a bug or feature.</p>
  
  <p>Codepen: <a href="https://codepen.io/bhargavshah/pen/PXVBML" rel="nofollow noreferrer">https://codepen.io/bhargavshah/pen/PXVBML</a></p>
  
  <pre><code>&lt;fieldset&gt;
      &lt;legend&gt;Choose a shipping method:&lt;/legend&gt;
      &lt;input id="overnight" type="radio" name="shipping" value="overnight"&gt;
      &lt;label for="overnight"&gt;Overnight&lt;/label&gt;&lt;br&gt;
      &lt;input id="twoday" type="radio" name="shipping" value="twoday"&gt;
      &lt;label for="twoday"&gt;Two day&lt;/label&gt;&lt;br&gt;
      &lt;input id="ground" type="radio" name="shipping" value="ground"&gt;
      &lt;label for="ground"&gt;Ground&lt;/label&gt;
  &lt;/fieldset&gt;
  </code></pre>
  
  <p><strong>Expected Result</strong>: Talkback should just announce "Checked" on a radio button when selection changes.</p>
  
  <p><strong>Actual Result</strong>: Talkback announces "Unchecked checked" on a radio button when selection changes.</p>