Skip to content
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

Merged
merged 37 commits into from
Jan 8, 2025
Merged

Conversation

OtavioStasiak
Copy link
Contributor

@OtavioStasiak OtavioStasiak commented Nov 25, 2024

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

  • Bugfix (non-breaking change which fixes an issue)
  • Improvement (non-breaking change which improves a current function)
  • New feature (non-breaking change which adds functionality)
  • Documentation update (if none of the other choices apply)

Checklist

  • I have read the CONTRIBUTING doc
  • I have signed the CLA
  • Lint and unit tests pass locally with my changes
  • I have added tests that prove my fix is effective or that my feature works (if applicable)
  • I have added necessary documentation (if applicable)
  • Any dependent changes have been merged and published in downstream modules

Further comments

@OtavioStasiak OtavioStasiak changed the title Chore a11y edit room info chore(a11y): RoomInfoEditView Nov 26, 2024
@OtavioStasiak OtavioStasiak marked this pull request as ready for review November 26, 2024 14:54
@OtavioStasiak OtavioStasiak force-pushed the chore-a11y-edit-room-info branch from 89929ad to ce2d7c2 Compare December 4, 2024 21:48
@@ -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';
Copy link
Member

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.

Copy link
Contributor Author

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.

@OtavioStasiak OtavioStasiak force-pushed the chore-a11y-edit-room-info branch from ab4e981 to 05dead4 Compare December 11, 2024 19:11
@@ -167,7 +170,10 @@ export const FormTextInput = ({
) : null}

{secureTextEntry ? (
<Touchable onPress={() => setShowPassword(!showPassword)} style={[styles.iconContainer, styles.iconRight]}>
<Touchable
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image

It rendering outside of TextInput

@OtavioStasiak OtavioStasiak merged commit 3013649 into develop Jan 8, 2025
4 of 9 checks passed
@OtavioStasiak OtavioStasiak deleted the chore-a11y-edit-room-info branch January 8, 2025 20:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants