-
Notifications
You must be signed in to change notification settings - Fork 748
textField - a11y label improvements #3883
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
base: master
Are you sure you want to change the base?
Conversation
…seMemo hook usage
lidord-wix
left a comment
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.
Added some comments
BTW, the decision of the reading order is made by the UX?
| } else if (placeholder) { | ||
| parts.push(placeholder); | ||
| } |
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.
Have we decided to include the placeholder? it can also be some weird example..
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.
That's what Alexey said in the case helper text is empty :|
| parts.push(`you can enter up to ${others.maxLength} characters`); | ||
| } | ||
|
|
||
| return parts.join(', '); |
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.
Seems like it will work, for English :)
What about other languages?
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.
Should I use i18n? Do I need to change something with the reading order of the label in other languages?
Co-authored-by: Lidor Dafna <66782556+lidord-wix@users.noreply.github.com>
that was discussed with Alexey and Naama and that's what Alexey said in the end |
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
MADS-4797