The title of the page represents the content or the function of the page. Every visitor looks at the page title to check if they are in the right page or not, similarly a screen reader user too checks the page title with a specific key command. NVDA and Jaws read out the page title with a simple command NVDA / JAWS key + t.
The title of the page should be clear and specific to the topic the page holds. A portion of the page should also contain the name of the website. The title element that goes in the header of the page consists the page title.
Example: Contact page of Maxability will have the following page title.
<html>
<head>
<title>Contact Us – Maxability</title>
</head>
Web Accessibility Development
- Chapter 1 : Images
- Chapter 3 : Links
- Chapter 4 : Tables
- Chapter 2 : Charts and Graphs
- Chapter 5: Complex tables and fixed headers
- Chapter 6 : Headings
- Chapter 7: Lists
- Chapter 8: Tabindex
- Chapter 9: Duplicate Id values and Duplicate attributes.
- Chapter 10: Language
- Chapter 11: Page title
- Chapter 12: Other semantics
- Chapter 13: Offscreen text
- Chapter 14: Landmark Regions
- Chapter 15: Use of ARIA
- Chapter 16: Form labels
- Chapter 17: Form Instructions and Additional Help
- Chapter 18: Label And Instruction Relationships
- Chapter 19: Grouping Similar Fields
- Chapter 20a: Error Handling: part 1: Informing Field Types & Invalid Formats
- Chapter20b: Error Handling: part 2 Error messaging
- Chapter20c : Error Handling part 3: Error Identification
- Chapter 21: Reading Order
- Chapter 22: Focus Order
- Chapter 23: Focus Management
- Chapter 24: Dynamic Updates
- Chapter 25: Keyboard Navigation
- Chapter 26: Bypass Blocks
- Chapter 27: Focus Rings
- Chapter 28: OnMouseHover And OnFocus
- Chapter 29: Shortcuts And Access Keys
- Chapter 30: Other Navigation Patterns (Sitemap, TOC, Search).
- Chapter 31: Text Resize
- Chapter 32: Text reflow
- Chapter 33: Text Spacing
- Chapter 34: Session Timeout
- Chapter 35: Moving, Scrolling & Auto-Updating Content
- Toast Message ! Is it accessible?