These standards will serve us well in any technical communication job.

Slides:



Advertisements
Similar presentations
Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.
Advertisements

Chapter 3 – Web Design Tables & Page Layout
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Scientific Communication CITS7200 Lecture 11 Designing and Writing Web Pages.
Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.
2/23/ Enterprise Web Accessibility Standards Version 2.0 WebMASSters Presentation 2/23/2005.
XHTML1 Tables and Lists. XHTML2 Objectives In this chapter, you will: Create basic tables Structure tables Format tables Create lists.
Building Accessibility Into The Workflow Rick Ells Computing & Communications University of Washington Seattle, Washington
CM143 - Web Week 11 Accessibility Priority Checkpoints.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
How to Create Accessible PowerPoint Presentations Elizabeth Tu and Thayer Watkins April, 2010.
IV. “Regular” Web Pages: HTML A Web Accessibility Primer: Usability for Everyone Office of Web Communications.
Dobrin / Keller / Weisser : Technical Communication in the Twenty-First Century. © 2008 Pearson Education. Upper Saddle River, NJ, All Rights Reserved.
Universal Design & Web Accessibility Iain Murray Kerry Hoath Iain Murray Kerry Hoath.
Assistive Technology and Web Accessibility University of Hawaii Information Technology Services Jon Nakasone.
Accessibility with Office and Acrobat Andrew Arch Online Accessibility Consulting.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Web Technologies Website Development Trade & Industrial Education
The Internet Writer’s Handbook 2/e Web Accessibility Writing for the Web.
Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
Website Development with Dreamweaver
Web Accessiblity Carol Gordon SIU Medical Library.
Design and Construction of Accessible Web Sites Michael Burks Chairman Internet Society SIG For Internet Accessibility for People with Disabilities June.
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
Emily Gibson The College of New Jersey An Evaluation of Current Software Tools* Evaluation & Repair Software.
INTRODUCTION. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language,
Section 508 requirements for Federal Website Design Jon Brundage MDCFUG 4/10/01.
Overview of the web accessibility guidelines at RMIT: W3C's WAI Level A Conformance Praneeth Putlur Rajiv Pandya Rohit Sharma.
Design Principles for the Web Lavanya Koppaka. Why follow design principles? Structure the information being presented Increase the readability Ease of.
ADA Americans with Disabilities Act. Many people with disabilities are unable to access information on websites because of a variety of barriers that.
Introduction HTML (Hypertext Markup Language) is used to create document on the World Wide Web. HTML is not a programming language, it is a markup language.
Creating Web Pages Chapter 5 Learn how to… Identify Web page creation strategies. Define HTML Web page elements. Describe the principles of good screen.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
Web Site Development - Process of planning and creating a website.
Positioning Objects with CSS and Tables
1999, COMPUTER SCIENCE, BUU Introduction to HTML Seree Chinodom
 Accessibility & Information Architecture Presented by Liz Molleur INF385E April 5 th, 2009.
1 Making an Accessible Web Site Sec 508 Standards – How Tos Evelyn Li University of Wisconsin-Fox Valley.
Elements of Accessibility in Online Courses Dallas County Community College District Technology Summer Institute June 10, :45-12:45.
Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
HTML Basics.
Objective % Select and utilize tools to design and develop websites.
Create and edit web pages 4
Making the Web Accessible to Impaired Users
Creating an Accessible Document
Designing Accessible Web Applications
Unit 2, Lesson 5 Website Development Tools
Web Accessibility Technology should be usable to everyone regardless of their individual characteristics.
Objective % Select and utilize tools to design and develop websites.
Introduction to Web Accessibility
Creating ADA Compliant Resources
Unit 2, Lesson 5 Website Development Tools
Microsoft Word Accessibility
Creating Accessible Electronic Content
Creating ADA Compliant Resources
Silverlight and Section 508 compliance
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
Creating Accessible PowerPoint Slides
Building Accessibility Into The Workflow
From compliance to usability
Creating Accessible Electronic Documents
Introduction to HTML.
Accessible Design Top 10 List
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Presentation transcript:

These standards will serve us well in any technical communication job. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston The University of Minnesota has established website accessibility standards that we need to observe as staff/faculty/students. These standards will serve us well in any technical communication job.

COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston It is the responsibility of the Web page author to present information in a manner that ensures access by a diverse audience. See http://cap.umn.edu/ait/Web/index.html for a full discussion of the standards outlined here.

COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Introductory Screens Put some some text on the initial screen view of a Web page that describes the affiliation and purpose of the page.

Use a consistent look and navigational scheme for all pages of a site. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Design Consistency Use a consistent look and navigational scheme for all pages of a site. Provide a method that permits users to skip repetitive navigation controls and jump to the main content of a page.

STANDARD: Document Length COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Document Length Present large documents in smaller sub-units where natural and appropriate. Offer complete full-length versions for download.

COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Frames Avoid the use of frames. Title frames with text that facilitates frame identification and navigation. Use the HTML <noframes> element to point to an alternate page that does not use frames.

COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Browser-Specific HTML Tags Do not use HTML constructs (tags) that are specific to (and only supported by) one browser.

COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Cascading Style Sheets Organize documents so they are readable without requiring an associated style sheet.

COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Scripts Ensure that pages are usable when scripts, applets, or other programmatic objects are not supported or have been disabled. Provide equivalent information and/or functionality on an alternative accessible page when direct access cannot be achieved.

