fix(ui-utils,ui-select): make screenreader annouce disabled Select as dimmed in Chrome

INSTUI-4485

Author: ToMESSKa

packages/ui-select/src/Select/index.tsx

@@ -710,11 +710,17 @@ class Select extends Component<SelectProps> {
           // Also on iOS Chrome with role='combobox' it announces unnecessarily
           // that its 'read-only' and that this is a 'textfield', see INSTUI-4500
           role:
-            utils.isSafari() || utils.isAndroidOrIOS() ? 'button' : 'combobox',
+            utils.isSafari() ||
+            utils.isAndroidOrIOS() ||
+            (interaction === 'disabled' && utils.isChromium())
+              ? 'button'
+              : 'combobox',
           title: inputValue,
           'aria-autocomplete': undefined,
           'aria-readonly': true
         }
+      : interaction === 'disabled' && utils.isChromium()
+      ? { role: 'button' }
       : {}
 
     // backdoor to autocomplete attr to work around chrome autofill issues

packages/ui-utils/src/getBrowser.ts

@@ -55,7 +55,7 @@ const isIE = () => {
 const isChromium = () => {
   const chromiumBasedBrowsers = ['Chrome', 'Chromium', 'Opera', 'Edge']
   return chromiumBasedBrowsers.some((browser) => {
-    getBrowser().name?.includes(browser)
+    return getBrowser().name?.includes(browser)
   })
 }