Guidance: breadcrumb
Breadcrumb
Mandatory
The breadcrumb should be relevant to your contents IA, such as:
Canada.ca >
[Theme] >
[Topic]
Breadcrumbs may be shortened versions of your architecture, such as:
Canada.ca >
Jobs and the workplace
[Theme - Topic title]
1-2 sentences that describe the topics and top tasks that can be accessed on this page.
Guidance: title and image
Title
Mandatory
The page title should be descriptive and unique but brief.
Do not use acronyms or abbreviations.
Image
Optional
The 825x200 space beside the H1 can be used for a banner or image. Image is hidden on mobile view.
Guidance: Most requested
Optional
Features theme or topic specific top tasks.
This component provides shortcuts to the theme or topic top tasks. However, if all of the topic's top tasks are already included as direct links under Services and information, do not duplicate them here. In that case, you can choose not to include this component.
Variations: Replace the colcount-md-2 class with colcount-md-1 if you only have 2-3 most requested items.
Services and information
[Topic hyperlink text]
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
[Topic hyperlink text]
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
[Topic hyperlink text]
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
[Topic hyperlink text]
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
[Topic hyperlink text]
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
[Topic hyperlink text]
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
[Topic hyperlink text]
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
[Topic hyperlink text]
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
[Topic hyperlink text]
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
Guidance: Services and information
Mandatory
Lists the sub-topics and destination content related to the current theme or topic.
The "Services and information" heading in this section should have the wb-inv class, so it is not visible, but is still present for the semantic outline and for screen readers.
Variations: Any variations of the Services and information pattern can be used in this section.
Feature
Brief description of the feature being promoted.
On social media
Guidance: Feature and social media
Feature
Optional
The design of this section is flexible. You can modify it to suit your needs.
A feature should be contextual to the content on the page.
Social media
Optional
The design of this section is flexible. You can modify it to suit your needs.
Show the name of the account. If there is more than one account per type, use a popup and show people the options to choose from.
Remove the followus-vertical class to display the social accounts inline. You may remove the name of the account in this
layout.
The new icons are optional.
Contributors
From:
Guidance: Contributors
Optional
Provides a link to the institutional landing pages of the departments and/or agencies responsible for content in this theme or topic.
- Date modified: