Angular material 角度材料单选按钮组-屏幕读取器读取不正确

我在应用程序中使用单选按钮组，它有3个可能的值。每当用户选择一个值时，屏幕阅读器读取的是“1/1”，而不是“1/3”

我还检查了Angular网站上的行为，它的行为是一样的

示例代码：

浏览器：Microsoft Edge 屏幕阅读器：叙述者

.html .html

---

似乎要显示选中的值，请尝试参考以下代码并使用Model获取选中的值

<mat-radio-group [(ngModel)]="rdoSeason" aria-label="Select an option">
  <mat-radio-button [value]="1">Option 1</mat-radio-button>
  <mat-radio-button [value]="2">Option 2</mat-radio-button>
  <mat-radio-button [value]="3">Option 3</mat-radio-button>
</mat-radio-group>
<div>You select Option: {{rdoSeason}}</div>

结果如下：

---

有关使用单选按钮标签的更多详细信息，请选中。

您似乎想要显示选中的值，请尝试参考以下代码并使用Model获取选中的值

<mat-radio-group [(ngModel)]="rdoSeason" aria-label="Select an option">
  <mat-radio-button [value]="1">Option 1</mat-radio-button>
  <mat-radio-button [value]="2">Option 2</mat-radio-button>
  <mat-radio-button [value]="3">Option 3</mat-radio-button>
</mat-radio-group>
<div>You select Option: {{rdoSeason}}</div>

结果如下：

---

有关使用单选按钮标签的更多详细信息，请检查。

当我查看stackblitz示例中生成的html时，两个单选按钮具有相同的

名称

属性（“mat-radio-group-0”），这是将按钮分组在一起的正确方法。chrome上的nvda显示“2中的1”和“2中的2”，因此看起来正确的信息正在浮出水面（在我的设置中）。你用firefox或chrome试过《讲述者》吗？@slagolicious-谢谢你的回复。在Edge+叙述者中对你有用吗？我没有w10，所以我没有edge@slugolicious-啊。。我在哪里可以报告此错误？角度还是边缘？当我查看stackblitz示例中生成的html时，两个单选按钮具有相同的

名称
属性（“mat-radio-group-0”），这是将按钮分组的正确方法。chrome上的nvda显示“2中的1”和“2中的2”，因此看起来正确的信息正在浮出水面（在我的设置中）。你用firefox或chrome试过《讲述者》吗？@slagolicious-谢谢你的回复。在Edge+叙述者中对你有用吗？我没有w10，所以我没有edge@slugolicious-啊。。我在哪里可以报告此错误？棱角还是边缘？看起来，你们对这个问题的理解是错误的。我面临屏幕阅读器的问题。当您选择选项1时，讲述人应该阅读3中的1而不是1中的1。看起来，您对问题的理解是错误的。我面临屏幕阅读器的问题。当您选择选项1时，讲述人应阅读3中的1而不是1中的1。感谢您的回复。看起来，你们对这个问题的理解是错误的。我面临屏幕阅读器的问题。当您选择冬季时，讲述人应阅读4中的1，而不是1中的1感谢您的回答。看起来，你们对这个问题的理解是错误的。我面临屏幕阅读器的问题。当您选择冬季时，讲述人应阅读4中的1，而不是1中的1
<mat-radio-group [(ngModel)]="rdoSeason" aria-label="Select an option">
  <mat-radio-button [value]="1">Option 1</mat-radio-button>
  <mat-radio-button [value]="2">Option 2</mat-radio-button>
  <mat-radio-button [value]="3">Option 3</mat-radio-button>
</mat-radio-group>
<div>You select Option: {{rdoSeason}}</div>

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-material-radiobutton',
  templateUrl: './material-radiobutton.component.html',
  styleUrls: ['./material-radiobutton.component.css']
})
export class MaterialRadiobuttonComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }
  rdoSeason:string;
}