如何使maxlength属性可访问？

Question

我在一些输入字段中有一个表单。对于输入字段之一，我使用了长度验证maxlength="20"。

这里的问题是JAWS用户不知道在输入字段中已达到最大长度，因为JAWS继续读取他们在键盘上按下的键。

有没有办法使它易于使用？

此致Zeeshan

Answer 1

当达到限制时，您可以JS通过在<input/>

<p class="visually-hidden" aria-live="assertive" role="alert">Limit reached. You can only use 20 characters in this field.</p>

注意：如果/当再次处于限制范围内时，请记住将其删除。

您可以.visually-hidden使用 CSS 隐藏在屏幕外。或者此信息实际上对每个人都有用，因此.visually-hidden如果适合您的设计，您可以省略该类。

<span class=visually-hidden>Max 20 characters</span>并让屏幕阅读器用户了解您可以在元素中放置的限制<label> 。（这里也是如此，也许所有用户都可以从可见的信息中受益......）

Answer 2

你可以尝试一下，mws-stat是你的输入字段类名

<input type="text" class='mw' maxlength='20'/>

var a=$('.mw').attr('maxlength');
console.log(a);

进而

$('.mw').keyup(function(){
console.log($(this).val().length);
});