blurringtheboundaries / dyj-instrument-selection

The instrument selection screen from Define Your Journey.
MIT License
0 stars 0 forks source link

How radio buttons are displayed and seen by Voiceover seem a bit convoluted #2

Open Studio-Jay-Recording opened 2 years ago

Studio-Jay-Recording commented 2 years ago

When navigating groups of radio buttons, Voiceover correctly identifies a group containing a number of radio buttons, prompting the user to interact. However, if the user continues navigating without interacting with the group, the radio buttons are shown. What should happen is that if the user continues to navigate the page without interacting with the group of radio buttons, the user should simply move to the next element on the page.

blurringtheboundaries commented 2 years ago

Thanks Jay,

I have found some conflicting information on this. I'm going to try the suggestions on this page: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/radio_role

blurringtheboundaries commented 2 years ago

this is the example on our call

  <legend>instrument options</legend>
      <input type="radio" checked name="instrumentOptions" aria-label='cello' id="cellolabel" value="True"></input> 
      <span aria-hidden='true'><label for="cellolabel">cello</label></span>
      <input type="radio" name="instrumentOptions" id="pianolabel" aria-label='piano' value="False"></input> 
      <label for="pianolabel"><span aria-hidden='true'>piano</span></label>
</fieldset>
blurringtheboundaries commented 2 years ago

@Studio-Jay-Recording testing...does this notify you?