input type=tel element test

Pass Criteria

Reference

Test tl-001: Unlabelled input type=tel

Code

<input id="input1" type="tel">

Test tl-002: input type=tel with aria-label

aria-label should be used as accessible name.

No accessible description.

Code

<input id="input2" type="tel" aria-label="aria-label attribute">

Test tl-003: input type=tel with aria-labelledby

p referenced by aria-labelledby

aria-labelledby should be used as accessible name.

No accessible description.

Code

<p id="tl-003-labelledby">
	<code>p</code> referenced by aria-labelledby</p>
<input id="input3" type="tel" aria-labelledby="tl-003-labelledby">

Test tl-004: input type=tel with label

label should be used as accessible name.

No accessible description.

Code

<label>
	Label wrapping input
	<input id="input4" type="tel">
</label>

Test tl-005: input type=tel with title attribute

title should be used as accessible name.

No accessible description.

Code

<input id="input5" type="tel" title="title attribute">

Test tl-006: input type=tel with aria-describedby

p referenced by aria-describedby

aria-describedby should be used as accessible description.

No accessible name.

Code

<input id="input6" type="tel" aria-describedby="tl-006-describedby">
<p id="tl-006-describedby">
	<code>p</code> referenced by <code>aria-describedby</code>
</p>

Test tl-007: input type=tel with label element & title attribute

label should be used as accessible name.

title should be used as accessible description.

Code

<label for="input7">
	Label referenced by for/id attributes
</label>
<input id="input7" type="tel" title="title attribute">

Test tl-008: input type=tel element with explicit label, & required attribute

Code

<label for="itext-08">
	number
</label>
<input id="itext-08" type="tel" required="">

Note: placeholder and aria-placeholder are tested as part of the placeholder attribute test.