fix(material/button-toggle): use radio pattern for single select Mat toggle button group

[clamli]

This commit updates the single-select Mat toggle button group to use radio pattern. This way the exclusiveness of the selection can be conveyed to the screen reader users.

[clamli]

I added some unit test around the tab index update.

[zarend]

LGTM, good work

[github-actions]

Deployed dev-app for 657939d to: https://ng-dev-previews-comp--pr-angular-components-28548-dev-p16tl3gz.web.app

Note: As new commits are pushed to this pull request, this link is updated after the preview is rebuilt.

[zarend]

On ChromeOS using screen reader, I'm not able to navigate to the button toggle component with the "Next Form Field" navigation feature. On my system that's Search + F. ChromeOS navigates past the single-select button toggle to the first button on a multiple-select button toggle. Pressing Shift + Search + F takes me in the reverse direction and puts focus on the first checkbox before the single-select button toggles. Tested on deployed dev-app. I'm surprised that Screen Reader doesn't seem to be aware that mat button toggle is a form field. We're using radiogroup role. I can look at this more tomorrow.

[zarend]

"Next Form Field" seems to be working for me on VoiceOver, JAWS, NVDA. This is likely a ChromeOS specific problem. Action item to file issue report on ChromeOS Chromevox.

[zarend]

I can reproduce the error with MatRadioGroup demos. I can repro both on this branch and on docs site

• ChromeOS Version 122.0.6261.137 (Offical Build) (64-bit)
• VoiceOver
• https://ng-dev-previews-comp--pr-angular-components-28548-dev-p16tl3gz.web.app/radio
• https://material.angular.io/components/radio/examples

Action item to file issue report on ChromeOS. Filing an issue report does not block landing this PR.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}