Location indicators in page headings Which one is the most preferable?

1. What are focus indicators?
2. What is a breadcrumb title?
3. What are breadcrumbs in design?
4. What is a focus state?

What are focus indicators?

A focus indicator is a visual indicator that “highlights” the currently focused element. This visual indicator is commonly presented as an outline around the element.

What is a breadcrumb title?

A “breadcrumb” (or “breadcrumb trail”) is a type of secondary navigation scheme that reveals the user's location in a website or Web application. The term comes from the Hansel and Gretel fairy tale in which the two title children drop breadcrumbs to form a trail back to their home.

What are breadcrumbs in design?

Breadcrumbs are a secondary navigation aid that helps users easily understand the relation between their location on a page (like a product page) and higher level pages (a category page, for instance).

What is a focus state?

Focus states let users know which element they're currently on and is ready to be interacted with. Focus states in the GOV.UK Design System use a combination of yellow and black to make sure they meet Web Content Accessibility Guidelines (WCAG) 2.1 level AA non-text contrast on any background colour used on GOV.UK.