Quotation Markup

Public Article

Article is certified Certified Article

The content of this article is certified for accuracy by the Digital Accessibility Centre.


Quote Markup

Image displaying blockquote markup

Requirements

  • Quotations can be identified by assistive technology users. Note that textual markup i.e. quotation marks can also be used to identify quotes.
  • All quotations carry quotation markup.

Full explanation

Use quotation markup such as <blockquote> and <q> where appropriate.

 Potential access issues

Quotation markup should not be used for indentation.

Blockquote is a large quotation. The content of a blockquote element must include block-level elements:

<blockquote>
     <p>A large quotation. Text Text Text Text Text </p>
</blockquote>

q is a small quotation. The content of this element is an in-line quote:

<p>This is for a small quotation<q> Text</q></p>

cite defines an in-line citation or reference to another source:

<p>And <cite>Bob</cite> said <q>this is a refernce</q>.</p>
WCAG 2.1 reference:

4.1  Maximize compatibility with current and future user agents, including assistive technologies


Quotation Markup was posted on 14/02/2023 @ 15:32