Departments and agencies page mandatory template: Canada.ca design system
Mandatory
The departments and agencies landing page includes an alphabetically organized list of government institutions, as listed in the Canada.ca institutions list.
The page must be equipped with a keyword filter search box at the top of the page.
The departments and agencies page provides:
- links to access all Government of Canada institutions
- a keyword filter component that:
- improves navigation efficiency and increases list scanning speed by letting people narrow longer lists into shorter ones through keywords
- gives people immediate feedback on keyword filtering against the list by dynamically removing items that do not meet keywords
On this page
When to use this template
The departments and agencies template page must be implemented once on Canada.ca.
The following institutions can be listed on the departments and agencies page. Those:
- listed in the Financial Administration Act(FAA), linking to their respective institutional profiles
- not listed in the FAA but listed in the Registry of Applied Titles, linking to their respective organizational profiles
- listed in the FAA but not in scope for Canada.ca, linking to their respective websites
- considered high profile units, linking to their respective organizational profiles. Employment and Social Development Canada (ESDC) and the Privy Council Office will consult together to determine if the institution may be included.
How to use this template
1: Page title
Mandatory
Describes the content of the page
-
Presentation
- page title must be a unique H1
- must be the first element on the page
2: Keyword filter component
Mandatory
Enables a person to enter text that will dynamically filter the list on the page
-
Content
- must be implemented using appropriate WETcomponents
-
Presentation
- appears above the information being filtered
3: Institution names
Mandatory
Is a list of federal institutions in alphabetical order
-
Content
- the display name of the institution is used, as specified in the Canada.ca institutions list
- acronyms are provided adjacent to the display name
Working examples
- English working example(on GitHub)
- French working example(on GitHub)
Page details
- Date modified: