angular - JAW 屏幕阅读器通过更改 Angular 字符串插值读取旧版本的按钮文本

Question

我有一个带有文本的按钮，它偶尔会通过 Angular 的字符串插值进行更改。它可以很好地呈现到屏幕上，但是当我使用 JAW 对其进行标记时，它通常会读出旧版本的文本（无论它在上次更改之前所说的内容）

例如。<button (click)="addUser()" mat-flat-button color="primary"> Add {{ this.users.length }} {{ this.type === 'test' ? 'first type' : 'second type' }}</button>

有没有其他人经历过这个？

标签： angularaccessibilityscreen-readersjaws-screen-readersection508

Answer 1

我可能已经想通了，尽管这不是我想要的答案。

我在按钮中添加了一个 [attr.aria-label] ，其文本与按钮中的文本完全相同，并且它似乎有效。所以我有一个修复，但我仍然不知道为什么会这样。

例如 <button [attr.aria-label]="myText">{{ myText }}