[VoiceOver + Safari] VoiceOver incorrectly announces "list item" on form field labels inside container components when VoiceOver Hints are enabled

When navigating web components (such as accordion containers or form card containers) using Safari with VoiceOver Hints enabled, VoiceOver inappropriately prefix-announces "list item" prior to speaking form field labels (<label> or aria-label). Inspection of the rendered DOM confirms there are no list elements (<ul>, <ol>, <li>) or list ARIA roles (role="list", role="listitem") anywhere in the element hierarchy or parent container. This behavior is reproducible on native/standard web components across multiple domains, including non-Salesforce test sites such as WebAIM.org. Environment & Configuration Operating System: macOS Sonoma / Sequoia (or iOS 17 / iOS 18) Browser: Safari (Latest Stable & WebKit Nightly) Assistive Technology: VoiceOver Required VoiceOver Settings: VoiceOver Utility > Verbosity > Hints → Enabled Steps to Reproduce Enable VoiceOver (Cmd + F5 on macOS). Ensure VoiceOver Hints are turned ON under VoiceOver Utility > Verbosity > Hints. Open Safari and navigate to any standard web container containing a form field (e.g., an accordion element or card container wrapping standard text inputs). Use VoiceOver navigation key commands (VO + Left/Right Arrow or Tab navigation) to place focus onto a form field label or text input inside the container. Listen to the VoiceOver speech output string. Expected Behavior VoiceOver should announce only the accessible name/label, input role, and state. Example: "First Name, edit text" Actual Behavior VoiceOver speaks "list item" prior to reading the label and role. Example: "List item, First Name, edit text" Code / DOM Verification To verify that this is an accessibility tree/rendering engine misinterpretation rather than a markup bug, the target container was inspected: HTML <!-- Simplified DOM structure tested --> <div class="custom-accordion-container"> <div class="form-group"> <label for="first-name-input">First Name</label> <input type="text" id="first-name-input" name="first-name" /> </div> </div> No <ul> or <ol> elements present. No <li> tags present. No explicit role="list" or role="listitem" attributes applied. Impact This behavior causes confusion for screen reader users by implying an ordered/unordered list structure where none exists, adding cognitive load and unnecessary verbosity during form completion.

[VoiceOver + Safari] VoiceOver incorrectly announces "list item" on form field labels inside container components when VoiceOver Hints are enabled
 
 
Q