角度|平易|使屏幕阅读器只读aria-label而不是文本框的内容

时间:2017-12-21 10:34:01

标签: angular accessibility

我有一个包含地址的输入标签。我需要屏幕阅读器来逐位读取输入的内容而不是整数。 为此,我使用了aria-label,屏幕阅读器正在阅读它。但问题是,在逐位读取地址后的屏幕阅读器也会重复整个地址作为整数。 我需要停止整个地址的重复次数。

任何帮助都将不胜感激。

我尝试了两种方法:

方法1:

<input #input                 
             [type]="text"                 
             [attr.aria-label]="processAriaLabel()"
             [(ngModel)]="ariaLabel"/>

&#34; processAriaLabel&#34;是转换字符串的方法:&#34; 12345 Von Karm&#34;至&#34; 1 2 3 4 5 Von Karm&#34;对于要单独说出的数字。

在方法1中,屏幕阅读器分别读出数字,但也将内容(数字)说成整数。

方法2:

<input #input             
             [type]="text"             
             [(ngModel)]="ariaLabel"
             [attr.aria-labelledby]="hiddenLabel"             
             [attr.aria-hidden]="true"/>

<label id="hiddenLabel" style="position: absolute; left: -9999px;">{{processAriaLabel()}}</label>

&#34; processAriaLabel&#34;是转换字符串的方法:&#34; 12345 Von Karm&#34;至&#34; 1 2 3 4 5 Von Karm&#34;对于要单独说出的数字。

在这种方法中,屏幕阅读器根本不会逐位读取数字。只读它作为整数。

0 个答案:

没有答案