...
Help users find content and orient themselves within it by ensuring that each web page has a descriptive title.
There are two different types of page titles.
Page Titles that Are Visible to Sighted Users
Following is an example of a visible page title.
<h1>Services</h1>
There should only be one <h1> heading per page and should be applied to the page title to indicate to the user that this is where the content area begins.
Page Titles that Are Not Visible to Sighted Users
Here is an example of what the page title in the markup should look like.
| Code Block |
|---|
<!doctype html>
<html lang="en">
<head>
<title>Services at the Human Services Agency</title>
</head>
<body>
...
</body>
</html> |
The page title should be incorporated at the very top of the page template.
This page title is not visible to a sighted user on the actual page. However, the title is announced by the screen reader.
These page titles identify the current location without requiring users to read or interpret page content.
...