aside element test

Pass Criteria

Reference

Test as-001: Plain aside

Code

<aside>Lorem ipsum...</aside>

Test as-002: aside with <h1>

Code

<aside>
	<h1>Once upon a time</h1>
	Lorem ipsum...
</aside>

Test as-003: Aside with aria-label

Code

<aside aria-label="aria-label attribute">
	<p>Aria-label should be used as accessible name.</p>
</aside>

Test as-004: Aside with aria-labelledby

Code

<aside aria-labelledby="as-004-labelledby">
	<h1 id="as-004-labelledby">h1 referenced by aria-labelledby</h1>
	<p>Aria-labelledby should be used as accessible name.</p>
</aside>

Test as-005: Aside with title attribute

Code

<aside title="title attribute">
	<p>Title should be used as accessible name.</p>
</aside>

Test as-006: Aside with aria-describedby

Code

<aside aria-describedby="as-006-describedby">
	<h1 id="as-006-describedby">h1 referenced by aria-describedby</h1>
	<p>Aria-describedby should be used as accessible description.</p>
</aside>

Test as-007: Aside with aria-label & title attributes

Code

<aside aria-label="aria-label attribute" title="title attribute">
	<p>Aria-label should be used as accessible name.</p>
	<p>Title should be used as accessible description.</p>
</aside>