Skip to content

This is an early unpublished editor's draft; content is incomplete and subject to change.

Relationships detectable

supplemental

Normative Text

Relationships of meaning between elements are conveyed programmatically.

Tests

This section is non-normative.

HTML hierarchical relationship

Procedure

  1. Determine the contextual hierarchy of the content either visually or through the meaning of the content.
  2. Examine the source code of the HTML document to identify each hierarchical section.
  3. Check that each section uses an appropriate semantic HTML element that reflects its position in the hierarchy.

Expected results

  • #3 is true.

HTML input field/label relationship

Procedure For each input field within the unit of conformance:

  1. Check that each <input>, <select> and <textarea> in the source code has a programmatically associated <label> using for and id attributes.

Expected results

  • #1 is true.

HTML list relationship

Procedure

For each list within the unit of conformance:

  1. Check that each list consists of a <ul>, <ol> or <dl>.
  2. Check that each list item within the list is contained within an <li> element (for <ul> and <ol>) or <dt>/<dd> pair (for <dl>).
  3. Check that the immediate child element of the list is an <li> element (for <ul> and <ol>) or <dt>/<dd> pair (for <dl>).

Expected results

  • #1, #2 and #3 are true.

HTML nested list relationship

Procedure

For each nested list within the unit of conformance:

  1. Check that all child lists are contained within a <li> of the parent list.

Expected results

  • #1 is true.

Tests

This content needs to be written.

Key Terms

relationship of meaning

Logical associations between elements that convey meaning and are necessary to understand the content