Do not use the "onChange" event-handler in a drop-down list. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Roll-Over Controls Do not use roll-over controls that load a new page or otherwise move the user from the current location. Do not use the "onChange" event-handler in a drop-down list. Include text descriptions and redundant links for pop-up information and menus.

Avoid the automatic refreshing of a page. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Screen Refresh Avoid the automatic refreshing of a page. Provide a method for disabling the automatic refreshing of a page.

A method for indicating that more time is needed. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Timed Responses Alert users when a timed response is required and provide one or more of the following options: A method for indicating that more time is needed. A method for the user to adjust the time interval. A non-time-dependent alternative.

Do not use font face, size, or color alone to convey information. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002 University of Minnesota, Crookston STANDARD: Font (face, size, color) Do not use font face, size, or color alone to convey information. Specify font sizes in relative rather than absolute units.

Do not use backgrounds or wallpaper to convey information. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Backgrounds and Wallpapers Do not use complex backgrounds or wallpaper that may interfere with the readability of overlying text. Do not use backgrounds or wallpaper to convey information.

Avoid blinking page elements and scrolling marquees. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Blinking Elements and Marquees Avoid blinking page elements and scrolling marquees. Blinking page elements and the refreshing of the screen to animate marquees shall do so at a frequency of less than twice a second (2 Hz) or greater than 55 times a second (55 Hz).

Avoid the use of acronyms and abbreviations in link text. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Acronyms and Abbreviations Precede the first occurrence of an acronym on a page with the full title to which the acronym refers. Avoid the use of acronyms and abbreviations in link text. Do not use acronyms and abbreviations in the alternative text for images or other non-text elements.

Provide appropriate alternative text for graphical bullets. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Bullets Provide appropriate alternative text for graphical bullets. Use simple alternative text for graphical bullets—an asterisk (*), a single letter (A) or single number(1). Unless required to convey information visually depicted by a bullet, avoid alternative text that describes the bullet (e.g., "This is a small black ball").

COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: List Tags When bullets created using the <ul> list tag are important for comprehension of the document or numbered bullets created using the <ol> list tag are to be referenced elsewhere in the document, include additional markup that promotes accessibility.

COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Punctuation Titles, headings, list items, sentences, and ALT tags should end with suitable punctuation. Include closing punctuation on list items, even if the items are not grammatical sentences.

Avoid the use of multiple-column layouts for non-tabular information. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Multiple-Column Layout Avoid the use of multiple-column layouts for non-tabular information. Do not use the <PRE> tag (preformatted) to layout tabular information. Include row and column headers for data tables. Ensure that information in a multi-column format, whether static or dynamically generated, is accessible, or provide an alternative means of acquiring the information.

Include alternative text for all graphics. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: ALT Tags Include alternative text for all graphics.

COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Non-Link Graphics Make alternative text for images that convey information or otherwise contribute to the understanding of the page clear, concise, and informative. Where appropriate, use the alternative text for transparent graphics and other structural images to provide a description of subsequent information and controls on the page.

Provide accessible text descriptions for graphical tables and charts. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Tables and Charts Provide accessible text descriptions for graphical tables and charts.

Include alternative text for all animations. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Animations Include alternative text for all animations. Make alternative text for animations clear, concise, and informative. If an animation uses audio to convey information, provide a text equivalent of the audio portion.

Give preference to vertical lists of well-spaced text links. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Text Links Avoid the use of single-word links—make links shall be clear, descriptive, and able to stand alone. Give preference to vertical lists of well-spaced text links. Make links listed horizontally or in a multiple column layout visually distinct and separated by appropriate punctuation or graphics. Avoid enclosing text links in brackets, braces, parentheses, or other punctuation.

Include the E-mail address in the text of a mailto link. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Mailto Links Include the E-mail address in the text of a mailto link.

Use 36-pt by 36-pt or larger buttons and icons. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Graphical Links Include clear, concise and informative alternative text for all non-text controls. Use 36-pt by 36-pt or larger buttons and icons.

Avoid the use of server-side image maps. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Image Maps Include clear, concise and informative alternative text for each region of a client-side image map. Avoid the use of server-side image maps. Include alternative links for each active region of a server-side image map.

Indicate alternatives to completing online forms. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Forms Do not use font styles, sizes, colors or other non-textual elements as the only means of indicating required fields. Indicate alternatives to completing online forms.

Accompany audio presentations with text captioning. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Multimedia Accompany multimedia presentations with text and/or audio descriptions of visual content. Accompany audio presentations with text captioning. Synchronize the equivalent accessible alternatives for a multimedia presentation (e.g., text captioning and/or audio description) with the presentation. Provide a link to the plug-in or applet required for a multimedia presentation.

The information in an alternative accessible format. COMPOSITION 2334 UNIVERSAL INSTRUCTIONAL DESIGN Fall 2002  University of Minnesota, Crookston STANDARD: Downloads Include the following options for information presented in a proprietary file format: The information in an alternative accessible format. A link to the appropriate plug-in. A link to an accessibility plug-in or conversion site, if available. An alternative means of obtaining the information. When feasible, make information to be downloaded available in a variety of file types.

http://www.e-accessibility.com http://www.visugate.org Links http://www.e-accessibility.com http://www.visugate.org http://www.tate.org.uk/imap http://www.imsproject.org/accessibility/accessiblevers http://www.ifeelpixel.com/download