PR contains fixes for the Dropdown, SingleSelect & MultiSelect components. The changes to the Select components are mainly pre-emptive in nature and deal with the extra divs in the popover list.
Dropdown, on the other hand, needs a hotfix since the component is currently not working in the latest macOS version with Safari + VoiceOver. The fix is, fortunately, very simple: Just replace aria-owns with aria-controls in the dropdown button.
Motivation and Context
The issues were reported to us by an accessibility specialist.
How Has This Been Tested?
Styleguidist: macOS 15 with Safari + VO, Chrome + VO
Release notes
Dropdown
Fix screen reader accessibility which manifested when browsing the popover list
SingleSelect, MultiSelect
Remove redundant divs from the popover list (between <ul> and <li>)
Description
PR contains fixes for the Dropdown, SingleSelect & MultiSelect components. The changes to the Select components are mainly pre-emptive in nature and deal with the extra divs in the popover list.
Dropdown, on the other hand, needs a hotfix since the component is currently not working in the latest macOS version with Safari + VoiceOver. The fix is, fortunately, very simple: Just replace
aria-ownswitharia-controlsin the dropdown button.Motivation and Context
The issues were reported to us by an accessibility specialist.
How Has This Been Tested?
Styleguidist: macOS 15 with Safari + VO, Chrome + VO
Release notes
Dropdown
SingleSelect, MultiSelect
<ul>and<li>)ariaOptionsAvailableTextFunctiondocumentation examples