create const values for accessibility roles

Expensify · Jun 7, 2023 · 5cd97a3 · 5cd97a3
1 parent 014eb8b
commit 5cd97a3
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 3 deletions.
diff --git a/src/CONST.js b/src/CONST.js
@@ -2446,6 +2446,13 @@ const CONST = {
         EXPENSIFY_LOGO_SIZE_RATIO: 0.22,
         EXPENSIFY_LOGO_MARGIN_RATIO: 0.03,
     },
+    ACCESSIBILITY_ROLE: {
+        BUTTON: 'button',
+        LINK: 'link',
+        MENUITEM: 'menuitem',
+        TEXT: 'text',
+        RADIO: 'radio',
+    },
 };
 
 export default CONST;
diff --git a/src/components/AnchorForCommentsOnly/BaseAnchorForCommentsOnly.js b/src/components/AnchorForCommentsOnly/BaseAnchorForCommentsOnly.js
@@ -13,6 +13,7 @@ import * as DeviceCapabilities from '../../libs/DeviceCapabilities';
 import styles from '../../styles/styles';
 import withWindowDimensions, {windowDimensionsPropTypes} from '../withWindowDimensions';
 import {propTypes as anchorForCommentsOnlyPropTypes, defaultProps as anchorForCommentsOnlyDefaultProps} from './anchorForCommentsOnlyPropTypes';
+import CONST from '../../CONST';
 
 const propTypes = {
     /** Press in handler for the link */
@@ -60,7 +61,7 @@ const BaseAnchorForCommentsOnly = (props) => {
             onPress={linkProps.onPress}
             onPressIn={props.onPressIn}
             onPressOut={props.onPressOut}
-            accessibilityRole="link"
+            accessibilityRole={CONST.ACCESSIBILITY_ROLE.LINK}
             accessibilityLabel={props.href}
         >
             <Tooltip text={props.href}>

diff --git a/src/components/LHNOptionsList/OptionRowLHN.js b/src/components/LHNOptionsList/OptionRowLHN.js
@@ -144,7 +144,7 @@ const OptionRowLHN = (props) => {
                             props.isFocused ? styles.sidebarLinkActive : null,
                             hovered && !props.isFocused ? props.hoverStyle : null,
                         ]}
-                        accessibilityRole="button"
+                        accessibilityRole={CONST.ACCESSIBILITY_ROLE.BUTTON}
                         accessibilityLabel={props.translate('accessibilityHints.navigatesToChat')}
                     >
                         <View

diff --git a/src/components/MenuItem.js b/src/components/MenuItem.js
@@ -122,7 +122,7 @@ const MenuItem = (props) => {
             ]}
             disabled={props.disabled}
             ref={props.forwardedRef}
-            accessibilityRole="menuitem"
+            accessibilityRole={CONST.ACCESSIBILITY_ROLE.MENUITEM}
             accessibilityLabel={props.title}
         >
             {({hovered, pressed}) => (