Created attachment 403611 [details]
VO_RadioButton_AndMoreItems

The label/for accessible name is not being announced in full by VoiceOver. This is occurring with multiple spans being used to create a styled label.

Example Code:

<input name=“selector” id=“selector_2" type=“radio”>
<label for=“selector_2">
  <span class=“column”>
    <span>256GB<sup>1</sup></span>
    <span>Caption ipsum dolor</span>
  </span>
</label>

.column {
  display:flex;
  flex-direction:column;
}

VoiceOver announces the accessible name as "256GB1 and one more item"

VoiceOver announces the entire label:
– Removing the <sup> element
– Removing display:flex
– Added aria-labelledby to the input