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/Waitlist.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/Waitlist.tsx')
| -rw-r--r-- | src/view/com/modals/Waitlist.tsx | 16 |
1 files changed, 14 insertions, 2 deletions
diff --git a/src/view/com/modals/Waitlist.tsx b/src/view/com/modals/Waitlist.tsx index 2795dcffe..7cc78a35f 100644 --- a/src/view/com/modals/Waitlist.tsx +++ b/src/view/com/modals/Waitlist.tsx @@ -77,6 +77,9 @@ export function Component({}: {}) { keyboardAppearance={theme.colorScheme} value={email} onChangeText={setEmail} + accessible={true} + accessibilityLabel="Email" + accessibilityHint="Input your email to get on the Bluesky waitlist" /> {error ? ( <View style={s.mt10}> @@ -99,7 +102,10 @@ export function Component({}: {}) { </View> ) : ( <> - <TouchableOpacity onPress={onPressSignup}> + <TouchableOpacity + onPress={onPressSignup} + accessibilityRole="button" + accessibilityHint={`Confirms signing up ${email} to the waitlist`}> <LinearGradient colors={[gradients.blueLight.start, gradients.blueLight.end]} start={{x: 0, y: 0}} @@ -110,7 +116,13 @@ export function Component({}: {}) { </Text> </LinearGradient> </TouchableOpacity> - <TouchableOpacity style={[styles.btn, s.mt10]} onPress={onCancel}> + <TouchableOpacity + style={[styles.btn, s.mt10]} + onPress={onCancel} + accessibilityRole="button" + accessibilityLabel="Cancel waitlist signup" + accessibilityHint={`Exits signing up for waitlist with ${email}`} + onAccessibilityEscape={onCancel}> <Text type="button-lg" style={pal.textLight}> Cancel </Text> |