26 lines
1.1 KiB
HTML
26 lines
1.1 KiB
HTML
|
<html>
|
||
|
|
<body>
|
||
|
|
<p>Elements with titles and descriptions</p>
|
||
|
|
<p>
|
||
|
|
<a href="foo" title="Title of the Foo link.">Foo</a>,
|
||
|
|
<a href="bar" title="Title of the Bar link." aria-describedby="description">Bar</a>, and
|
||
|
|
<a href="baz" title="Title of the Baz link.">Baz</a>.
|
||
|
|
</p>
|
||
|
|
<p>Checkboxes without labels:<br />
|
||
|
|
<input type="checkbox" name="color1" value="black" title="Title of the Black checkbox">Black
|
||
|
|
<input type="checkbox" name="color1" value="white" title="Title of the White checkbox" aria-describedby="description">White
|
||
|
|
<input type="checkbox" name="color1" value="grey" title="Title of the Grey checkbox">Grey
|
||
|
|
</p>
|
||
|
|
<p>Checkboxes with html labels:<br />
|
||
|
|
<input type="checkbox" name="color2" value="black" id="black" "title="Title of the Black checkbox">
|
||
|
|
<label for="black">Black</label>
|
||
|
|
<input type="checkbox" name="color2" value="white" id="white" title="Title of the White checkbox" aria-describedby="description">
|
||
|
|
<label for="white">White</label>
|
||
|
|
<input type="checkbox" name="color2" value="grey" id="grey" title="Title of the Grey checkbox">
|
||
|
|
<label for="grey">Grey</label>
|
||
|
|
</p>
|
||
|
|
<div id="description" aria-hidden="true">ARIA description text.</div>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
|