mark element test

Pass Criteria

Reference

Test mk-001: Mark element

This text is marked as highlighted

Code

<p><mark>This text</mark> is marked as highlighted</p>

Test mk-002: Mark element with aria-label

This text is marked as highlighted

Code

<p><mark aria-label="aria-label attribute">This text</mark> is marked as highlighted</p>

Test mk-003: Mark element with aria-labelledby

This text is marked as highlighted

Element referenced by aria-labelledby attribute

Code

<p><mark aria-labelledby="mk-003-labelledby">This text</mark> is marked as highlighted</p>
<span id="mk-003-labelledby">Element referenced by aria-labelledby attribute</span>

Test mk-004: Mark element with title attribute

This text is marked as highlighted

Code

<p><mark title="title attribute">This text</mark> is marked as highlighted</p>

Test mk-005: Mark element with aria-describedby

This text is marked as highlighted

Element referenced by aria-describedby attribute

Code

<p><mark aria-describedby="mk-005-describedby">This text</mark> is marked as highlighted</p>
<span id="mk-005-describedby">Element referenced by aria-describedby attribute</span>

Test mk-006: Mark element with aria-label & title attributes

This text is marked as highlighted

Code

<p><mark aria-label="aria-label attribute" title="title attribute">This text</mark> is marked as highlighted</p>