让屏幕阅读器将文本输入中的国家/地区代码发音为单个字母

Question

我正在开发一个在文本字段中显示所选国家/地区代码的 Angular 应用程序。由于空间限制，此输入显示国家/地区代码：

<input type="button" #countryListTrigger matInput readonly i18n-placeholder placeholder="COUNTRIES" [ngModel]="selectedCountries" />

显示国家代码的控件如下所示：

Countries Widget

现在，屏幕阅读器会将 AU 看成字母“o”，将 AT 看成“@”。我知道标签，但是有没有办法在输入值上实现相同的结果？否则，我可以添加另一个（隐藏的）控件来代替读取吗？

Answer 1

如果您试图强制屏幕阅读器以语音方式宣布内容，事情就会变得一团糟。如果您添加具有aria-label="A U" 或aria-label="A T" 的aria-label，那么盲文用户将不走运，因为他们会阅读“A 空格 U”。

很遗憾，没有真正好的解决方案。屏幕阅读器用户可以一次读取一个字符的输入值，因此如果对他们来说听起来很奇怪，他们可以解决。这不是很好的用户体验，但屏幕阅读器会误读内容一直是​​个问题。