The HTML parser will modify the above markup to be output as the following:

</p>

<pre class="HTML example" title="Unwanted rendered markup with valid alternative solution">

&lt!-- The previous example's markup will render as follows -->

&lt;!-- The previous example's markup will render as follows -->

&lt;p>...&lt;/p>

&lt;div role=link tabindex=0>...&lt;/div>

...

</p>

<p>

Authors MAY use the <a data-cite="wai-aria-1.2#aria-disabled">`aria-disabled`</a> attribute on any element that is allowed the `disabled` attribute in HTML,

or any element with a WAI-ARIA role which allows the `aria-disabled` attribute</a>.

or any element with a WAI-ARIA role which allows the `aria-disabled` attribute.

</p>

<p>

Authors SHOULD NOT use `aria-disabled="true"` on any element which also has a `disabled` attribute.

allowed the `readonly` attribute in HTML.

</p>

<p>

Authors MAY use the <a data-cite="wai-aria-1.2#aria-readonly">`aria-readonly`</a> attribute on any element with a WAI-ARIA role which allows the attribute</a>.

Authors MAY use the <a data-cite="wai-aria-1.2#aria-readonly">`aria-readonly`</a> attribute on any element with a WAI-ARIA role which allows the attribute.

</p>

<p>

Authors SHOULD NOT use the `aria-readonly="true"` on any element which also has a `readonly` attribute.