mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
296fa2512b
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180. - Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
2359 lines
No EOL
98 KiB
HTML
2359 lines
No EOL
98 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>Pointing Devices and Keyboards - CSS Basic User Interface Module Level 3 CR Test Suite</title>
|
|
<style type="text/css">
|
|
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
|
@import "../indices.css";
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>CSS Basic User Interface Module Level 3 CR Test Suite</h1>
|
|
<h2>Pointing Devices and Keyboards (201 tests)</h2>
|
|
<table width="100%">
|
|
<col id="test-column"></col>
|
|
<col id="refs-column"></col>
|
|
<col id="flags-column"></col>
|
|
<col id="info-column"></col>
|
|
<thead>
|
|
<tr>
|
|
<th>Test</th>
|
|
<th><abbr title="Rendering References">Refs</abbr></th>
|
|
<th>Flags</th>
|
|
<th>Info</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="s6">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s6">+</a>
|
|
<a href="https://www.w3.org/TR/css3-ui/#pointing-keyboard">6 Pointing Devices and Keyboards</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s6.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s6.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-ui/#pointer-interaction">6.1 Pointer interaction</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s6.1.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s6.1.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-ui/#cursor">6.1.1 cursor property</a></th></tr>
|
|
<!-- 95 tests -->
|
|
<tr id="cursor-001-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-001.xht">cursor-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor: none
|
|
<ul class="assert">
|
|
<li>The 'none' cursor value is supported</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-002-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-002.xht">cursor-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor: context-menu
|
|
<ul class="assert">
|
|
<li>The 'context-menu' cursor value is supported</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-003-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-003.xht">cursor-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor: cell
|
|
<ul class="assert">
|
|
<li>The 'cell' cursor value is supported</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-004-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-004.xht">cursor-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor: vertical-text
|
|
<ul class="assert">
|
|
<li>The 'vertical-text' cursor value is supported</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-005-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-005.xht">cursor-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor: alias
|
|
<ul class="assert">
|
|
<li>The 'alias' cursor value is supported</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-006-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-006.xht">cursor-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor: copy
|
|
<ul class="assert">
|
|
<li>The 'copy' cursor value is supported</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-007-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-007.xht">cursor-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor: no-drop
|
|
<ul class="assert">
|
|
<li>The 'no-drop' cursor value is supported</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-008-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-008.xht">cursor-008</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor: not-allowed
|
|
<ul class="assert">
|
|
<li>The 'not-allowed' cursor value is supported</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-009-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-009.xht">cursor-009</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor: grab
|
|
<ul class="assert">
|
|
<li>The 'grab' cursor value is supported</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-010-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-010.xht">cursor-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor: grabbing
|
|
<ul class="assert">
|
|
<li>The 'grabbing' cursor value is supported</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-011-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-011.xht">cursor-011</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor: ew-resize
|
|
<ul class="assert">
|
|
<li>The 'ew-resize' cursor value is supported</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-012-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-012.xht">cursor-012</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor: ns-resize
|
|
<ul class="assert">
|
|
<li>The 'ns-resize' cursor value is supported</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-013-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-013.xht">cursor-013</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor: nesw-resize
|
|
<ul class="assert">
|
|
<li>The 'nesw-resize' cursor value is supported</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-014-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-014.xht">cursor-014</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor: nwse-resize
|
|
<ul class="assert">
|
|
<li>The 'nwse-resize' cursor value is supported</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-015-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-015.xht">cursor-015</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor: col-resize
|
|
<ul class="assert">
|
|
<li>The 'col-resize' cursor value is supported</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-016-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-016.xht">cursor-016</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor: row-resize
|
|
<ul class="assert">
|
|
<li>The 'row-resize' cursor value is supported</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-017-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-017.xht">cursor-017</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor: all-scroll
|
|
<ul class="assert">
|
|
<li>The 'all-scroll' cursor value is supported</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-018-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-018.xht">cursor-018</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor: zoom-in
|
|
<ul class="assert">
|
|
<li>The 'zoom-in' cursor value is supported</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-019-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-019.xht">cursor-019</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor: zoom-out
|
|
<ul class="assert">
|
|
<li>The 'zoom-out' cursor value is supported</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-020-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-020.xht">cursor-020</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor: pointer
|
|
<ul class="assert">
|
|
<li>The 'pointer' cursor value is supported</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-auto-001-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-auto-001.xht">cursor-auto-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor:auto on text
|
|
<ul class="assert">
|
|
<li>The 'auto' cursor value does the same as 'text' over text.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-auto-002-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-auto-002.xht">cursor-auto-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor:auto on links
|
|
<ul class="assert">
|
|
<li>The 'auto' cursor value does the same as 'text' over text. Links are not special.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-auto-003-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-auto-003.xht">cursor-auto-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor:auto on non-textual links
|
|
<ul class="assert">
|
|
<li>The 'auto' cursor value does the same as 'default' over non textual content. Links are not special.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-auto-004-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-auto-004.xht">cursor-auto-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor:auto on empty space
|
|
<ul class="assert">
|
|
<li>The 'auto' cursor value does the same as 'text' over text.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-auto-005-6.1.1" class="interact may">
|
|
<td>
|
|
<a href="cursor-auto-005.xht">cursor-auto-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
|
|
<td>cursor:auto on form elements
|
|
<ul class="assert">
|
|
<li>The 'auto' cursor value does the same as 'default' over everything other than text, such as form elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-border-area-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-border-area.xht">cursor-border-area</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor on the border area
|
|
<ul class="assert">
|
|
<li>The cursor property is applied over the border area.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-box-004-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-box-004.xht">cursor-box-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor on the margin-box
|
|
<ul class="assert">
|
|
<li>The cursor property is not applied over the margin box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-box-005-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-box-005.xht">cursor-box-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor on transparent borders
|
|
<ul class="assert">
|
|
<li>The cursor property is applied over the border box, even if the border is transparent.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-box-006-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-box-006.xht">cursor-box-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor on border images extending out of the border-box
|
|
<ul class="assert">
|
|
<li>The cursor property is not applied outside of the border box, even if border images do extend further out.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-box-007-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-box-007.xht">cursor-box-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor on the margin-box
|
|
<ul class="assert">
|
|
<li>The cursor property is only applied within the border-edge, which follows border-radius.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-content-area-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-content-area.xht">cursor-content-area</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor on the content area
|
|
<ul class="assert">
|
|
<li>The cursor property is applied over the content area, as it is strictly inside the border edge.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-hover-001-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-hover-001.xht">cursor-hover-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor and :hover
|
|
<ul class="assert">
|
|
<li>Checks that the correct cursor is used when :hover appears at the rightmost part of the selector.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-hover-002-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-hover-002.xht">cursor-hover-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor and :hover on ancestor
|
|
<ul class="assert">
|
|
<li>Checks that the correct cursor is used when :hover appears in the selector other than at the rightmost part.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-hover-003-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-hover-003.xht">cursor-hover-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor, :hover and inheritance
|
|
<ul class="assert">
|
|
<li>Checks that a cursor set on an ancestor with the :hover pseudo class is properly inherited to the hovered child.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-001-6.1.1" class="image interact">
|
|
<td>
|
|
<a href="cursor-image-001.xht">cursor-image-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, url value
|
|
<ul class="assert">
|
|
<li>Test checks that a PNG image supported as a custom cursor.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-002-6.1.1" class="image interact">
|
|
<td>
|
|
<a href="cursor-image-002.xht">cursor-image-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, url value
|
|
<ul class="assert">
|
|
<li>Test checks that a PNG image supported as a custom cursor, loaded cross-domain with absolute url.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-003-6.1.1" class="image interact may">
|
|
<td>
|
|
<a href="cursor-image-003.xht">cursor-image-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
|
|
<td>Cursor property, url value
|
|
<ul class="assert">
|
|
<li>Test checks that an ICO image is supported as a custom cursor.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-004-6.1.1" class="image interact may">
|
|
<td>
|
|
<a href="cursor-image-004.xht">cursor-image-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
|
|
<td>Cursor property, url value
|
|
<ul class="assert">
|
|
<li>Test checks that an ICO image, with its own hotspot, is supported as a custom cursor.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-005-6.1.1" class="interact svg">
|
|
<td>
|
|
<a href="cursor-image-005.xht">cursor-image-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
<td>Cursor property, url value
|
|
<ul class="assert">
|
|
<li>Test checks that a fixed size SVG image is supported as a custom cursor.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-005-nfs-6.1.1" class="interact svg">
|
|
<td>
|
|
<a href="cursor-image-005-nfs.xht">cursor-image-005-nfs</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
<td>Cursor property, url value
|
|
<ul class="assert">
|
|
<li>Test checks that an SVG image with no fixed size is supported as a custom cursor at the default object size for cursor images.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-006-6.1.1" class="animated image interact">
|
|
<td>
|
|
<a href="cursor-image-006.xht">cursor-image-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="animated" title="Animated test">Animated</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, url value
|
|
<ul class="assert">
|
|
<li>Test checks that an ANI image, with it's own hotspot, is supported as a custom cursor.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-007-6.1.1" class="image interact svg">
|
|
<td>
|
|
<a href="cursor-image-007.xht">cursor-image-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
<td>Cursor property, url value
|
|
<ul class="assert">
|
|
<li>Test checks that a compressed, fixed size SVG image is supported as a custom cursor.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-008-6.1.1" class="image interact">
|
|
<td>
|
|
<a href="cursor-image-008.xht">cursor-image-008</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, url value fallback
|
|
<ul class="assert">
|
|
<li>Test checks that non-existent images cause the fallback to be used.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-009-6.1.1" class="image interact invalid">
|
|
<td>
|
|
<a href="cursor-image-009.xht">cursor-image-009</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Cursor property, url value, no fallback
|
|
<ul class="assert">
|
|
<li>Test checks that a fallback cursor is required.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-010-6.1.1" class="image interact">
|
|
<td>
|
|
<a href="cursor-image-010.xht">cursor-image-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, url value
|
|
<ul class="assert">
|
|
<li>Test checks that a GIF image is supported as a custom cursor.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-011-6.1.1" class="image interact">
|
|
<td>
|
|
<a href="cursor-image-011.xht">cursor-image-011</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, url value
|
|
<ul class="assert">
|
|
<li>Test checks that a GIF image with transparency is supported as a custom cursor.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-012-6.1.1" class="image interact">
|
|
<td>
|
|
<a href="cursor-image-012.xht">cursor-image-012</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, url value
|
|
<ul class="assert">
|
|
<li>Test checks that a JPEG/JFIF image is supported as a custom cursor.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-001-6.1.1" class="image interact">
|
|
<td>
|
|
<a href="cursor-image-png-001.xht">cursor-image-png-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that a monochrome (type 0) PNG image, 1 bit/pixel, is supported as a CSS custom cursor.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-002-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-002.xht">cursor-image-png-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that a black and white PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-003-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-003.xht">cursor-image-png-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that a black and white PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-004-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-004.xht">cursor-image-png-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that a black and white PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-005-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-005.xht">cursor-image-png-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that a black and white PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-006-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-006.xht">cursor-image-png-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an RGB PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-007-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-007.xht">cursor-image-png-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an RGB PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-008-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-008.xht">cursor-image-png-008</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an indexed PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-009-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-009.xht">cursor-image-png-009</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an indexed PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-010-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-010.xht">cursor-image-png-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an indexed PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-011-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-011.xht">cursor-image-png-011</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an indexed PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-012-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-012.xht">cursor-image-png-012</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that a greyscale with alpha PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-013-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-013.xht">cursor-image-png-013</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that a greyscale with alpha PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-014-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-014.xht">cursor-image-png-014</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an RGB with alpha PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-015-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-015.xht">cursor-image-png-015</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an RGB with alpha PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-016-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-016.xht">cursor-image-png-016</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an interlaced black and white PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-017-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-017.xht">cursor-image-png-017</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an interlaced black and white PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-018-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-018.xht">cursor-image-png-018</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an interlaced black and white PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-019-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-019.xht">cursor-image-png-019</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an interlaced black and white PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-020-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-020.xht">cursor-image-png-020</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an interlaced black and white PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-021-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-021.xht">cursor-image-png-021</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an interlaced RGB PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-022-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-022.xht">cursor-image-png-022</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an interlaced RGB PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-023-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-023.xht">cursor-image-png-023</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an interlaced, indexed PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-024-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-024.xht">cursor-image-png-024</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an interlaced, indexed PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-025-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-025.xht">cursor-image-png-025</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an interlaced, indexed PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-026-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-026.xht">cursor-image-png-026</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an interlaced, indexed PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-027-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-027.xht">cursor-image-png-027</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an interlaced greyscale with alpha PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-028-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-028.xht">cursor-image-png-028</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an interlaced greyscale with alpha PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-029-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-029.xht">cursor-image-png-029</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an interlaced RGB with alpha PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-030-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-030.xht">cursor-image-png-030</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an interlaced RGB with alpha PNG image cursor is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-031-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-031.xht">cursor-image-png-031</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that a greyscale PNG image cursor with transparency is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-032-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-032.xht">cursor-image-png-032</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that a greyscale PNG image cursor with transparency is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-033-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-033.xht">cursor-image-png-033</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an RGB PNG image cursor with transparency is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-034-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-034.xht">cursor-image-png-034</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an RGB PNG image cursor with transparency is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-035-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-035.xht">cursor-image-png-035</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an RGB PNG image cursor with transparency is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-036-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-036.xht">cursor-image-png-036</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an indexed PNG image cursor with transparency is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-037-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-037.xht">cursor-image-png-037</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that an indexed PNG image cursor with transparency is supported.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-038-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-038.xht">cursor-image-png-038</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that gamma correction on PNG image cursor is correct.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-039-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-039.xht">cursor-image-png-039</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that gamma correction on PNG image cursor is correct.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-040-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-040.xht">cursor-image-png-040</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks that gamma correction on PNG image cursor is correct.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-041-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-041.xht">cursor-image-png-041</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks invalid PNG image cursor skipped, fallback used.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-042-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-042.xht">cursor-image-png-042</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks invalid PNG image cursor skipped, fallback used.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-image-png-043-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-image-png-043.xht">cursor-image-png-043</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor property, PNG
|
|
<ul class="assert">
|
|
<li>Test checks invalid PNG image cursor skipped, fallback used.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-outline-area-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-outline-area.xht">cursor-outline-area</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor on outline
|
|
<ul class="assert">
|
|
<li>The cursor property is not applied over outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-padding-area-6.1.1" class="interact">
|
|
<td>
|
|
<a href="cursor-padding-area.xht">cursor-padding-area</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor on the padding area
|
|
<ul class="assert">
|
|
<li>The cursor property is applied over the padding area, as it is strictly inside the border edge.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-text-001-6.1.1" class="interact may">
|
|
<td>
|
|
<a href="cursor-text-001.xht">cursor-text-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
|
|
<td>cursor:text with vertical text
|
|
<ul class="assert">
|
|
<li>User agents may automatically display a horizontal I-beam/cursor (e.g. same as the vertical-text keyword) for vertical text.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-text-002-6.1.1" class="interact may">
|
|
<td>
|
|
<a href="cursor-text-002.xht">cursor-text-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
|
|
<td>cursor:text with rotated text
|
|
<ul class="assert">
|
|
<li>User agents may automatically display any angle of I-beam/cursor for text that is rendered at any particular angle</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s6.1.1.#example-4a59cfe4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s6.1.1.#propdef-cursor">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s6.1.1.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s6.1.1.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-ui/#canvas_cursor">6.1.1.1 Cursor of the canvas</a></th></tr>
|
|
<!-- 2 tests -->
|
|
<tr id="canvas-cursor-001-6.1.1.1" class="primary image interact">
|
|
<td><strong>
|
|
<a href="canvas-cursor-001.xht">canvas-cursor-001</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>propagating the root cursor to the canvas
|
|
<ul class="assert">
|
|
<li>Test checks the cursor applied to the root element is propagated to the canvas.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="canvas-cursor-002-6.1.1.1" class="primary image interact">
|
|
<td><strong>
|
|
<a href="canvas-cursor-002.xht">canvas-cursor-002</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>not propagating the body cursor to the canvas
|
|
<ul class="assert">
|
|
<li>Test checks the cursor applied to the body element is not propagated to the canvas.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s6.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s6.2">+</a>
|
|
<a href="https://www.w3.org/TR/css3-ui/#insertion-caret">6.2 Insertion caret</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s6.2.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s6.2.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-ui/#caret-color">6.2.1 Coloring the insertion caret: caret-color</a></th></tr>
|
|
<!-- 21 tests -->
|
|
<tr id="caret-color-001-6.2.1" class="interact">
|
|
<td>
|
|
<a href="caret-color-001.xht">caret-color-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>caret-color
|
|
<ul class="assert">
|
|
<li>Test checks that caret-color can be set on a textarea</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caret-color-002-6.2.1" class="interact">
|
|
<td>
|
|
<a href="caret-color-002.xht">caret-color-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>caret-color is inherited
|
|
<ul class="assert">
|
|
<li>Test checks that caret-color value does inherit</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caret-color-003-6.2.1" class="interact should">
|
|
<td>
|
|
<a href="caret-color-003.xht">caret-color-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
|
|
<td>caret-color auto
|
|
<ul class="assert">
|
|
<li>Test checks that caret-color: auto matches currentColor</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caret-color-004-6.2.1" class="interact">
|
|
<td>
|
|
<a href="caret-color-004.xht">caret-color-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>caret-color auto, black on white
|
|
<ul class="assert">
|
|
<li>Test checks that caret-color:auto provides good contrast in black on white</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caret-color-005-6.2.1" class="interact">
|
|
<td>
|
|
<a href="caret-color-005.xht">caret-color-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>caret-color auto, white on black
|
|
<ul class="assert">
|
|
<li>Test checks that caret-color:auto provides good contrast in white on black</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caret-color-006-6.2.1" class="interact may">
|
|
<td>
|
|
<a href="caret-color-006.xht">caret-color-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
|
|
<td>caret-color auto, gray on gray
|
|
<ul class="assert">
|
|
<li>Test checks that caret-color:auto provides good contrast in gray on gray</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caret-color-007-6.2.1" class="interact">
|
|
<td>
|
|
<a href="caret-color-007.xht">caret-color-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>caret-color: currentColor
|
|
<ul class="assert">
|
|
<li>Test checks that caret-color:currentColor is inherited as currentColor and resolves to the value of the color property at used value time</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caret-color-008-6.2.1" class="animated interact">
|
|
<td>
|
|
<a href="caret-color-008.xht">caret-color-008</a></td>
|
|
<td></td>
|
|
<td><abbr class="animated" title="Animated test">Animated</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>caret-color animation
|
|
<ul class="assert">
|
|
<li>Test checks that caret-color is animatable as a color</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caret-color-009-6.2.1" class="dom script">
|
|
<td>
|
|
<a href="caret-color-009.xht">caret-color-009</a></td>
|
|
<td></td>
|
|
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>caret-color computed values
|
|
<ul class="assert">
|
|
<li>Test checks that the resolved value of auto, currentcolor and initial for caret-color property, is the used value.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caret-color-010-6.2.1" class="interact">
|
|
<td>
|
|
<a href="caret-color-010.xht">caret-color-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>caret-color input
|
|
<ul class="assert">
|
|
<li>Test checks that caret-color can be set on an input</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caret-color-011-6.2.1" class="interact">
|
|
<td>
|
|
<a href="caret-color-011.xht">caret-color-011</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>caret-color contenteditable
|
|
<ul class="assert">
|
|
<li>Test checks that caret-color can be set on a contenteditable element</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caret-color-012-6.2.1" class="interact should">
|
|
<td>
|
|
<a href="caret-color-012.xht">caret-color-012</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
|
|
<td>caret-color: auto
|
|
<ul class="assert">
|
|
<li>Test checks that caret-color:auto is inherited as auto and resolves to the value of the color property at used value time</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caret-color-013-6.2.1" class="dom script">
|
|
<td>
|
|
<a href="caret-color-013.xht">caret-color-013</a></td>
|
|
<td></td>
|
|
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>caret-color dynamic changes
|
|
<ul class="assert">
|
|
<li>Test checks checks that carret-color can be correctly changed using the style attribute, and that the computed value is done correctly.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caret-color-014-6.2.1" class="interact">
|
|
<td>
|
|
<a href="caret-color-014.xht">caret-color-014</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>caret-color links
|
|
<ul class="assert">
|
|
<li>Test checks that caret-color can be set on a contenteditable link</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caret-color-015-6.2.1" class="interact">
|
|
<td>
|
|
<a href="caret-color-015.xht">caret-color-015</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>caret-color visited links
|
|
<ul class="assert">
|
|
<li>Test checks that caret-color can be set on a contenteditable visited link</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caret-color-016-6.2.1" class="interact may script">
|
|
<td>
|
|
<a href="caret-color-016.xht">caret-color-016</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>caret-color visited link computed value
|
|
<ul class="assert">
|
|
<li>Test checks that computed style of caret-color on visited links doesn't leak privacy information.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caret-color-017-6.2.1" class="interact">
|
|
<td>
|
|
<a href="caret-color-017.xht">caret-color-017</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>caret-color transition
|
|
<ul class="assert">
|
|
<li>Test checks that caret-color can be used in a transition</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caret-color-018-6.2.1" class="script">
|
|
<td>
|
|
<a href="caret-color-018.xht">caret-color-018</a></td>
|
|
<td></td>
|
|
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>caret-color test animation
|
|
<ul class="assert">
|
|
<li>Test checks that caret-color is animatable as a color, and that the computed values during the animation are the expected ones.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caret-color-019-6.2.1" class="script">
|
|
<td>
|
|
<a href="caret-color-019.xht">caret-color-019</a></td>
|
|
<td></td>
|
|
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>caret-color auto test animation
|
|
<ul class="assert">
|
|
<li>Test checks that 'auto' value for caret-color property is not interpolable.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caret-color-020-6.2.1" class="script">
|
|
<td>
|
|
<a href="caret-color-020.xht">caret-color-020</a></td>
|
|
<td></td>
|
|
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>caret-color currentcolor test animation
|
|
<ul class="assert">
|
|
<li>Test checks that 'currentcolor' value for caret-color property is interpolable.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caret-color-021-6.2.1" class="script">
|
|
<td>
|
|
<a href="caret-color-021.xht">caret-color-021</a></td>
|
|
<td></td>
|
|
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Default caret-color test animation
|
|
<ul class="assert">
|
|
<li>Test checks that the default value for caret-color property, which is 'auto', is not interpolable.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s6.2.1.#example-24147f22">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s6.2.1.#propdef-caret-color">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s6.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s6.3">+</a>
|
|
<a href="https://www.w3.org/TR/css3-ui/#keyboard">6.3 Keyboard control</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s6.3.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s6.3.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-ui/#nav-dir">6.3.1 Directional focus navigation: the nav-up, nav-right, nav-down, nav-left properties</a></th></tr>
|
|
<!-- 83 tests -->
|
|
<tr id="nav-dir-001-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-dir-001.xht">nav-dir-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - property inheritance
|
|
<ul class="assert">
|
|
<li>Test checks that the 'nav-left' property value is not inherited.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-dir-002-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-dir-002.xht">nav-dir-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - 'inherit' property value
|
|
<ul class="assert">
|
|
<li>Test checks that the 'inherit' value is respected.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-dir-003-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-dir-003.xht">nav-dir-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - input elements
|
|
<ul class="assert">
|
|
<li>Test checks that directional focus navigation properties work on input elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-dir-004-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-dir-004.xht">nav-dir-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - floating elements
|
|
<ul class="assert">
|
|
<li>Test checks that directional focus navigation properties work on floating elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-dir-005-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-dir-005.xht">nav-dir-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - currently focused element
|
|
<ul class="assert">
|
|
<li>Test checks that focus doesn't change when navigating to the currently focused element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-dir-missing-1-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-dir-missing-1.xht">nav-dir-missing-1</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - unkown element id
|
|
<ul class="assert">
|
|
<li>Test checks that an unknow element id used as the value of the 'nav-right' property value does not hinder normal spacial navigation.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-dir-missing-2-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-dir-missing-2.xht">nav-dir-missing-2</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - unkown element id
|
|
<ul class="assert">
|
|
<li>Test checks that an unknow element id used as the value of the 'nav-left' property value does not hinder normal spacial navigation.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-dir-missing-3-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-dir-missing-3.xht">nav-dir-missing-3</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - unkown element id
|
|
<ul class="assert">
|
|
<li>Test checks that an unknow element id used as the value of the 'nav-down' property value does not hinder normal spacial navigation.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-dir-missing-4-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-dir-missing-4.xht">nav-dir-missing-4</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - unkown element id
|
|
<ul class="assert">
|
|
<li>Test checks that an unknow element id used as the value of the 'nav-up' property value does not hinder normal spacial navigation.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-dir-target-001-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-dir-target-001.xht">nav-dir-target-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - 'current' target frame
|
|
<ul class="assert">
|
|
<li>Test checks that the 'current' frame value is respected.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-dir-target-002-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-dir-target-002.xht">nav-dir-target-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - 'root' target frame
|
|
<ul class="assert">
|
|
<li>Test checks that the 'root' frame value is respected.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-dir-target-003-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-dir-target-003.xht">nav-dir-target-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - named target frame
|
|
<ul class="assert">
|
|
<li>Test checks that a named target frame value is respected.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-dir-target-004-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-dir-target-004.xht">nav-dir-target-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - non-existing target frame
|
|
<ul class="assert">
|
|
<li>Test checks that a non-existing target frame value is treated as 'current'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-dir-target-005-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-dir-target-005.xht">nav-dir-target-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - sibling target frame
|
|
<ul class="assert">
|
|
<li>Test checks that a named frame value also works for sibling frames.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-dir-target-006-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-dir-target-006.xht">nav-dir-target-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - missing target element
|
|
<ul class="assert">
|
|
<li>Test checks that focus does not change to a different frame if the identifier is missing from the target frame.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-down-000-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-down-000.xht">nav-down-000</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - property inheritance for 'nav-down'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'nav-down' property value is not inherited for 'nav-left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-down-001-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-down-001.xht">nav-down-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation (nav-down) - <id>
|
|
<ul class="assert">
|
|
<li>Test checks that downward navigation input respects the 'nav-down' property.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-down-002-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-down-002.xht">nav-down-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - 'auto' value for 'nav-down'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'auto' value is implemented for 'nav-down'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-down-003-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-down-003.xht">nav-down-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - ID value for 'nav-down'
|
|
<ul class="assert">
|
|
<li>Test checks that the ID value is implemented for 'nav-down'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-down-004-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-down-004.xht">nav-down-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - input elements for 'nav-down'
|
|
<ul class="assert">
|
|
<li>Test checks that 'nav-down' works for input elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-down-005-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-down-005.xht">nav-down-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - elements floating in the writing direction for 'nav-down'
|
|
<ul class="assert">
|
|
<li>Test checks that 'nav-down' works for elements floating to the left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-down-006-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-down-006.xht">nav-down-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - elements floating in opposite to the writing direction for 'nav-down'
|
|
<ul class="assert">
|
|
<li>Test checks that 'nav-down' works for elements floating to the right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-down-007-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-down-007.xht">nav-down-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - non existing ID for 'nav-down'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'nav-down' is ignored if the ID does not exist.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-down-008-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-down-008.xht">nav-down-008</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - currently focused element for 'nav-down'
|
|
<ul class="assert">
|
|
<li>Test checks that focus doesn't change when navigating to the currently focused element for 'nav-down'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-down-009-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-down-009.xht">nav-down-009</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - 'current' target frame for 'nav-down'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'current' frame value is respected for 'nav-down'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-down-010-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-down-010.xht">nav-down-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - 'root' target frame for 'nav-down'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'root' frame value is respected for 'nav-down'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-down-011-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-down-011.xht">nav-down-011</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - named target frame for 'nav-down'
|
|
<ul class="assert">
|
|
<li>Test checks that a named target frame value is respected for 'nav-down'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-down-012-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-down-012.xht">nav-down-012</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - non-existing target frame for 'nav-down'
|
|
<ul class="assert">
|
|
<li>Test checks that a non-existing target frame value is treated as 'current' for 'nav-down'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-down-013-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-down-013.xht">nav-down-013</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - sibling target frame for 'nav-down'
|
|
<ul class="assert">
|
|
<li>Test checks that a named frame value also works for sibling frames for 'nav-down'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-down-014-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-down-014.xht">nav-down-014</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - missing target element for 'nav-down'
|
|
<ul class="assert">
|
|
<li>Test checks that focus does not change to a different frame if the identifier is missing from the target frame for 'nav-down'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-down-015-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-down-015.xht">nav-down-015</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - 'inherit' value for 'nav-down'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'inherit' value is implemented for 'nav-down'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-down-016-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-down-016.xht">nav-down-016</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - disabled elements are not navigated for 'nav-down'
|
|
<ul class="assert">
|
|
<li>Test checks that disabled elements are not navigated for 'nav-down'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-left-000-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-left-000.xht">nav-left-000</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - property inheritance for 'nav-left'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'nav-left' property value is not inherited for 'nav-left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-left-001-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-left-001.xht">nav-left-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation (nav-left) - <id>
|
|
<ul class="assert">
|
|
<li>Test checks that leftward navigation input respects the 'nav-left' property.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-left-002-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-left-002.xht">nav-left-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - 'auto' value for 'nav-left'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'auto' value is implemented for 'nav-left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-left-003-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-left-003.xht">nav-left-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - ID value for 'nav-left'
|
|
<ul class="assert">
|
|
<li>Test checks that the ID value is implemented for 'nav-left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-left-004-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-left-004.xht">nav-left-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - input elements for 'nav-left'
|
|
<ul class="assert">
|
|
<li>Test checks that 'nav-left' works for input elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-left-005-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-left-005.xht">nav-left-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - elements floating in the writing direction for 'nav-left'
|
|
<ul class="assert">
|
|
<li>Test checks that 'nav-left' works for elements floating to the left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-left-006-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-left-006.xht">nav-left-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - elements floating in opposite to the writing direction for 'nav-left'
|
|
<ul class="assert">
|
|
<li>Test checks that 'nav-left' works for elements floating to the right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-left-007-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-left-007.xht">nav-left-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - non existing ID for 'nav-left'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'nav-left' is ignored if the ID does not exist.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-left-008-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-left-008.xht">nav-left-008</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - currently focused element for 'nav-left'
|
|
<ul class="assert">
|
|
<li>Test checks that focus doesn't change when navigating to the currently focused element for 'nav-left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-left-009-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-left-009.xht">nav-left-009</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - 'current' target frame for 'nav-left'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'current' frame value is respected for 'nav-left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-left-010-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-left-010.xht">nav-left-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - 'root' target frame for 'nav-left'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'root' frame value is respected for 'nav-left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-left-011-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-left-011.xht">nav-left-011</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - named target frame for 'nav-left'
|
|
<ul class="assert">
|
|
<li>Test checks that a named target frame value is respected for 'nav-left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-left-012-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-left-012.xht">nav-left-012</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - non-existing target frame for 'nav-left'
|
|
<ul class="assert">
|
|
<li>Test checks that a non-existing target frame value is treated as 'current' for 'nav-left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-left-013-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-left-013.xht">nav-left-013</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - sibling target frame for 'nav-left'
|
|
<ul class="assert">
|
|
<li>Test checks that a named frame value also works for sibling frames for 'nav-left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-left-014-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-left-014.xht">nav-left-014</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - missing target element for 'nav-left'
|
|
<ul class="assert">
|
|
<li>Test checks that focus does not change to a different frame if the identifier is missing from the target frame for 'nav-left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-left-015-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-left-015.xht">nav-left-015</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - 'inherit' value for 'nav-left'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'inherit' value is implemented for 'nav-left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-left-016-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-left-016.xht">nav-left-016</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - disabled elements are not navigated for 'nav-left'
|
|
<ul class="assert">
|
|
<li>Test checks that disabled elements are not navigated for 'nav-left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-right-000-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-right-000.xht">nav-right-000</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - property inheritance for 'nav-right'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'nav-right' property value is not inherited for 'nav-left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-right-001-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-right-001.xht">nav-right-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation (nav-right) - <id>
|
|
<ul class="assert">
|
|
<li>Test checks that rightward navigation input respects the 'nav-right' property.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-right-002-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-right-002.xht">nav-right-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - 'auto' value for 'nav-right'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'auto' value is implemented for 'nav-right'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-right-003-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-right-003.xht">nav-right-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - ID value for 'nav-right'
|
|
<ul class="assert">
|
|
<li>Test checks that the ID value is implemented for 'nav-right'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-right-004-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-right-004.xht">nav-right-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - input elements for 'nav-right'
|
|
<ul class="assert">
|
|
<li>Test checks that 'nav-right' works for input elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-right-005-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-right-005.xht">nav-right-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - elements floating in the writing direction for 'nav-right'
|
|
<ul class="assert">
|
|
<li>Test checks that 'nav-right' works for elements floating to the left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-right-006-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-right-006.xht">nav-right-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - elements floating in opposite to the writing direction for 'nav-right'
|
|
<ul class="assert">
|
|
<li>Test checks that 'nav-right' works for elements floating to the right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-right-007-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-right-007.xht">nav-right-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - non existing ID for 'nav-right'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'nav-right' is ignored if the ID does not exist.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-right-008-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-right-008.xht">nav-right-008</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - currently focused element for 'nav-right'
|
|
<ul class="assert">
|
|
<li>Test checks that focus doesn't change when navigating to the currently focused element for 'nav-right'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-right-009-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-right-009.xht">nav-right-009</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - 'current' target frame for 'nav-right'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'current' frame value is respected for 'nav-right'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-right-010-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-right-010.xht">nav-right-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - 'root' target frame for 'nav-right'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'root' frame value is respected for 'nav-right'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-right-011-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-right-011.xht">nav-right-011</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - named target frame for 'nav-right'
|
|
<ul class="assert">
|
|
<li>Test checks that a named target frame value is respected for 'nav-right'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-right-012-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-right-012.xht">nav-right-012</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - non-existing target frame for 'nav-right'
|
|
<ul class="assert">
|
|
<li>Test checks that a non-existing target frame value is treated as 'current' for 'nav-right'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-right-013-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-right-013.xht">nav-right-013</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - sibling target frame for 'nav-right'
|
|
<ul class="assert">
|
|
<li>Test checks that a named frame value also works for sibling frames for 'nav-right'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-right-014-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-right-014.xht">nav-right-014</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - missing target element for 'nav-right'
|
|
<ul class="assert">
|
|
<li>Test checks that focus does not change to a different frame if the identifier is missing from the target frame for 'nav-right'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-right-015-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-right-015.xht">nav-right-015</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - 'inherit' value for 'nav-right'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'inherit' value is implemented for 'nav-right'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-right-016-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-right-016.xht">nav-right-016</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - disabled elements are not navigated for 'nav-right'
|
|
<ul class="assert">
|
|
<li>Test checks that disabled elements are not navigated for 'nav-right'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-up-000-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-up-000.xht">nav-up-000</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - property inheritance for 'nav-up'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'nav-up' property value is not inherited for 'nav-left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-up-001-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-up-001.xht">nav-up-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation (nav-up) - <id>
|
|
<ul class="assert">
|
|
<li>Test checks that upward navigation input respects the 'nav-up' property.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-up-002-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-up-002.xht">nav-up-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - 'auto' value for 'nav-up'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'auto' value is implemented for 'nav-up'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-up-003-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-up-003.xht">nav-up-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - ID value for 'nav-up'
|
|
<ul class="assert">
|
|
<li>Test checks that the ID value is implemented for 'nav-up'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-up-004-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-up-004.xht">nav-up-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - input elements for 'nav-up'
|
|
<ul class="assert">
|
|
<li>Test checks that 'nav-up' works for input elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-up-005-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-up-005.xht">nav-up-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - elements floating in the writing direction for 'nav-up'
|
|
<ul class="assert">
|
|
<li>Test checks that 'nav-up' works for elements floating to the left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-up-006-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-up-006.xht">nav-up-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - elements floating in opposite to the writing direction for 'nav-up'
|
|
<ul class="assert">
|
|
<li>Test checks that 'nav-up' works for elements floating to the right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-up-007-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-up-007.xht">nav-up-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - non existing ID for 'nav-up'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'nav-up' is ignored if the ID does not exist.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-up-008-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-up-008.xht">nav-up-008</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - currently focused element for 'nav-up'
|
|
<ul class="assert">
|
|
<li>Test checks that focus doesn't change when navigating to the currently focused element for 'nav-up'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-up-009-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-up-009.xht">nav-up-009</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - 'current' target frame for 'nav-up'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'current' frame value is respected for 'nav-up'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-up-010-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-up-010.xht">nav-up-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - 'root' target frame for 'nav-up'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'root' frame value is respected for 'nav-up'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-up-011-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-up-011.xht">nav-up-011</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - named target frame for 'nav-up'
|
|
<ul class="assert">
|
|
<li>Test checks that a named target frame value is respected for 'nav-up'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-up-012-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-up-012.xht">nav-up-012</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - non-existing target frame for 'nav-up'
|
|
<ul class="assert">
|
|
<li>Test checks that a non-existing target frame value is treated as 'current' for 'nav-up'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-up-013-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-up-013.xht">nav-up-013</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - sibling target frame for 'nav-up'
|
|
<ul class="assert">
|
|
<li>Test checks that a named frame value also works for sibling frames for 'nav-up'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-up-014-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-up-014.xht">nav-up-014</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - missing target element for 'nav-up'
|
|
<ul class="assert">
|
|
<li>Test checks that focus does not change to a different frame if the identifier is missing from the target frame for 'nav-up'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-up-015-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-up-015.xht">nav-up-015</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - 'inherit' value for 'nav-up'
|
|
<ul class="assert">
|
|
<li>Test checks that the 'inherit' value is implemented for 'nav-up'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="nav-up-016-6.3.1" class="interact">
|
|
<td>
|
|
<a href="nav-up-016.xht">nav-up-016</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Directional Focus Navigation - disabled elements are not navigated for 'nav-up'
|
|
<ul class="assert">
|
|
<li>Test checks that disabled elements are not navigated for 'nav-up'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s6.3.1.#propdef-nav-down">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s6.3.1.#propdef-nav-left">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s6.3.1.#propdef-nav-right">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s6.3.1.#propdef-nav-up">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s6.3.1.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s6.3.1.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-ui/#example-b196d206">6.3.1.1 Example: positioned buttons</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s6.3.1.1.#example-positioned-buttons">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s6.3.1.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s6.3.1.2">+</a>
|
|
<a href="https://www.w3.org/TR/css3-ui/#example-381d7fe7">6.3.1.2 Example: moving focus to inside a frame</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s6.3.1.2.#example-moving-focus-to-inside-a-frame">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s6.3.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s6.3.2">+</a>
|
|
<a href="https://www.w3.org/TR/css3-ui/#input-method-editor">6.3.2 Obsolete: the ime-mode property</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s6.3.2.#example-8592b31b">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#abstract">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#conformance">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#contents">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#index">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#property-index">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#references">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#status">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#subtitle">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#title">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |