[Webkit-unassigned] [Bug 214003] New: AX: Radio button input does not announce full label

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=214003

            Bug ID: 214003
           Summary: AX: Radio button input does not announce full label
           Product: WebKit
           Version: Safari 13
          Hardware: All
                OS: macOS 10.15
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Accessibility
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: jjmiller at apple.com
                CC: webkit-bug-importer at group.apple.com

Created attachment 403611

  --> https://bugs.webkit.org/attachment.cgi?id=403611&action=review

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

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20200706/5fea6157/attachment.htm>