Do you think an accessible Website has to be low-key,
text-rich and graphic poor, or boring? THINK AGAIN! Each page on
this site meets accessibility standards! AND,
its look is intense and interesting. View our
Voluntary Product Accessibility Template at the link http://www.ceeme.com/w4w/508VPAT.htm.
To read more about access guidelines, see the 508
Links page.
"Accessible Design" calls for design that includes the needs of people whose physical, mental, or environmental conditions limit their performance. "Universal Design" aims to extend standard design principles to include people of all ages and abilities, but remains at the level of generality—so does not address all the specific needs of any particular disability.
But even for people who do not have any specific physical or mental characteristics that affect computer use, it has been found that adopting universal design principles can reduce fatigue, increase speed, decrease errors, and decrease learning time for all users. In many ways, universal design addresses the larger issues of usability making things easier for everyone.
General Principles We Encourage
- Allow for Flexibility
-
Provide choices in features and ways that tasks can be accomplished
-
Accommodate right- and left-handed use
-
Allow the user to customize settings whenever possible
- Being mindful that people may be using adaptive technologies
-
Be Simple and Intuitive
- Not designing something differently from user expectations just to be different
-
Eliminate unnecessary complexity
-
Minimize Errors
-
Provide warnings and comments where appropriate
-
Build fail-safe features when possible
- Not establishing patterns
where you want people to pay attention
-
Include Redundant Modalities
Redundancy provides flexibility for different user preferences, system configurations, or user abilities. This can be accomplished by using more than one way to represent, display, and enter data, such as:
using both a beep and a menu bar flash to notify a user of an error
using text to label images redundantly allowing a user to issue commands by typing or selecting something with a pointer
-
Avoid Side Effects
Side Effects are actions that occur as the result of user actions that do not seem to the user to be related to the primary goal of the action. For instance, when starting a program that changes system configurations (such as screen and sound settings) it should change them back when the program is not being used.
Side effects should be avoided because they cause particular problems for novice users and disabled users who may have difficulty detecting or correcting certain types of side effects.
Web Accessibility
The principles of design listed above apply to both software and web design. Below are more web-specific
tips we encourage web owners to incorporate.
Providing Accessibility in Websites
-
Labeling and Markup
-
Provide a text equivalent (ex: <ALT>, <LONGDESC>) for all non-text elements, especially those related to navigation and a NULL value for unimportant graphics (such as divider bars).
Conform to current web standards: XHTML 1.0, HTML 4.01, CSS 1.0.
-
Use cascading style sheets (CSS) to control presentation and layout rather than presentation elements and attributes but organize documents so they can be read without style sheets.
-
Identify row and column headers for data tables.
-
Use the <LONGDESC> tag to summarize graphs and charts.
-
Provide captions or transcripts and descriptions of multimedia used.
-
Provide alternate content for scripts, applets, and plug-ins to compensate for the potential loss of information.
-
Use the <LANG> attribute for screen readers that support it.
-
Formatting
-
Use relative units in CSS—em or % instead of cm, pt, or px.
-
Use ordered lists or number the lists on your web pages.
-
When using tables, do not use structural markups for visual formatting.
-
Validating
-
Validate work either using a validation and/or correction tool.
-
Providing Alternatives
-
Provide ways to skip over navigation links and get to the main content of your web pages.
-
Linking
-
Create logical tab order through links.
-
Avoid hyperlinks longer than 10 words.
-
Use descriptive links rather than "click here" to insure that links make sense out of context.
-
Clearly identify the target of each link.
-
Displaying
-
Provide enough contrast between text and background color.
-
Make sure that tables make sense when read left to right, top to bottom, as this is how screen readers work. Identity row and column headers, and use the <CAPTION> and/or summary attribute and headers to describe the contents.
-
Provide a <NOFRAMES> option if using frames and meaningful page titles.
-
Use client side rather than server side image maps. And provide redundant text links.
-
Avoid blinking, flickering, or moving elements on your web pages.
-
Provide closed captions for all audio content that contains useful information or provide transcripts for all audio content.
If you have any questions, please
contact us. We are confident that we can provide you the
highest quality service at the most affordable cost. |