Угловой материал мат-метки доступность

Question

У меня есть поле mat-form с полем ввода текста.У меня есть mat-label, и я также поместил атрибут aria-label attr.aria-label непосредственно в элемент ввода.

Достаточно ли mat-label для программ чтения с экрана?Является ли attr.aria-label необходимым или избыточным?

<mat-form-field appearance="outline" floatLabel="always">
<mat-label>Username</mat-label>
<input attr.aria-label="Username" formControlName="Username" matInput>
</mat-form-field>

Тот же вопрос относится к элементу выбора выбора матов.

<mat-form-field appearance="outline" floatLabel="always">
  <mat-label>Cars</mat-label>
  <mat-select formControlName="Car">
    <mat-option *ngFor="let car of cars" [value]="car.name">
    {{car.name}}
    </mat-option>
  </mat-select>
</mat-form-field>

Answer 1

если вы используете поле метки мата, вам не следует помещать метку арии непосредственно на элемент ввода. В вашем случае это избыточно.

Если указана плавающая метка, она будет автоматически использоваться как метка для элемента управления поля формы. Если плавающая метка не указана, вы должны пометить элемент управления поля формы, используя aria-label, aria-labelledby или

[https://material.angular.io/components/form-field/overview][1]