---- 1 a ---- W3C Logo --Web Accessibility Guidance Card Stella O'Brien brief version 3.2 31 Aug 1998 Access details This is in 8-point New Times Roman type, sized for two-sided business card, 2" x 3.5". Judy Brewer to replace this leadin paragraph. 10% of the population can benefit from this guidance Maximise your audience. Some users can not see or hear your site's graphics, sounds, or moving images. Supply text versions of visuals. People who can not see a picture or display need to know the content or purpose of it. Well-written text alternatives provide this information. Make text easy to read for users with vision impairments. Keep the background simple and use a high contrast colour for the text. Make pages easy to skim for all users. Make the main text clear, short, and relevant. Provide an organised framework of summaries, headings, and lists. ---- 1 b ---- Provide easy navigation and useful link names. Navigation is easier for users when there is constant access to information about their current position. Meaningful link names give a clear idea of the content and location of a link. Accept alternative input by people who can not use a mouse. Support keyboard access or voice control. Supply a list of text links for clickable regions in images. Test the accessibility of the web site for different types of users. Use several browsers, in various ways (e.g., with graphics loading turned off), and with alternative input (e.g., keyboard). See the World Wide Web Accessibility Initiative . Get more detailed guidelines, examples, and other useful techniques: http://www.w3.org/WAI/ Stella O'Brien brief version 3.2 ---- 2 a ---- W3C Logo --Web Accessibility Guidance Card Harvey Bingham editorial on Stella O'Brien version 3.2 Access details 9-point type two-sided business card. Judy Brewer to supply leadin. 10% of the population can benefit from this guidance Maximise your audience. Provide a text alternative for any user that cannot see or hear your site's graphics, sounds, or moving images. Supply text versions of visuals. These descriptions help anyone who cannot see them learn their contents or purpose. Make text easy to see. Keep the background simple and use a high- contrast color to help any user with vision impairment. Simplify page structure for skimming. Make the main text clear, short, and relevant. Use organizing summaries, headings, and lists. ---- 2 b ---- Provide easy navigation and informative link names. Access to current position and context simplifies navigation. Meaningful link names clarify expected link content and location. Accept alternative input. Support keyboard access or voice control. Supply a list of text links that augment clickable regions in images. Test web site accessibility for different user needs. Use several browsers, in several ways, including without graphics, and without pointing device. Check using automated analysis tools See the World Wide Web Accessibility Initiative. Get more detailed guidelines, examples, and other useful techniques: http://www.w3.org/WAI/ Harvey Bingham on Stella O'Brien v 3.2 ---- 3 a ---- W3C Logo --Web Accessibility Guidance Card Daniel Dardailler's version Access details: 9-point New Times Roman type, sized for two-sided 2" x 3.5" business card. Judy Brewer to replace information here. 10% of population can benefit from this guidance. Maximise your audience. Some users will not see or hear your site's graphics, sounds, moving images or choice of layout (text-based terminal, Braille output, webphone access, etc.) Supply text-only versions of visuals (e.g. using HTML ALT for image, TITLE for Frame, etc.) Text is the only format that can convey the meaning or purpose of a picture or display thru all media (print, speech, Braille, large screen, small screen.) ---- 3 b ---- Make pages easy to skim for all users. Provide a simple and organized framework of summaries, headings, and lists (avoid complex FRAME or TABLE) Provide easy navigation and useful link names. Navigation is easier for users when there is constant access to information about their current position (e.g. use H1 or H2 for real heading, not for changing font size) Test the accessibility of the web site for different types of users. Use several browsers, in various ways (e.g., with graphics loading turned off), and with alternative input (e.g., keyboard). See the World Wide Web Accessibility Initiative. Get more detailed guidelines, examples, and other useful techniques: http://www.w3.org/WAI/ Daniel Dardailler's version ---- 4 a ---- W3C Logo --Web Accessibility Guidance Card Harvey Bingham's version merging from DD and SO with editorial rewrite. Access details This is in 8-point type, Sized for two-sided 2" x 3.5" business card. Judy Brewer to replace leadin material here. 10% of population can benefit from this guidance. Maximize your audience. Provide a text alternative for any user that cannot see or hear your site's graphics, sounds, moving images, or choice of layout (small window, text-only or monochrome screen, Braille, text-to-speech, webphone, noisy environment, preference for large font, color shift, etc.) Supply text-only versions of visuals. Add text (e.g. using html ALT for image, TITLE for frame, etc.) to let those who cannot see the visuals learn their contents or purpose, independent of media. Make text easy to see. Keep the background simple and use a high-contrast color to help any user with vision impairment. ---- 4 b ---- Simplify page structure for skimming. Make the main text clear, short, and relevant. Provide organizing summaries, headings, and lists. Avoid complex frames or tables. Provide easy navigation and informative link names. Give user access to current position and its context to simplify navigation. Use meaningful link names to clarify expected link content and location. Supply a list of text links that augment clickable image regions. Allow tabbing through links. Test web site accessibility for different user modes. Use several browsers, in various ways, including graphics off, display off, keyboard access, no pointing device. Use automated testing tools. See the W3C Web Accessibility Initiative. Get more detailed guidelines, examples, and other useful techniques: http://www.w3.org/WAI/ Harvey Bingham version ---- 5 a ---- W3C Logo --Web Accessibility Guidance Card Stella O'Brien version < 460 words Access details:This is in 6-point type, Sized for two-sided business card 2" x 3.5". Judy Brewer will replace material here. 10% of population can benefit from this guidance Maximise your audience. Make your site faster and easier to use for people with portable web devices, anyone with low bandwidth connections, or disabled users. Make sure your web site communicates effectively even with the graphics, sounds, and moving images, turned off. Supply text versions of visuals Good visuals are very powerful, but not everybody can see them. Well-written text alternatives communicate the content or purpose of a picture or display to people who can not see them. Provide access to audio-visual materials Create a text version of sound or speech clips which stand alone, or which accompany a visual presentation. Provide both audio and text descriptions of dynamic visuals such as movies, or animations. Important auditory and visual information is now available to users who have partial or no access to the original material. Make text easy to read. Complex background images and colours obscure text and make it difficult to read for people with vision impairments. Use good colour contrasts. Moving text and images can be distracting to the user, and difficult to interpret for screen readers. Allow the user to freeze the movement of images or text. ---- 5 b ---- Make pages easy to scan. Make the main text clear, short, and relevant. Users scan pages to pick out interesting material quickly and easily. Similarly, users scan a speech output to listen for cues to relevant information. Provide an organised framework of summaries, headings, and lists to aid scanning for all users. Provide easy navigation and links Users need constant, easy access to an appropriate version of a site map and information about their current position. Users need to have a clear idea of the content of a link, and where it will take them. Allow alternative input Some people cannot use a mouse or other pointer. Support alternative input and user control such as keyboard access or voice. Supply a list of text links for clickable regions in images. Use accessible layout. Traditional layout practices are inherited from print media. They can be a barrier to making information accessible. Use layout which supports users' personal preferences, and technical resources. The user-friendly author ensures that information displays such as forms and imagemaps are accessible to alternative inputs. Test the accessibility. Test the web site with a variety of browsers, in various ways (e.g., with graphics loading turned off; or without plug-ins), using alternative input (e.g., keyboard rather than mouse), and on different monitors. Evaluate the site with an automated analysis tool. Make sure the web page still communicates the relevant information. See the W3C Web Accessibility Initiative. Get detailed guidelines, examples, other useful techniques http://www.w3.org/WAI/ Stella O'Brien version < 460 words ---- 6 a ---- W3C Logo --Web Accessibility Guidance Card Stella O'Brien.< 350 words. Access details This is in 6-point type, Sized for two-sided business card 2" x 3.5". Judy Brewer to supply leadin material here. 10% of population can benefit from this guidance Maximise your audience. Make sure your web site communicates effectively even with the graphics, sounds, and moving images, turned off. Supply text versions of visuals. Well written text alternatives communicate the content or purpose of a picture or display to people who can not see them. Provide access to audio-visual materials. Create text transcriptions and descriptions of audio and visual material. Important auditory and visual information is now available to users who have partial or no access to the original material. Make text easy to read for users with vision impairments. Keep the background simple and use a high contrast colour for the text. Make pages easy to scan. Users scan pages to pick out interesting material quickly and easily. Similarly, users scan a speech output to listen for cues to relevant information. Provide an organised framework of summaries, headings, and lists to aid scanning for all +users. Make the main text clear, short, and relevant. ---- 6 b ---- Provide easy navigation and links. Users need constant, easy access to an appropriate version of a site map and information about their current position. Users need to have a clear idea of the content of a link, and where it will take them. Allow alternative input for people who can not use a mouse. Support alternative input and user control such as keyboard access or voice control. Supply a list of text links for clickable regions in images.Use accessible layout which supports users' personal preferences, and technical resources. If complex data are to be presented then provide text alternatives which summarise the data, explain the interpretation, and allow access to the raw data. Test the accessibility of the web site with several browsers, in various Ways. (e.g., with graphics loading turned off; or without plug-ins), using alternative input (e.g., keyboard rather than mouse), and on different monitors. Evaluate the site with an automated analysis tool. Make sure the web page still communicates the relevant information. See the W3C Web Accessibility Initiative. Get more detailed guidelines, examples, and other useful techniques http://www.w3.org/WAI/ Stella O'Brien.< 350 words.