CLF 2.0 Standards - Qs and As - Table of Contents
The CLF standards were developed by the Treasury Board Secretariat following extensive consultations in 1999/2000. Given the evolution of technology and Web design that has occurred over the past six years since the initial standards came into force, we have revised the standards.
As part of policy renewal at TBS, many elements as well as the structure of the original CLF standards have changed. Consult the CLF Crosswalk Table for a detailed list of changes.
The CLF standards address the presentation and function of all Web-based content. They are not specific to the technology or the tool that is being used to deliver and/or present the Web content.
CLF 2.0 addresses public facing Web sites. CLFIE will be addressed at a later date. Institutions are, however, encouraged to apply these standards to their Web sites that are not public facing.
Since the Government of Canada Content Management System (CMS) supports XHTML 1.0 Strict and CSS, the CLF 2.0 template can be integrated into the Government of Canada CMS as a custom template.
New collaborative arrangements must be negotiated with CLF 2.0 in mind. Existing collaborative arrangements must ensure that future updates of the site and/or revisions to any agreements negotiate the inclusion of CLF 2.0.
Multi-departmental initiatives may choose what text to display. See requirement 4 in Part 3, Common Web Page Formats for more information.
The changes in CLF 2.0 are focussed on standards related to presentation and format. Institutions will need to determine the impact these changes have on their existing content. For example, the addition of a third column on main pages presents opportunities to feature new content such as recently published reports, newsworthy announcements, key initiatives, etc. As always with CLF, appropriate content remains the responsibility of the institution.
The CLF standards address the presentation and function of all Web-based content. They are not specific to the technology or the tool that is being used to deliver and/or present the Web content. Thus, institutions should apply CLF 2.0 to their Web content, irrespective of the delivery channel.
These tools will need to be updated by vendors to meet the new CLF 2.0 standards. The CLF Office neither recommends nor prohibits the use of COTS assessment and validation tools and services.
Changes to CLF must be made to respond to technical developments and government priorities. The separation of content and presentation, especially through the use of common templates and Cascading Style Sheets will minimize future impacts.
The CLF Office will take into consideration the two-year timeframe for CLF 2.0 as the standards evolve.
The CLF Office has not yet established a change management plan.
At the moment, CLF 2.0 applies only to Government of Canada public-facing Web sites (in other words those sites that are accessible to the public). Publiservice is not public facing and therefore falls under the definition of an intranet for the purposes of applying CLF (in other words a site that is available only to Government of Canada employees). While there is no plan to address CLF for Web sites that are not public facing at this point in time, institutions are encouraged to implement a single approach for all sites, including a site like Publiservice, where feasible and reasonable.
The following are the definitions of Web site and sub site for the purpose of defining what must comply upon launch with the CLF 2.0 standards once those standards have been approved:
A collaborative Web site is one in which the parties involved have shared or compatible objectives, contribute resources (financial or in-kind), share in the benefits, and agree to a fair allocation of risk-taking. Such sites may be between Government of Canada institutions or may involve other levels of government, private sector, etc. and the exact nature of the arrangement will determine how CLF is applied.
The CLF 2.0 template and CSS files have been tested on a wide range of technologies, both adaptive and otherwise, and with different user configurations to ensure that the new standards are as accessible and usable as possible.
Because usability is linked to both content and information architecture, usability testing is best undertaken at the site level by institutions.
The institution should evaluate how best to serve the needs of their visitors and may choose to point to a notification page or even not offer links outside of the secure section or application. Refer to requirement 5.5 in Part 3, Common Web Page Formats regarding the behaviour of links on secure sites and Web application pages.
The notification page is required only where navigating away from a secure section of a site or a Web application will cause the client to lose any inputted information or permissions to use other links.
Institutions have until December 31, 2008 to implement the new CLF 2.0 standards across all Web sites, including sub sites (e.g. region, business unit, branch, etc.) and program-specific sites.
A toolbox containing CLF 2.0 templates and CSS, along with supporting documentation, is available on the Common Look and Feel site. Institutions are strongly encouraged to make use of the CLF 2.0 template and CSS package to help facilitate compliance with the new CLF 2.0 standards. The IAC Technical Working Group has decided to restrict its efforts to solutions based on the central templates and XHTML 1.0 Strict.
The standards apply to all future and existing content pages and applications on the Web sites of institutions listed in Schedules I, I.1 and II of the Financial Administration Act as of January 1st, 2007. Full compliance is required by December 31, 2008.
Full compliance for applications is required by December 31, 2008 unless specific exemptions have been sought and approved.
Full compliance for applications is required by December 31, 2008 unless specific exemptions have been sought and approved.
A checklist is available in the CLF toolbox and institutions are welcome to use the CLF reporting tool as often as they choose, provided the mandatory reporting requirements are met. Automated monitoring tools will not be provided. The CLF Office neither recommends nor prohibits institutions from developing tools or using COTS assessment and validation tools or services.
Information on the exemption mechanism can be found in the CLF toolbox.
XHTML templates and Cascading Style Sheets (CSS) have been developed by the Internet Advisory Committee Technical Working Group to assist institutions with the implementation of these standards. The templates and CSS are available in the CLF toolbox. Institutions are strongly encouraged to make use of the CLF 2.0 templates and CSS package to help ensure compliance with the new standards and to be well positioned to adapt to any new requirements as might evolve. The IAC Technical Working Group has decided to restrict its efforts to solutions based on the central templates and XHTML 1.0 Strict.
Instructions for customizing the templates accompany the template package and are available in the CLF toolbox. The IAC Technical Working Group will be restricting efforts to finding and testing solutions based on the central templates and XHTML 1.0 Strict.
Treasury Board Secretariat strongly recommends that institutions adopt the templates and CSS files that are available as part of the CLF toolbox. Doing so will significantly aid institutions in achieving compliance, will allow them to apply a technical solution that has been rigorously tested, and will position them to more efficiently and effectively implement future versions of CLF. In addition, the IAC Technical Working Group will be restricting its efforts to finding and testing solutions based on the central templates and XHTML 1.0 Strict.
Yes. XHTML 1.0 Strict has been adopted because pages that conform to that document type definition:
CLF 2.0 standards were promulgated as of January 1, 2007. Any and all Web sites launched after the date of promulgation must apply the new CLF 2.0 Standards. Institutions have until December 31, 2008 to ensure that all of their Web sites, including all sub sites, meet CLF 2.0 Standards. A phased approach for implementing the new standards to avoid unnecessary costs is recommended.
Full compliance for applications is required by December 31, 2008 unless specific exemptions have been sought and approved.
No special funding will be made available to institutions to implement these standards. Institutions are expected to make provisions in their annual budgets for the ongoing management of their Web sites. Implementation of these standards should be part of the regular Web content publishing lifecycle and integrated into plans to keep the Web site evergreen.
Institutions are expected to report on their implementation plans in June 2007 and on their progress in December 2007 and January 2009. Additional feedback may be sought periodically.
Institutions are expected to report on their implementation plans in June 2007 and on their progress in December 2007 and January 2009. Additional feedback may be sought periodically.
Institutions are expected to report on their implementation plans in June 2007 and on their progress in December 2007 and January 2009. Additional feedback may be sought periodically.
CLF 2.0 is a standard of the Government of Canada, which describes how to develop and implement Web sites that respect Government of Canada legislation and related policies (e.g. Official Languages Act, Privacy Act, Access to Information Act, Canadian Charter of Human Rights and Freedoms, etc.). Failure to comply with CLF 2.0 may mean an institution is failing to meet its obligations under these acts. Further details on non-compliance measures are listed with the Standards themselves.
CLF 2.0 applies to all Government of Canada public-facing Web sites of institutions that are listed in Schedules I, I.1 and II of the Financial Administration Act.
For the purpose of CLF; TBS interprets public-facing Web sites as those sites that are accessible to the public; in other words any Government of Canada Web site that provides communications and/or services to clients (including individuals and entities) external to the Government of Canada, regardless of whether the access is provided through a secure or non-secure mechanism. CLF 2.0 applies to all extranets that fall within this interpretation.
Graphics can be used in the banner. Please consult requirement 4 in Part 3, Common Web Page Formats for guidance regarding the use of graphics.
The CLF 1.1 reporting exercise scheduled for 2006 for will not be required. Institutions are expected to report on their implementation plans for CLF 2.0 in June 2007 and on their progress in December 2007 and January 2009. Additional feedback may be sought periodically.
The requirements detailed in FIP with respect to Government of Canada visual identity and its application remains in force. Institutions will still use their institutional signatures according to FIP requirements.
The changes in CLF 2.0 are focussed on standards related to presentation and format. Content remains the responsibility of the institution. Institutions can feature the content of their choice in the content area, although it should relate to the institution's objectives/priorities.
The three-column layout is part of the new standard and aligns Government of Canada Web sites more closely to current practices in Web publishing. The institution's primary menu page and all sub site main pages must apply the three-column layout and associated standards. Secondary pages can, however, have two columns with a wider content area.
Institutions must use the left column for navigational elements and must feature a link on their main pages to their Proactive Disclosure section as the final navigational link in the left menu. The right column can contain any content the institution chooses to feature. Sample content could include "What's New" or highlight items, additional navigation to specific content areas, links to other portals or Government of Canada initiatives, a message from the Minister, etc.
Relative units of measure are used, however, the overall width of the page is fixed.
Centring Web pages is part of the new standard. Institutions can also apply an optional coloured background in the open space surrounding the Web pages to complement their institutional colour scheme.
All institutions subject to CLF must use this common graphic element.
An institution can maintain its own colour scheme provided the institution ensures a high level of contrast between the background and foreground, when viewed by someone having colour deficits or when viewed on a black and white screen.
There is no requirement to change existing institutional practices with respect to Welcome Pages for sub sites.
The strip of colour is mandatory. Institutions should choose a colour that complements the design scheme of their site.
Institutions can decide what should appear in the right column in order to best meet their needs, provided all standards are met.
For institutional sites, the first line of text in the banner must display the institution's applied title for all pages published under an institution's domain. Refer to the list of Schedule I, I.1 and II institutions for guidance on what organizations are entitled to list their title in a banner on institutional sites.
For institutional sites, the first line of text in the banner must display the institution's applied title for all pages published under an institution's domain. Refer to the list of Schedule I, I.1 and II institutions for guidance on what organizations are entitled to list their title in a banner on institutional sites.
Only the two lines of text plus background colours and images as specified in requirement 4 in Part 3, Common Web Page Formats may appear in the banner. Links, search boxes and other elements must not be used.
The exact text sizes are not specified because of the differing lengths of titles and Web addresses that need to be included.
The height of the visible portion of an image in the banner area may be less than 80 pixels high but the banner area itself must be 760 pixels wide by 80 pixels high.
No additional banners or buttons are permitted.
Only text elements are to be used in the left menu navigation links area. Using text elements increases the accessibility and scalability of a Web site's navigational elements. CSS decorative elements are considered to be graphics and are likewise prohibited. Non-text elements must only be placed below the final navigation link.
There is no size requirement in the Common Look and Feel standards for the indentation of the secondary menu items. The Government of Canada Common Look and Feel template solution uses an 18-pixel width indentation for secondary menu items.
Bullets are permitted beside text elements in the left menu as long as they are not image-based.
Only text elements are to be used in the left menu navigation links area. Using text elements increases the accessibility and scalability of a Web site's navigational elements. CSS decorative elements are considered to be graphics and are likewise prohibited. Non-text elements must only be placed below the final navigation link.
Institutions are free to design right menus as they choose, providing that they respect requirements relating to font style and accessibility.
Rounded corners are only permitted to be used in left menus if they are implemented without using images (including images loaded through CSS).
Institutions are free to design the content and right menus as they choose, providing that they respect requirements relating to font type and accessibility.
Institutions, through the use of style sheets, can specify the background and font colours used in the left menu to complement their design provided the colour combination achieves high contrast, when viewed by someone having colour deficits or when viewed on a black and white screen.
Only text elements are to be used in the left menu navigation links area. Using text elements increases the accessibility and scalability of a Web site's navigational elements. CSS decorative elements are considered to be graphics and are likewise prohibited.
Institutions, through the use of style sheets, can specify the colour of hyperlinks to complement their colour scheme and to ensure contrast and readability on-screen.
Institutions, through the use of style sheets, can specify the colour of text in the left menu to complement their colour scheme and to ensure contrast and readability on-screen.
To achieve consistency across Government of Canada Web sites, CLF specifies the primary font to be used in three specific areas: Times New Roman for the institution name in the banner, Arial for the URL in the banner, and Verdana for all remaining text elements. Institutions should however specify backup fonts that are universally supported, such as sans-serif, for situations where client devices cannot render these specified fonts.
The Proactive Disclosure link must link clients to a page where all mandatory institutional proactive disclosure reports can be accessed. For collaborative or cooperative sites, such as portals, gateways and clusters, the "Proactive Disclosure" link must point to the government-wide reporting site.
The "Proactive Disclose" link is mandatory on all main pages. For collaborative or cooperative sites, such as portals, gateways and clusters, the "Proactive Disclosure" link must point to the government-wide reporting site where all institutional proactive disclosure reports can be accessed.
The URL must be displayed in the banner following the institutional name because the complexity of the URL as displayed in the browser address bar is often such that it would not be meaningful to a client. In other cases, institutions use a variety of servers, (e.g. search.institution.gc.ca and transaction.institution.gc.ca) or purely machine-generated code that displays in the browser address bar that would similarly not reinforce the institution's primary Web site address in the mind of the client.
The use of the URL for the Canada site (i.e. canada.gc.ca) will help clients better understand what the link offers and reinforces what they will have seen in other media.
The URL that must appear in the banner for all pages published under an institution's domain is that of the institution as per its applied title. There must be no additional information to the right of the .gc.ca in the URL. Please consult requirement 4 in Part 3, Common Web Page Formats for further details.
The "Top" arrow graphic can be integrated into the institution's overall colour scheme. The arrow graphic, however, must have an appearance that is in keeping with the sample provided with the CLF templates.
Copies of common images used in the CLF 2.0 template are available in the toolbox.
All dimensional elements of the content area, including the border, are mandatory elements.
All Government of Canada Web pages must have a date indicator to inform visitors of the currency of the content. "Date Modified" is the most recent date on which the content of the document was substantially changed or that it was last reviewed for accuracy. Including a currency indicator is recognized as an industry best practice that users have come to expect, and use of the ISO standard (YYYY-MM-DD) will enhance conformity among Government of Canada sites.
Clients who print out Web pages do not require Web site navigation in the printed pages. Excluding these elements will improve the printed result on most printers and will allow clients to conserve both printer paper and ink.
The Government of Canada Common Look and Feel template solution uses a Cascading Style Sheet (CSS) to automatically generate a printer-friendly version when a client prints out a Web page using the template.
The CLF 2.0 template and CSS package that is available on the CLF Web site incorporates printer-friendly CSS functionality to ensure that pages will print properly. If the CLF 2.0 template and CSS package is not used, then institutions should either incorporate printer-friendly CSS functionality or develop printer-friendly versions of their Web pages. The IAC Technical Working Group will be restricting efforts to finding and testing solutions based on the central templates and XHTML 1.0 Strict.
A CLF 2.0 template and CSS package is available on the CLF Web site in the Toolbox section: Institutions are strongly encouraged to make use of the available CLF 2.0 template and CSS when developing new or updating existing Web sites. This will help ensure compliance with all mandatory CLF standards and increase accessibility. The IAC Technical Working Group will be restricting efforts to finding and testing solutions based on the central templates and XHTML 1.0 Strict.
The CLF Office, the Internet Advisory Committee's Technical Working Group (TWG) and Access Working Group (AWG) will jointly develop solutions and documents for the CLF toolbox. The updated CLF toolbox includes a template/CSS package with supporting documentation, as well as documentation that will help to improve the accessibility, usability and CLF compliance of institutional Web sites position the institution to easily adapt to any new requirements as might evolve. The IAC Technical Working Group will be restricting efforts to finding and testing solutions based on the central templates and XHTML 1.0 Strict.
The common menu bar is a mandatory element under CLF 2.0. There may be some instances when an institution is unable to provide functionality, such as the unavailability of a search engine, or is not required to offer content in both official languages. Please consult Part 3, requirement 5, Common Web Page Formats for further details.
<h1> tags? Is it not normal practice for the <h1> tag to be reserved for the heading within a page (i.e. the content of the page)? The <h1> tag is reserved for the main heading of a document structure and there should only be one <h1> tag per document structure. In CLF 2.0, the common menu bar, the side menu(s) and the content area are distinct and independent document structures. The common menu bar contains links that are common throughout the site, the side menu(s) contain content that are common to more than one page, while the content area contains content that is page specific.
Although the main heading of the page is contained within the content area and must be marked up using an <h1> tag, that heading is not relevant to the common menu bar and the side menu(s) because those are distinct and independent document structures and are not related to the content area <h1> tag. As a result, it is necessary to have separate <h1> tags for the content area, the common menu bar and the side menu(s) to distinguish the document structures.
The use of headings for each of the document structures will help to improve screen reader navigation by allowing a client to quickly navigate the document structures and the major sections using only the headings. Without the heading structure for the common menu bar and the side menu(s), it would be more difficult and time consuming to navigate to areas within those document structures.
The Common Look and Feel standards do not apply to all system-generated messages, only the system-generated messages delivered via Web pages by systems such as Web servers and Web application servers. Where system generated messages delivered via Web pages are difficult to customize, best efforts must be made to deliver messages that are compliant with the Common Look and Feel standards.
Communication via email is a key part of Internet usage. The standards reference Internet communications as a whole and not only Web sites.
Institutions will be expected to report on compliance with the requirements of all Common Look and Feel standards, including those relating to email.
Signature blocks are to use mixed languages in order to provide equal treatment to English and French as required by the Official Languages Act and the Federal Identity Program policy.
Decisions relating to whether an employee needs a separate teletypewriter number are left to institutions and will be made on the requirements and nature of each employee's duties. Most employees will use the institutional TTY number in their signature block.
A link to the printer-friendly version must not be placed in the area reserved for the breadcrumb. The breadcrumb area is reserved only for the breadcrumb. It is recommended that a Cascading Style Sheet (CSS) be used to automatically generate the printer-friendly version that would be displayed when the client selects "printer friendly version" or simply prints the page.
The Government of Canada Common Look and Feel template solution uses CSS to automatically generate a printer-friendly version.
Yes, Part 2, Standard on Accessibility, Interoperability and Usability requires institutions to make Web sites accessible for the widest possible audience. Among the requirements in part 2 are the requirement for Web sites to conform to the WCAG 1.0 Priority 1 and Priority 2 checkpoints, to ensure high contrast between the foreground and background, and to have text-based common menu bars and left columns.
The IAC/Access Working Group (AWG) is monitoring the development of WCAG 2.0. Upon their approval, TBS will review the AWG's WCAG 2.0 recommendations and analyze any opportunities to improve the accessibility of Government of Canada Web sites through CLF.
Adopting XHTML 1.0 Strict will have no impact on older browsers if the HTML Compatibility Guidelines are followed. When the HTML Compatibility Guidelines are followed, older browsers will interpret XHTML 1.0 Strict as regular HTML.
At present, visual identifiers can only be made accessible in HTML-based emails through the use of alt text. Where an institution's email system does not support alt text, visual identifiers ("Canada" wordmark and the institutional signature) must be replaced with text-equivalent identifiers.
We are striving to achieve a higher level of consistency between Government of Canada Web sites with CLF 2.0. Thus the Home, Search and Contact Us links in the common menu bar must direct users to the appropriate top-level institutional pages. This is necessary to enhance usability by providing Canadians with a consistent navigational experience on all government sites.
If institutions employ a name or acronym that represents the institution's primary purpose in both official languages, the banners on both English and French pages contain the same URL.
If institutions choose to pair acronyms or names according to requirement 2 in Part 1, Standard on Web Addresses option (b), the order of the two official languages is dictated by the language of the page on which the banner is displayed.
If an institution has registered two pairings of unilingual domain names, each domain name will be displayed according to the language of the page.
The institutional menu bar must not appear beneath the common menu bar. Institutions should integrate into the left column any menu items that were previously included in the institutional menu bar.
A link to "Proactive Disclosure" must be appear at the bottom of the left menu of all main and sub site menu pages.. For collaborative or cooperative sites, such as portals, gateways and clusters, the "Proactive disclosure" link must point to the government-wide reporting site. Please consult requirement 10 in Part 3, Common Web Page Formats for additional information on Proactive Disclosure.
A breadcrumb navigation trail must be implemented before the end of the 2-year implementation period. Due to the particular technical challenges that a breadcrumb trail may pose, institutions will be permitted to post new and redesigned sites that respect all elements of the standards other than this element in the interim as they develop a solution. By 2008, breadcrumb trails must be available on all Government of Canada Web pages.
The use of the word "breadcrumbs" is intended for demonstration purposes only. Words such as "Home" or "Main" are typically used as the first link in a breadcrumb trail. Another link that is typically used in a breadcrumb trail is the name of the sub site or sub-section, depending on the content structure of the Web site.
There are many ways to implement a breadcrumb trail on a Web site. Institutions must select a solution that is feasible and meets the two-year implementation deadline for breadcrumb trails.
Institutions can decide what navigation scheme will suit their needs, including whether or not to offer sub site navigation or contextual menus.
Institutions can decide what navigation scheme will suit their needs, including whether or not to offer sub site navigation or contextual menus.
As of January 1, 2007, for the purposes of the Common Look and Feel standards commonly used Internet top-level domains include:
If other top-level domains come into common use, institutions should conduct a risk assessment to determine whether to register in them.
There are no known security implications with the addressing standards.