Skip to content

Pages should have unique titles explaining the topic or purpose of the page

​🆕​ Unique page titles

This relates to the accessibility requirement WCAG 2.4.2

This allows users (both using assistive technologies, and not using assistive technologies) to better navigate the site, for example the titles show up in the user's browser history, and page tabs, allowing them to more quickly differentiate pages

Summary

Different web pages should have a unique page title. Currently each page only has the title Recovery Cat.

Normally, most sites use a format such as "[specific page title - app page title]", for example:

Using a standard separator character, for example -, :, · or |

Personally I prefer the pipe character |, as it's less often used in the text for dyanmic content (e.g. we might have a question containing hypens or colons, but it's less likely to contain a pipe character). However that can be decided on when implementing.

I'd reccommend therefore some format such as:

"Monitoring setup | Recovery Cat"

Background

See WCAG 2.4.2 - https://www.w3.org/WAI/WCAG21/Understanding/page-titled

Acceptance Criteria

  • Decide on a standard title format, including standard separating character
  • Pages have titles unique to their content
  • Pages with dynamic content have titles that adapt to their content (e.g. previewing a quesiton should include the question text in the title, such as "Preview question: How are you feeling today | Recovery Cat"

Ideas

As there's a fair few pages already, we might want to, for this issue, just make a generic solution to set the page title for routes, and only do it for one or two routes, then make separate issues to do it for the separate pages. I'd recommend at least one containing dynamic content, as that's usually trickier than static content (e.g. the home page)

Otherwise, if it's not that complicated, it could all be done in this issue.

Edited by Hanhoan Truong