fix(ui-options): subgroup titles in Options are not announnced by Tal…

…kBack and iOS VoiceOver Closes: INSTUI-4235
instructure · Oct 4, 2024 · ada13fd · ada13fd
1 parent 1fa63c4
commit ada13fd
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/ui-options/src/Options/index.tsx b/packages/ui-options/src/Options/index.tsx
@@ -104,11 +104,12 @@ class Options extends Component<OptionsProps> {
 
   renderLabel() {
     const { renderLabel, styles } = this.props
+    const isAndroidOrIOS = /Android|iPhone|iPad/i.test(navigator.userAgent)
     return (
       <span
         id={this._labelId}
         role="presentation"
-        aria-hidden="true"
+        aria-hidden={isAndroidOrIOS ? 'false' : 'true'}
         css={styles?.label}
       >
         {callRenderProp(renderLabel)}
@@ -119,7 +120,7 @@ class Options extends Component<OptionsProps> {
   renderSubList(subOptions: OptionsChild) {
     const { styles } = this.props
     return (
-      <Item as={this.childAs} role="presentation" css={styles?.label}>
+      <Item as={this.childAs} role="presention" css={styles?.label}>
         {subOptions}
       </Item>
     )