エラーメッセージを表示する必要があり<div>
、属性を指定しましたaria-live="assertive"
。ナレーションが読み上げると、「Error Message .clickable」と読み上げられます
「クリック可能」ではないエラーメッセージのみをナレーションで読み上げたい。
構造はこんな感じ
<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>
誰でも助けることができますか?