diff options
| author | Ollie H <renahlee@outlook.com> | 2023-05-01 18:38:47 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-05-01 20:38:47 -0500 |
| commit | 83959c595d52ceb7aa4e3f68441c5ac41c389ebc (patch) | |
| tree | 3385d9a16e90fc8d5290ebdef104f922c17642a9 /src/view/com/modals/EditProfile.tsx | |
| parent | c75c888de2407d3314cad07989174201313facaa (diff) | |
| download | voidsky-83959c595d52ceb7aa4e3f68441c5ac41c389ebc.tar.zst | |
React Native accessibility (#539)
* React Native accessibility * First round of changes * Latest update * Checkpoint * Wrap up * Lint * Remove unhelpful image hints * Fix navigation * Fix rebase and lint * Mitigate an known issue with the password entry in login * Fix composer dismiss * Remove focus on input elements for web * Remove i and npm * pls work * Remove stray declaration * Regenerate yarn.lock --------- Co-authored-by: Paul Frazee <pfrazee@gmail.com>
Diffstat (limited to 'src/view/com/modals/EditProfile.tsx')
| -rw-r--r-- | src/view/com/modals/EditProfile.tsx | 17 |
1 files changed, 15 insertions, 2 deletions
diff --git a/src/view/com/modals/EditProfile.tsx b/src/view/com/modals/EditProfile.tsx index 9bd572cc0..c26592fa9 100644 --- a/src/view/com/modals/EditProfile.tsx +++ b/src/view/com/modals/EditProfile.tsx @@ -175,6 +175,9 @@ export function Component({ onChangeText={v => setDisplayName(enforceLen(v, MAX_DISPLAY_NAME)) } + accessible={true} + accessibilityLabel="Display name" + accessibilityHint="Edit your display name" /> </View> <View style={s.pb10}> @@ -188,6 +191,9 @@ export function Component({ multiline value={description} onChangeText={v => setDescription(enforceLen(v, MAX_DESCRIPTION))} + accessible={true} + accessibilityLabel="Description" + accessibilityHint="Edit your profile description" /> </View> {isProcessing ? ( @@ -198,7 +204,10 @@ export function Component({ <TouchableOpacity testID="editProfileSaveBtn" style={s.mt10} - onPress={onPressSave}> + onPress={onPressSave} + accessibilityRole="button" + accessibilityLabel="Save" + accessibilityHint="Saves any changes to your profile"> <LinearGradient colors={[gradients.blueLight.start, gradients.blueLight.end]} start={{x: 0, y: 0}} @@ -211,7 +220,11 @@ export function Component({ <TouchableOpacity testID="editProfileCancelBtn" style={s.mt5} - onPress={onPressCancel}> + onPress={onPressCancel} + accessibilityRole="button" + accessibilityLabel="Cancel profile editing" + accessibilityHint="" + onAccessibilityEscape={onPressCancel}> <View style={[styles.btn]}> <Text style={[s.black, s.bold, pal.text]}>Cancel</Text> </View> |