Spark Design System
Accessibility
Unique page title element
Ensure that each web page has a unique title element that describes the page's content/topic.
Why it matters
The <title> element, contained in the document’s <head> element, is often the first piece of information announced by assistive technology. Good page titles are important for orientation — to help people know where they are and move between pages open in their browser.
Note that the <title> element, which only appears once in a document, is different from the title attribute, which may be applied to almost every HTML and XHTML element.
WCAG 2.0 reference: 2.4.2 Page Titled
Example
<title>New Cars, Used Cars, Car Dealers, Prices & Reviews | Cars.com</title>How to check for this
- Examine the source code of the HTML or XHTML document and check that a non-empty title element appears in the head section. Automated
- Check whether the
<title>of each web page identifies the contents or purpose of the web page. Manual
Collaborators
New page titles need to be approved by SEO
Resources
In
cars_web, this requires putting a specific “render” method on the View module for the page. Documentation for this is in layout_view.ex