radioGroup: When using VoiceOver (web) navigation and selection, it reads out previously selected value

[NilsAtGoogle]

Bug, enhancement request, or proposal:

When using VoiceOver's custom navigation and selection (ctrl+option+arrows, ctrl+option+space) the previously selected value is read on selection. I believe this is caused by a timing issue with mdRadioGroup's custom focus management and delegating click events to inner radio buttons -- VoiceOver is reading out the value before AngularJS has processed the event

CodePen and steps to reproduce the issue:

CodePen Demo which demonstrates the issue:

https://codepen.io/nil_ptr/pen/Odedjb?&editable=true

Detailed Reproduction Steps:

1. Use an

What is the expected behavior?

Selected value is read

What is the current behavior?

Previously selected value is read

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

Correct behavior with screen readers

Which versions of AngularJS, Material, OS, and browsers are affected?

• AngularJS: v1.6
• AngularJS Material: v1.1.x
• OS: Mac
• Browsers: Chrome, Safari

Is there anything else we should know? Stack Traces, Screenshots, etc.