Description

A short section of production notes particular to the edition (e.g., describing the typeface used), often located at the end of a work.

Examples

Example 1 — Colophon with a heading

The label is identified in the aria-labelledby attribute.

<section role="doc-colophon" aria-labelledby="col">
   <h2 id="col">Notes on the Type</h2>
   …
</section>
Example 2 — Prologue without a heading

A label is provided in the aria-label attribute.

<p role="doc-colophon" aria-label="Colophon">
   This edition was set on Linotype …
</p>

Relation to ARIA

doc-colophon inherits its semantics from the a section role (i.e., it represents a container of related content, but is not a landmark).

Usage

doc-colophon is typically used on section and div elements when the colophon consists of more than one paragraph, but can be used on a p tag when the colophon is a single paragraph without a heading.

List of all elements allowed on
  • a (without an href attribute)
  • abbr
  • address
  • b
  • bdi
  • bdo
  • blockquote
  • br
  • canvas
  • cite
  • code
  • del
  • dfn
  • div
  • em
  • i
  • img (with alt text)
  • ins
  • kbd
  • mark
  • output
  • p
  • pre
  • q
  • rp
  • rt
  • ruby
  • s
  • samp
  • section
  • small
  • span
  • strong
  • sub
  • sup
  • table
  • tbody
  • td
  • tfoot
  • thead
  • th
  • tr
  • time
  • u
  • var
  • wbr

References