-
Notifications
You must be signed in to change notification settings - Fork 1.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
chore(a11y): RoomInfoEditView #6023
Conversation
89929ad
to
ce2d7c2
Compare
@@ -2,6 +2,7 @@ import { BottomSheetTextInput } from '@discord/bottom-sheet'; | |||
import React, { useState } from 'react'; | |||
import { StyleProp, StyleSheet, Text, TextInput as RNTextInput, TextInputProps, TextStyle, View, ViewStyle } from 'react-native'; | |||
import Touchable from 'react-native-platform-touchable'; | |||
import { A11y } from 'react-native-a11y-order'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
My concern about this lib is
Because of its native nature, it is important to wrap all components inside A11y.Order with A11y.Index. Components not wrapped in A11y.Index may be skipped from the reading order on iOS, or read at the end on Android. If you need to manage many elements, try to group them with a view and then control them via the ordering system. You can find an example below.
We would have to wrap the whole app on it.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I tried to do it, but it does not work on iOS.
ab4e981
to
05dead4
Compare
@@ -167,7 +170,10 @@ export const FormTextInput = ({ | |||
) : null} | |||
|
|||
{secureTextEntry ? ( | |||
<Touchable onPress={() => setShowPassword(!showPassword)} style={[styles.iconContainer, styles.iconRight]}> | |||
<Touchable |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Proposed changes
Added accessibility features to the RoomInfoEditView.
Issue(s)
https://rocketchat.atlassian.net/browse/MA-196
How to test or reproduce
Screenshots
Types of changes
Checklist
Further comments