Pan of gold nuggets Coding Page Titles Pan of gold nuggets

This page is designed to provide information on how page titles can be coded.


Problem: Many applications do not have unique titles on every page.

Solution: Properly code pages to include titles for maximum accessibility and usability.


Information about Page Titles

Page titles are an important consideration when coding a page. Upon landing on a page, the page titles are read aloud by screen readers. This is an important consideration as this is the primary means by which an assistive technology user identifies what page they are on, and when they have advanced to a new page.

Considerations for Coding Page Titles

Page Titles can be assigned in a number of different ways depending on the development framework being used. It might be as simple as including the title element in the <head> section of your HTML, or it might be a bit more complex for server side frameworks such as Blazor Server Pages.

Simple HTML Example

On some implementations it can be as easy as including the <title> element inside the <head> section of your page. For example:

Code snippet of HTML with page title in head section

Page Title on Server Side Applications

Page titles can be a bit more complex in server side frameworks, such as Blazor Server Pages. This website uses Blazor Server Pages framework. In server side frameworks, JavaScript is used to set the page title in the DOM. It must be implemented on the AfterRenderAsync method. This is required because when the server pre-renders the website before sending it to the client browser it will render the App component without any JavaScript.
For additional information, visit Blazor University’s article: Updating the document title. This article explains how to implement page titles using Blazor Pages.


Helpful Links for Page Titles

Gold Nugget Page Titles in Angular
Gold Nugget Page titles are required to be unique for every page, reference WCAG 2.1 Level A standards for unique page titles.
Gold Nugget Page titles should be addresed in the requirements,the link below provides some suggestions for page title requirements. Page title rquirements on Accessibility University.