-
Notifications
You must be signed in to change notification settings - Fork 6.8k
fix(material-experimental/mdc-checkbox): remove extra a11y tree node for the <label/> #24839
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
Conversation
Deployed dev-app to: https://ng-comp-dev--pr-24839-74aee29baffc3d8d50ac67775da2dfc1-yo8570kz.web.app |
…for the <label/> In the mdc checkbox component, moves the click handler on the label to its parent, the .mdc-checkbox. This removes the extra a11y tree node on the label and fixes TalkBack having an extra navigation stop (angular#14385). A11y tree before this commit. It has an un-necessary node, which coresponds to the `<label>` element. ``` - Generic - Checkbox, "Field A" - Textlabel, "Field A" ``` A11y tree with this commit applied ``` - Generic - Checkbox, "Field A" ``` fixes angular#14385
bdd024f
to
74aee29
Compare
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.
LGTM
This causes a style regression because styles rules with this selector no longer match: |
closing in favor of #24907 |
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |
In the mdc checkbox component, moves the click handler on the label to
its parent, the .mdc-checkbox. This removes the extra a11y
tree node on the label and fixes TalkBack having an extra navigation
stop (#14385).
A11y tree before this commit. It has an un-necessary node, which
coresponds to the
<label>
element.A11y tree with this commit applied
fixes #14385