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 ( or aria-label).
Inspection of the rendered DOM confirms there are no list elements (, , ) 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
0
0
22