在Voice Over中读取可点击的错误消息

Question

我有一个显示错误信息＆amp;给出了aria-live =“assertive”的属性。当语音结束时，它会显示“Error Message .clickable”

我希望Voice Over只读取错误信息，而不是“可点击”。

结构是这样的

<div id="fnErr" aria-live="assertive">
<form:errors path="firstName" cssClass="error" htmlEscape="false"/>
</div>
<label id="fNlbl" for="fN">
<spring:message ..... />
</label>
<form:input aria-required="true" type="text" tabindex="0" path="firstName" maxlength="90"     id="fN" class="" cssErrorClass="" />

＆安培;在呈现的HTML中它就像

<div errMsg>
<span>---error content-----</span>
</div>

有人可以帮忙吗？

Answer 1

使用以下技术之一来取消clickable：

• 带有disabled属性的文字输入

  <input type="text" disabled="disabled" maxlength="13"><spring:message .... /></input>
  

• 带有readonly属性的文字输入

  <input type="text" readonly="readonly" maxlength="13"><spring:message .... /></input>
  

Answer 2

由于不是可点击的元素，如果你想让它可点击，那么我们需要在元素中添加角色属性。

<div errMsg role="button">
<span>---error content-----</span>
</div>