title: Error Messages reading clickable in Voice Over
body: <p>I have a <code>&lt;div&gt;</code> to display error message &amp; have given the attributes <code>aria-live=&quot;assertive&quot;</code>. When the voice over reads, it reads &quot;Error Message .clickable&quot;</p>
  <p>I want the Voice Over to read only the error message not &quot;clickable&quot;.</p>
  <p>The structure is something like this</p>
  <pre><code>&lt;div id=&quot;fnErr&quot; aria-live=&quot;assertive&quot;&gt;
  &lt;form:errors path=&quot;firstName&quot; cssClass=&quot;error&quot; htmlEscape=&quot;false&quot;/&gt;
  &lt;/div&gt;
  &lt;label id=&quot;fNlbl&quot; for=&quot;fN&quot;&gt;
  &lt;spring:message ..... /&gt;
  &lt;/label&gt;
  &lt;form:input aria-required=&quot;true&quot; type=&quot;text&quot; tabindex=&quot;0&quot; path=&quot;firstName&quot; maxlength=&quot;90&quot;     id=&quot;fN&quot; class=&quot;&quot; cssErrorClass=&quot;&quot; /&gt;
  </code></pre>
  <p>In the rendered HTML it comes out like:</p>
  <pre><code>&lt;div errMsg&gt;
  &lt;span&gt;---error content-----&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Can anybody help?</p>