Чтение сообщений об ошибках в Voice Over

Question

У меня есть, чтобы отобразить сообщение об ошибке и дал атрибуты aria-live = "assertive". Когда голос за кадром читает, он читает "Сообщение об ошибке.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

Так как элемент не кликабелен, если вы хотите сделать его кликабельным, нам нужно добавить атрибут role в элемент.

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