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/util/images/Gallery.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/util/images/Gallery.tsx')
| -rw-r--r-- | src/view/com/util/images/Gallery.tsx | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/src/view/com/util/images/Gallery.tsx b/src/view/com/util/images/Gallery.tsx index 78ced0668..5b6c3384d 100644 --- a/src/view/com/util/images/Gallery.tsx +++ b/src/view/com/util/images/Gallery.tsx @@ -41,16 +41,25 @@ export const GalleryItem: FC<GalleryItemProps> = ({ delayPressIn={DELAY_PRESS_IN} onPress={() => onPress?.(index)} onPressIn={() => onPressIn?.(index)} - onLongPress={() => onLongPress?.(index)}> + onLongPress={() => onLongPress?.(index)} + accessibilityRole="button" + accessibilityLabel="View image" + accessibilityHint=""> <Image source={{uri: image.thumb}} style={imageStyle} accessible={true} accessibilityLabel={image.alt} + accessibilityHint="" + accessibilityIgnoresInvertColors /> </TouchableOpacity> {image.alt === '' ? null : ( - <Pressable onPress={onPressAltText}> + <Pressable + onPress={onPressAltText} + accessibilityRole="button" + accessibilityLabel="View alt text" + accessibilityHint="Opens modal with alt text"> <Text style={styles.alt}>ALT</Text> </Pressable> )} |