-
Notifications
You must be signed in to change notification settings - Fork 184
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
patch(v5): pr6365 #6405
patch(v5): pr6365 #6405
Conversation
Действительно, на Android в Talkback не видно фокуса при фокусировании на инпуте, потому что мы прячем этот инпут с помощью `VisuallyHidden` компонента. Как вариант можно убрать использование VisuallyHidden и спрятать компонент позади визульной части. Изменения: - Добавил модификатор для VisuallyHidden, когда речь идет о `Component=input`. Явно задал размер равный размеру родительского элемента, чтобы выделение визуально было подобно размеру switch. Но изменение затронуло не только Switch, но и другие компоненты, в которых `<VisuallyHidden Component="input" \>`. - добавил `role='switch'` - добавил `aria-checked`. Так как значение этого аттрибута должно соответствовать значению инпута, то добавил переменную состояния. - обновил пример в Storybook, добавив историю с испольованием SimpleCell чтобы как-то учесть пожелания из #4931
size-limit report 📦
|
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. Latest deployment of this branch, based on commit e16cdaa:
|
e2e tests |
👀 Docs deployed
Commit e16cdaa |
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## v5 #6405 +/- ##
=====================================
Coverage ? 80.67%
=====================================
Files ? 314
Lines ? 10840
Branches ? 3380
=====================================
Hits ? 8745
Misses ? 2095
Partials ? 0
Flags with carried forward coverage won't be shown. Click here to find out more. ☔ View full report in Codecov by Sentry. |
Действительно, на Android в Talkback не видно фокуса при фокусировании на инпуте, потому что мы прячем этот инпут с помощью `VisuallyHidden` компонента. Как вариант можно убрать использование VisuallyHidden и спрятать компонент позади визульной части. Изменения: - Добавил модификатор для VisuallyHidden, когда речь идет о `Component=input`. Явно задал размер равный размеру родительского элемента, чтобы выделение визуально было подобно размеру switch. Но изменение затронуло не только Switch, но и другие компоненты, в которых `<VisuallyHidden Component="input" \>`. - добавил `role='switch'` - добавил `aria-checked`. Так как значение этого аттрибута должно соответствовать значению инпута, то добавил переменную состояния. - обновил пример в Storybook, добавив историю с испольованием SimpleCell чтобы как-то учесть пожелания из #4931
Switch
#3046SegmentedControl
#3392Важно
Это cherry-pick из #6365, из v6 в v5.
Описание
Действительно, на Android в Talkback не видно фокуса при фокусировании на инпуте, потому что мы прячем этот инпут с помощью
VisuallyHidden
компонента. Как вариант можно убрать использование VisuallyHidden и спрятать компонент позади визульной части.Изменения
Component=input
. Явно задал размер равный размеру родительского элемента, чтобы выделение визуально было подобно размеру switch. Но изменение затронуло не только Switch, но и другие компоненты, в которых<VisuallyHidden Component="input" \>
.role='switch'
aria-checked
. Так как значение этого аттрибута должно соответствовать значению инпута, то добавил переменную состояния.