Metadata
- Source
- FLUID-6619
- Type
- Bug
- Priority
- Major
- Status
- Closed
- Resolution
- Fixed
- Assignee
- N/A
- Reporter
- Ned Zimmerman
- Created
2021-05-12T09:14:32.972-0400 - Updated
2021-05-12T16:00:36.100-0400 - Versions
-
- 3.0
- Fixed Versions
-
- 3.0
- Component
-
- UI Options
Description
In UI Options, the contrast theme buttons have labels marked up as follows:
<label for="themeRow::themeInput" class="flc-prefsEditor-theme-label fl-prefsEditor-themePicker-defaultThemeLabel fl-theme-prefsEditor-default" id="themeRow::themeLabel" aria-label="Default">
<span class="fl-preview-A" aria-hidden="true"></span>
<span class="fl-hidden-accessible">Default</span>
<div class="fl-crossout" aria-hidden="true"></div>
</label>
In Edge (macOS 11), the use of the aria-label attribute on a <label> element prevents VoiceOver from announcing the label text (both the inner text of the <label> and the aria-label are ignored).
This means that when navigating through the list of contrast themes, a VoiceOver user will only hear selected, radio button, 1 of 9 and will not have any information about which theme is selected.
Comments
-
Justin Obara commented
2021-05-12T16:00:31.792-0400 Merged PR ( https://github.com/fluid-project/infusion/pull/1048 )into the project repo at 75c3c7e12a96f0ed168e8e2c9691ce5b061309c3