Skip to content

textField - a11y label improvements#3883

Merged
yotam-wix merged 16 commits into
masterfrom
textField-Validation-A11yLabel
Jan 1, 2026
Merged

textField - a11y label improvements#3883
yotam-wix merged 16 commits into
masterfrom
textField-Validation-A11yLabel

Conversation

@yotam-wix

@yotam-wix yotam-wix commented Dec 22, 2025

Copy link
Copy Markdown
Collaborator

Description

textField - added better handling of textField a11y label. Added unification of all different parts of the component (Label, helperText, charCounter), ordered by a11y guidelines given.

Changelog

textField - a11y label fix.

Additional info

Ticket 4797

@yotam-wix yotam-wix requested review from lidord-wix and removed request for lidord-wix December 22, 2025 09:12

@lidord-wix lidord-wix left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Added some comments
BTW, the decision of the reading order is made by the UX?

Comment thread .yarnrc.yml Outdated
Comment thread packages/react-native-ui-lib/src/components/textField/index.tsx
Comment thread packages/react-native-ui-lib/src/components/textField/index.tsx
yotam-wix and others added 2 commits December 25, 2025 13:34
Co-authored-by: Lidor Dafna <66782556+lidord-wix@users.noreply.github.com>
@yotam-wix

Copy link
Copy Markdown
Collaborator Author

Added some comments BTW, the decision of the reading order is made by the UX?

@lidord-wix

that was discussed with Alexey and Naama and that's what Alexey said in the end

@yotam-wix yotam-wix requested a review from lidord-wix December 25, 2025 12:08
@yotam-wix

yotam-wix commented Dec 30, 2025

Copy link
Copy Markdown
Collaborator Author

@lidord-wix

I've created a PR that wraps this public with i18n

I'm assuming this current PR would need to be pushed first.

@lidord-wix lidord-wix left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Approved with a small comment, once fixed - feel free to merge

return parts.join(', ');
}, [label, context.isMandatory, helperText, placeholder, showCharCounter, others.maxLength]);

const accessibilityLabel = props.accessibilityLabel ?? defaultAccessibilityLabel;

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

you can extract the prop like all other props instead of using props.

@yotam-wix yotam-wix merged commit 190a01a into master Jan 1, 2026
1 check passed
@yotam-wix yotam-wix deleted the textField-Validation-A11yLabel branch January 1, 2026 09:16
M-i-k-e-l added a commit that referenced this pull request Jan 12, 2026
M-i-k-e-l added a commit that referenced this pull request Jan 12, 2026
M-i-k-e-l added a commit that referenced this pull request Jan 12, 2026
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