Blockquote citation attribute URL invalid
| Field | Value |
|---|---|
| Rule code | Html_Blockquote_Cite_Invalid |
| WCAG conformance level | A |
| WCAG success criterion | 1.3.1 Info and Relationships |
| Must be fixed at source | No |
Description
We detected a blockquote citation that was found to be invalid. The cite attribute found on the blockquote is not a valid URL. If a cite attribute is used with a blockquote, the value must be a valid URL reference to the origin of the citation. The cite attribute is used to indicate the URL source of the blockquote.
How to fix
Only use <blockquote> element for lengthy quotations. Use the cite attribute to indicate the source of the quote.
<blockquote cite="https://www.w3.org/TR/WCAG21/#abstract">
<p>Web Content Accessibility Guidelines (WCAG) 2.1 covers a wide range of recommendations for making Web content more accessible. … These guidelines address accessibility of web content on desktops, laptops, tablets, and mobile devices. Following these guidelines will also often make Web content more usable to users in general.</p>
</blockquote>
Browsers may indent block quotes by default. Don't use the <blockquote> element just for its visual treatment. If the text isn't a quote, use CSS styles to indent the text.
p.indent {
margin-left: 2rem;
}