time element test

Pass Criteria

Reference

Test tm-001: Time element

HTML5, published on , has really good accessibility.

Code

<p>HTML5, published on <time datetime="2015-10-28">October 28 2015</time>,
 has really good accessibility.</p>

Test tm-002: Time element with aria-label

HTML5, published on , has really good accessibility.

Code

<p>HTML5, published on <time aria-label="aria-label attribute" datetime="2015-10-28">October 28 2015</time>, has really good accessibility.</p>

Test tm-003: Time element with aria-labelledby

HTML5, published on , has really good accessibility.

Element referenced by aria-labelledby attribute

Code

<p>HTML5, published on <time aria-labelledby="tm-003-labelledby" datetime="2015-10-28">October 28 2015</time>, has really good accessibility.</p>

<span id="tm-003-labelledby">Element referenced by aria-labelledby attribute</span>

Test tm-004: Time element with title attribute

HTML5, published on , has really good accessibility.

Code

<p>HTML5, published on <time title="title attribute" datetime="2015-10-28">October 28 2015</time>, has really good accessibility.</p>

Test tm-005: Time element with aria-describedby

HTML5, published on , has really good accessibility.

Element referenced by aria-describedby attribute

Code

<p>HTML5, published on <time aria-describedby="tm-005-describedby" datetime="2015-10-28">October 28 2015</time>, has really good accessibility.</p>

<span id="tm-005-describedby">Element referenced by aria-labelledby attribute</span>

Test tm-006: Time element with aria-label & title attributes

HTML5, published on , has really good accessibility.

Code

<p>HTML5, published on <time aria-label="aria-label attribute" title="title attribute" datetime="2015-10-28">October 28 2015</time>, has really good accessibility.</p>