html-conformv0.2.1

← All examples

ARIA and IDs

A focusable element hidden with aria-hidden, a checkbox role without its required state, and an id used twice.

ARIA and IDs

examples/showcase/aria-and-ids.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>ARIA and IDs</title>
</head>
<body>
  <div aria-hidden="true" tabindex="0">Hidden but focusable</div>
  <span role="checkbox" tabindex="0">Remember me</span>
  <p id="intro">First paragraph</p>
  <p id="intro">Second paragraph, same id</p>
</body>
</html>
error   9:3    schema.html5
  missing required content at 9:3
error   8:3    assertion.aria.hidden-not-focusable
  An element with aria-hidden="true" must not also have a tabindex
  attribute.
error   10:3   assertion.ids.duplicate
  Duplicate ID.
error   11:3   assertion.ids.duplicate
  Duplicate ID.

4 errors, 0 warnings
  • schema.html5
  • assertion.aria.hidden-not-focusable
  • assertion.ids.duplicate