Français | Contact Us | Help | Search | Canada Site | |||||
What's New | About Us | Policies | Documents | TBS Site |
Calendar | Links | FAQs | Presentations | Home |
|
Common Look and Feel for the InternetAccessibility SectionOverviewInternet technologies have provided many Canadians with an enhanced sense of intellectual and economic freedom. But for many people, gaining entry to Web content is more complicated than clicking mouse and operating a modem. Some Canadians rely on assistive technologies such as text readers, audio players and voice activated devices to overcome the barriers presented by standard technologies. Others may be limited by their own technology. But old browsers, non-standard operating systems, slow connections, small screens or text-only screens should not stand in the way of obtaining information that is available to others. Thanks largely to the efforts of the World Wide Web Consortium (W3C), Internet accessibility has become a global issue that commands the attention of software and system designers during the development phase. The CLF standards are aligned with the W3C Web Content Accessibility Guidelines (WCAG), developed by the World Wide Web Consortium (W3C). World Wide Web Consortium (W3C) In keeping with the client-centred approach of the CLF initiative, universal accessibility standards are directed toward ensuring equitable access to all content on GoC Web sites. While site design is an important element of the electronic media, universal accessibility guidelines have been developed to ensure anyone can obtain content, regardless of the technologies they use. The key to effective implementation of universal accessibility guidelines lies in designing sites to serve the widest possible audience and the broadest possible range of hardware and software platforms, from assistive devices to emerging technologies. W3C WAI working groups continually test WCA Guidelines against a full range of browsers and assistive devices before recommending widespread implementation. There are many older, current and emerging display and control technologies that are not capable of rendering the full multimedia content that is becoming prevalent on the Web. Graphical, text-only or speciality browsers that pre-date current releases or low band-width connections present barriers to access, as do grey-scale or monochrome displays, enlarged monitors, and miniature display devices (such as pager displays, digital cellular phone displays, personal digital assistants, etc.). Web developers cannot assume that all end users can apply the full range of human physical and sensory ability, along with the standard suite of computer technology to Internet usage. Thus, they need to consider mobile communications technologies such as hands-free / eyes-free systems, speech synthesis and voice recognition technologies, one-button scanning and control features and mice-emulators, and alternative input systems (touch screens, eye-gaze systems, mouse or trackball devices). Seamless transformations, context and orientation, and usability are all key factors in designing a Web site that is available to everyone, and can be interpreted by the technologies they use. WAI's Web Content Accessibility Guidelines, a comprehensive set of recommendations published in 1999, have already been recognized by the international standards community. On one hand, the guidelines aim to meet the needs of people with disabilities who rely on electronic devices to maximize the use of their computer systems. On the other hand, the guidelines will also assist individuals who are using advanced technologies: mobile and voice Web page viewing technologies, electronic agents such as indexing robots, etc. Like all standards, WAI guidelines will evolve over time, as developers and users become more proficient in applying new technologies to Internet usage. Universal accessibility does not depend on minimal Web page design; it depends on thoughtful design. Along with WAI guidelines, the CLF standards provide direction for Web authors, particularly those using multimedia content, to ensure that all site content and functions are available to all users. Authors should not be discouraged from using multimedia, but rather should use it in a manner that ensures that the material they publish is functional for the widest possible audience. The GoC has adopted the W3C Web Content Accessibility Guidelines (WCAG) to ensure the majority of Canadians will find it relatively easy to use on-line information and services. Web Content Accessibility
Guidelines 1.0 Standard 1.1All GoC Web sites must comply with W3C Priority 1 and Priority 2 checkpoints to ensure sites can be easily accessed by the widest possible audience. RationaleThis standard is the key requirement for accessible design in the GoC. It points to an existing international standard: the Web Content Accessibility Guidelines 1.0 recommendation, from the World Wide Web Consortium (W3C). The W3C checkpoints mentioned in the CLF standard are set out and defined in W3C's recommendation. That document explains the rationale behind each of fourteen basic guidelines for making Web sites universally accessible. Following each guideline are one or more actions that a page author must perform to meet the requirements of the guidelines. These actions are called "Checkpoints". This CLF standard requires GoC Web sites to comply with Priority 1 and Priority 2 checkpoints. Interpretation[Priority 1] A Web content developer must satisfy this checkpoint. Otherwise, one or more groups will find it impossible to access information in the document. Satisfying this checkpoint is a basic requirement for some groups to be able to use Web documents. [Priority 2] A Web content developer must satisfy this checkpoint. Otherwise, one or more groups will find it difficult to access information in the document. Satisfying this checkpoint will remove significant barriers to accessing Web documents. W3C Checkpoints 1.1 Best PracticesAbsolute Pixel Size (February 2003) Absolute Pixel SizeIt is recognized that there are anomalies between the CLF Standards 6.1 and 6.2 and the W3C WAI Checkpoints 3.4 and 5.3. These CLF Standards dictate the use of absolute pixel measurement and tables for layout, while W3C WAI Checkpoints 3.4 and 5.3 respectively do not recommend the use of absolute units and tables for layout. The original and ongoing rationale for requiring GoC Internet Web sites to be designed using absolute units for the table cell attributes of the common and institutional menu bars was to ensure that there is a consistent look of the design as well as a consistent placement of the primary navigation aids across all GoC Internet Web sites. Within the CLF structured look, there remains the flexibility for scalability of the textual elements making up these primary navigation aids, thereby achieving the accessibility objectives of the W3C WAI checkpoints as well as, to the greatest extent possible, the goals of the Common Look and Feel Standards. Primary References for Accessible Web Site DesignAssociated with, and considered an integral part of the W3C Web Content Accessibility guidelines are a set of supporting documents and tools. These are the primary references for Accessible web site design:
Because of the scope and completeness of these resources, this CLF Web site will not duplicate or reinvent all of the examples found therein. However, there are certain aspects of the CLF design that will benefit from the application of specific techniques, and those are presented on the following pages. The application of standards and consistent use of accessible design techniques will enable the GoC to achieve its goal of connecting all Canadians. Accessible On-line FormsHTML forms are not, in and of themselves, inaccessible. What the programmer / page author does with them determines the accessibility of the end product. Elements of an inaccessible form:
Elements of an accessible form:
All of the oldest assistive technologies can handle well designed HTML forms. The trick is to get page designers to keeps forms simple and to avoid client-side entry verification and processing. Cascading Style SheetsMost organizations are coding font effects using deprecated <FONT> codes, and worse, are fixing pixel or point sizes for text in the markup or in associated style sheets. This prevents text from scaling under user's control. Fixing font sizes with absolute units impacts persons with low vision and people who prefer to use screen resolutions other than the common 640x480 or 800x600. Solution: Use Cascading Style Sheets
This and more information regarding Style Sheets. Widely deployed browsers do not implement CSS consistently. However, the latest generation of browsers from a number of vendors demonstrates solid implementations of most of CSS1 and much of CSS2, and implementations continue to improve. Part of designing an accessible document with CSS involves ensuring that the document remains accessible when style sheets are turned off or not supported. Until most browsers support CSS consistently, content developers may still create accessible documents that mix supported features of CSS with some presentation features of HTML. Documents that use HTML presentation features instead of CSS must transform gracefully. For example, tables used for layout must make sense when rendered serially. Design for all input devicesUse features that enable activation of page elements via a variety of input http://www.w3.org/WAI/wcag-curric/chk10-0.htm Device-independent access means that the user may interact with the user agent or document with a preferred input (or output) device - mouse, keyboard, voice, head wand, or other. If, for example, a form control can only be activated with a mouse or other pointing device, someone who is using the page without sight, with voice input, or with a keyboard or who is using some other non-pointing input device will not be able to use the form. Note: Providing text equivalents for image maps or images used as links makes it easier for users to interact with them without a pointing device. Generally pages that allow keyboard interaction are also accessible through speech input or a command line interface. Design for Device-independence W3C Checkpoint 9.3 - For scripts, specify logical event handlers rather than device-dependent event handlers. An event-handler invokes a script when a certain event occurs (e.g, the mouse moves, a key is pressed, the document is loaded, etc.). In HTML 4.0, event handlers are attached to elements via event handler attributes (the attributes beginning with "on", as in "onkeyup"). What happens when an event occurs depends on the script the page author has created. Some produce purely decorative effects such as highlighting an image or changing the color of an element's text. Others produce much more substantial effects, such as carrying out a calculation, providing important information to the user, or submitting a form. For scripts that do more than just change the presentation of an element, content developers should do the following: Use application-level event triggers rather than user interaction-level triggers. In HTML 4.0, application-level event attributes are "onfocus", "onblur" (the opposite of "onfocus"), and "onselect". Note that these attributes are designed to be device-independent, but are implemented as keyboard specific events in current browsers. Otherwise, if you must use device-dependent attributes, provide redundant input mechanisms (i.e., specify two handlers for the same element):
Examples: http://www.w3.org/WAI/wcag-curric/sam71-0.htm How to make pop-up windows accessibleTo make your pop-up windows accessible to people who do not use a mouse to navigate, add the event triggers "onFocus" and "onBlur" to make the effect available to keyboard users. Please note that client-side scripted pop-up windows may be partly or totally inaccessible to some users. Some users of screen-readers may be unaware that new windows have appeared, or may be confused by their sudden appearance. Also, people who have disabled script support or whose browsers do not support scripting will not "get the message". Where practical, use accessible server-side techniques to provide important messages. Examples of how to create accessible menus "Drop-down" or "rollover" menus created with client-side scripting can be made accessible to browsers that don't support client side scripting by adding a <NOSCRIPT> block that duplicates the content or functionality of the scripted menu. As well, you must ensure that the event-trigger you use is device independent. In this example taken from a main English page, the code is extracted from the "Newsroom" button on the site. Additional event triggers were not added to provide an example of the use of the NOSCRIPT block. How to: The URL's and link-text are simply copied and pasted from the script declaration on the page, then added as plain HTML (UL list) to a NOSCRIPT block in the table cell containing the button: <TD> <A onmouseover="movepic('buttonNewsroom','/images.nsf/vLUImages/ <noscript> <li><a href="/publications-e.htm">Publications</a><br></li> </TD>
Here is more information on how to implement accessible pop-up menus on your pages. Accessibility across platformsTo ensure accessibility across platforms:
The reason: Graphical browsers that support scripting may never see the pulldown menu because assistive technologies do not recognize it and it may never see the <NOSCRIPT> alternative because it is not made available by script aware browsers. Standard 1.2 (Updated)HTML or similar formats that are W3C Recommendations (e.g. XHTML) must be the primary format for all documents on Government of Canada Web sites. In cases where a document cannot be represented in HTML, users will be given information on how to obtain alternate versions, e.g., print, Braille, audio, etc. Version Histories
RationaleThe W3C is an international industry consortium that develops many of the standard languages used by Web page designers and Web application programmers. As explained in the following quote, the W3C is committed to the concept of "Universal Access":
Source: W3C... in 7 points. Through the working groups of the W3C's Web Accessibility Initiative, all W3C language specifications under development are looked at through an "accessibility lens" to ensure that the goals of interoperability and accessibility are met. To the best of our knowledge (at the time of writing), no other technology-standard setting bodies can make that claim. The reason for inclusion of Standard 1.2 is to promote the use of standards that are known to include constructs and tools that make accessibility possible. InterpretationPrimary Format for All DocumentsHTML or other language recommendations* developed by the W3C must be the primary format for all documents on GoC Web sites. Please note that simply using W3C languages for markup or application design does not mean that your products will be naturally accessible: using W3C languages does allow you to use standard methods to ensure the accessibility of your products.
* Recommendation is the term the W3C currently uses instead of Standard Alternate VersionsIn cases where the document cannot be represented in HTML, users should be given information on how to obtain alternate versions, e.g., print, Braille, audio, etc. First and foremost, be aware that this is a "last resort" measure. It was not included as a CLF Standard to give you a convenient method of avoiding the (often minimal) effort necessary to make your Web page or Web application accessible. Most Web content can be made accessible, especially if you are using W3C recommended languages - see list. If, however, after your best effort you cannot make the content or application accessible, please refer to Techniques 1 - 6. 1.2 Best PracticesTechnique 1: Include A Statement Technique 1Include a statement If, in spite of your best efforts, you are unable to make any document or page accessible, the following is an example of explanatory text you can use to meet the requirements of Standard 1.2. Please note that this technique should be used only as a last-resort as it is contrary to the spirit of the policy that is intended to make all Web content widely accessible. Include a statement on the same page and preceding the inaccessible element to this effect (some optional language is enclosed between square brackets):
Technique 2Accessible markup Another way to provide similar information in a Web page is to include it as the content of the <OBJECT>, <APPLET> (deprecated), <NOSCRIPT>, or <NOEMBED> elements: The following is an example of accessible markup you can use to meet Standard 1.2. <OBJECT data="http://mysite.com/finance_calculator.class"
type="application/java" > Note that <EMBED> and <NOEMBED> are not included the HTML standard, and <APPLET> is deprecated as of HTML 4.0. The information placed between the start and end tags of the <OBJECT> element will be displayed on browsers that either don't support Java, or that don't support <OBJECT>. Technique 3Accessibility notice Finally, if you resort to using such techniques, you should also place a note in the "Help" pages associated with your site. Something like this would be appropriate: Accessibility Notice: While every reasonable effort has been made to ensure the accessibility of this site, some content or services found here might be inaccessible to some visitors. In those circumstances, the contact information for someone who can assist you has been provided. However, what you should first do in any case is make an effort to create an accessible alternative (using accessible markup) and include it as the content of the element - or less desirably, on a separate page - instead of resorting to the above disclaimers. Technique 4Converting legacy and PDF documents For those concerned about vast legacy holdings of bitmapped or complex PDF documents, see alternative versions: Standard 1.2, for a possible solution. Conversion of Legacy Documents to PDF New files created in PDF must also be provided in an accessible format. Legacy Documents already in PDF Format Departments should start identifying the PDF documents that are most frequently accessed and develop a strategy for converting them to W3C accessible formats. Technique 5Manager's Guide to Multiple Format Production Produced through the Assistive Devices Industry Office of Industry Canada for the Government of Canada. Financial support from the Treasury Board Employment Equity Positive Measures Program Intervention Fund. http://www.collectionscanada.ca/accessinfo/s36-202.001-e.html Technique 6Guidelines and Specifications for Providing Information in Multiple Formats Human Resources Development Canada Développement des ressources humaines Canada CA-406-12-99E This document is available in multiple formats: large print, audio cassette, braille, and computer diskette in English and in French by calling 1 800 788‑8282. Table of Contents
I Providing Accessible Human Resources Development Canada Information to All CanadiansAs the lead department on disability issues, Human Resources Development Canada endorses the rights of all citizens to have equal access to our information, programs and services. Providing accessibility to its information is important for Human Resources Development Canada. HRDC believes that the integration of people with disabilities into the mainstream will be instrumental in maintaining Canada's position as a world leader in the areas of human rights, disability, communications and technology. Information is made available to Canadians through conventional print, via broadcast (radio / television) or through the Internet. However, there is a significant and growing portion of the population unable to access information through these methods. Canadians provided with essential information and services through accessible communications methods such as large print, braille, audio recording, teletypewriter, listening systems, captioning and descriptive narration for film and video, and innovative electronic information delivery systems are more able to become active participants and contributors in the governance of their lives. Accessibility requirements for such increasingly prevalent communications media such as the Internet and film and video are being developed. This document, however, will confine itself to the provision of large print, braille, audio cassette, and computer diskette. II Preparing Information for Multiple Format ProductionWhen authors of HRDC documents work in consultation with producers of multiple formats at the planning stage, it becomes possible to synchronize the release date of publications so that all formats are available to Canadians at the same time. Marketing, promotion and distribution strategies should ensure that, upon publication, Canadians are made aware of the availability of multiple formats. The conventional print publication should include this information. Many documents prepared for conventional print publication contain elements that are not comprehensible in audio format (e.g., footnotes, charts, sidebars, etc.). For this reason, the first step in preparing text for production in multiple formats entails modifying the original electronic text version to ensure audio comprehension. This narrative script then becomes the one source master from which electronic multiple format masters are generated. This ensures consistency among all formats. Requirements for Developing the One Source Master
III Guidelines and Specifications for Providing Information in Multiple FormatsSome partially sighted people can read print if the type is larger than that used for conventional material. For others, printed matter is accessible through the use of large print in conjunction with magnification devices such as closed-circuit television (CCTV). Professional graphic designers ensure that layouts and typography provide optimum legibility. Paper qualities such as colour, texture, weight and finish are extremely important. Spiral binding allows pages to lie flat when opened and folded back for use with assistive reading devices. Master:
For blind or partially sighted people, and for some people with low literacy skills, as well as many new Canadians, listening may be the only access to the written word. Information that is presented in point or list form is edited for audio comprehension. Listening instructions and audible tone indexing are incorporated to allow listeners to locate specific sections of the text. Audio masters are recorded by professional narrators. Computer-generated synthesized voice files can be used for production of time-sensitive reference information subject to frequent re-listing such as: press releases, indexes, catalogues, bibliographies, etc. Master:
Label:
Many blind, deaf-blind and partially sighted people gain access to the printed word through braille, a tactile reading system composed of embossed dots on paper. The system has three levels: grade I (basic) and grade II (contracted) are used for publishing braille documents in accordance with standards set by the Braille Authority of North America (BANA). Consult http://braille.brl.org/formats/. Grade III (shorthand) is not used for publication. Professional braille transcribers and proof readers ensure accuracy of transcription. Master:
Binding:
Some blind and partially sighted people use computer-based technology to gain access to printed information that is also available electronically. Information must be formatted as text-only and braille electronic files to ensure compatibilty with adaptive technologies such as large print screen display software, voice synthesizers and braille printers. Master:
Label:
Considerations for Multiple Format Production
IV AnnexTreasury Board of Canada Secretariat How to Provide Alternative Formats (BT53-7/1993-L) Braille Authority of North America (BANA) National Library Service for the Blind and Physically Handicapped University of British Columbia Disability Resource Centre (Crane Library) Web Content Accessibility Guidelines Closed Captioning Web Standard 1.3To ensure universal accessibility, GoC Web pages that offer information in alternate formats must include a text indication of the file type that provides a hyperlink to a site where the necessary software can be obtained. RationaleNeither the CLF standards nor the W3C's Web Content Accessibility guidelines even suggest that a content provider cannot provide information in alternative formats. What they do suggest is that the first format encountered by a browser should be the most accessible version (usually, accessible HTML), and that if other formats are available, the content provider clearly indicates what those formats are and, if possible, include a link to a site where the visitor can download an appropriate viewer or "plug-in" application. If an accessible version of a plug-in is also known to be available, then a note and a link to that product should also be included. 1.3 Best PracticesThe following is an example of one way to indicate the format of non-HTML documents on your site. Included is an example of explanatory text you might use to meet Standard 1.3. Example links:
Example explanatory text:
Standard 1.4All GoC Web sites and their pages must incorporate text equivalents for non-textual elements, such as graphics, images, navigational aids, sound tracks, to ensure universal accessibility goals are achieved. RationaleThe requirements for this standard are already clearly stated in the priority 1 checkpoints for W3C Web Content Accessibility Guideline 1 and would thus seem to make this standard redundant. The CLF working group was of the opinion that the sheer importance of marking up non-textual elements with text equivalents was reason enough to highlight this requirement in its own standard. Supplying appropriate textual-equivalents is a major enabler of device independence (the ability to serve content to any Web device) and accessibility for persons with disabilities who use assistive technology. Accessibility standards are intended to make Web pages more functional for people with disabilities and to individuals using new Web page viewing technologies and electronic agents such as indexing robots. The standards outline procedures for Web authors to ensure that content and functions are equally accessible to all users. Authors need to be particularly aware of guidelines associated with the use of multimedia components and the application of text equivalents. Federal Identity Program (FIP)Web Accessibility Initiative (WAI)
Guideline 1.1Guidelines are not mandatory with respect to this policy but are provided to help institutions carry out government policy efficiently and effectively. If HTML is used, HTML 4.0 Strict or newer W3C adopted languages should be adopted
as the standard for new and revised Web pages.
Best PracticesBrowser TestingFollowing these 6 steps should minimize the need for testing multiple platform / browser combinations.
Guideline 1.2Guidelines are not mandatory with respect to this policy but are provided to help institutions carry out government policy efficiently and effectively. If a page / site is explicitly designed to
provide information to alternate technologies such as hand-held, print, Braille,
and audio devices, such delivery should be handled with the "media"
element in Cascading Style Sheets.
Best PracticesMedia AttributeCSS2 allows you to write different style sheets for different kinds of Web devices. These are known as media-specific style sheets. e.g. @media screen { BODY { font-size: 16pt } H1 { font-size: 3em } This works for style sheets that are media-specific. If an entire style sheet applies to one media type you can use the media attribute of the LINK element so browsers can find out what media types a style sheet applies to without downloading it. e.g. Media attribute can define the following media options: (Please notice here sight, sound and touch output devices - this is why CSS2 is really great for ensuring access regardless of communication devices used by Canadians).
Media can specify more than one output device. In this case: MEDIA="SCREEN, PRINT". This would signify that the style sheet could be applied to both screen and printouts. The aural style sheets are wonderful for speech synthesizers because they can provide, among many options, aural referencing. Aural referencing can be used to signify many things, such as links, headings, etc. It is important to provide page instruction to ensure that the online client understands what accessibility techniques the designer has provided and how to use the page or site. Bugs relating to the attachment of style to pages Media attribute bugs Bug 1: Only screen supported This means that you shouldn't declare media="all" if you want Netscape to read the style sheet. Bug 2: Commas destroy Important InformationThis is to advise you of the proposed procurement arrangements for accessibility testing to be implemented April 1, 2003. As you may be aware, the Web Accessibility Testing Services (WATS) have been contracted by the Treasury Board Secretariat and made available to departments and agencies for the last three years. As of April 1, 2003, departments and agencies may procure their own accessibility testing services through PWGSC's Informatics Professional Services (IPS) Marketplace, or use the regular contracting services of their department / agency. The PWGSC Informatics Professional Services Marketplace provides for:
Departments / agencies are required to self-register in order to obtain access to the PWGSC procurement tool. Registration is completed through the IPS Web site under Info for Federal Departments. Contact: Lucie Kealey, Supply Specialist |
||||||||||||||||||||||||||||||
|
|
Top of Page |
Important Notices |