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

问题描述

我有一个带有文本的按钮,该按钮偶尔会通过 Angular 的字符串插值进行更改。它可以很好地呈现在屏幕上,但是当我用 JAW 选项卡在它上面时,它通常会读出旧版本的文本(无论它在最后更改之前说了什么)

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

有其他人遇到过这种情况吗?

解决方法

我可能已经想通了,虽然这不是我想要的答案。

我在按钮中添加了一个 [attr.aria-label],其文本与按钮中的文本完全相同,并且似乎可以正常工作。所以我有一个修复,但我仍然不知道为什么会发生这种情况。

例如