dl, dt and dd elements

Pass Criteria

Reference

Test dl-001: dl, dd, and dt elements

HTML
HTML is the markup language used to give content structure.
CSS
CSS is the language used to add a creative layer on top of HTML.

Code

<dl id="dl-01">
	<dt id="dt-01">HTML</dt>
	<dd id="dd-01">HTML is the markup language used to give content structure.</dd>
	<dt>CSS</dt>
	<dd>CSS is the language used to add a creative layer on top of HTML.</dd>
</dl>

Test dl-002: dl, dt, and multiple dd elements

HTML
HTML is the markup language used to give content structure.
Tim Berners-Lee published a document called HTML Tags in 1991

Code

<dl id="dl-02">
	<dt id="dt-02">HTML</dt>
	<dd id="dd-02">HTML is the markup language used to give content structure.</dd>
	<dd id="dd-03">Tim Berners-Lee published a document called <a href="https://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html">HTML Tags</a> in 1991</dd>
</dl>

Test dl-003: dl, dt, and multiple dd elements with aria-label

HTML
HTML is the markup language used to give content structure.
Tim Berners-Lee published a document called HTML Tags in 1991

Code

<dl aria-label="label on list">
	<dt aria-label="label on term item">HTML</dt>
	<dd aria-label="label on definition item">HTML is the markup language used to give content structure.</dd>
	<dd>Tim Berners-Lee published a document called <a href="https://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html">HTML Tags</a> in 1991</dd>
</dl>