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

No outlines for checkbox, radio buttons when using TalkBack #14385

tristanhale opened this Issue Dec 4, 2018 · 0 comments


None yet
1 participant

tristanhale commented Dec 4, 2018

Bug, feature request, or proposal:

When using Android TalkBack, the system highlights interactive elements with a green border when they are focused. On some components, such as mat-select, are highlighted as expected. However, mat-checkbox and mat-radio-button seem to be suppressing the highlighting.
It may be due to "-webkit-tap-highlight-color: transparent", introduced in #11349.

What is the expected behavior?

mat-checkbox and mat-radio-button should be highlighted when they are focused by the screen reader.

What is the current behavior?

mat-checkbox and mat-radio-button are not highlighted when they are focused by the screen reader.

What are the steps to reproduce?

Go to on an Android phone with TalkBack enabled. Swipe horizontally until the attention is focused on the checkbox. You will see hear that that checkbox is focused and can be interacted with, but it is not highlighted on the screen.

What is the use-case or motivation for changing an existing behavior?

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Is there anything else we should know?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment