Home arrow Design Usability arrow Page 4 - Accessibility and Dreamweaver MX 2004

Accessibility and Dreamweaver MX 2004

An accessible website is compatible with the assistive technologies used by people with disabilities. Dreamweaver MX 2004 automates many elements of creating accessible sites and prompts designers to provide information when necessary. It has also been modified to provide better keyboard access and to work with screen readers. (From the book ASP Web Development with Macromedia Dreamweaver MX 2004 by Rachel Andrew et al., Apress, 2004, ISBN: 1590593499.)

Author Info:
By: Apress Publishing
Rating: 4 stars4 stars4 stars4 stars4 stars / 14
September 29, 2004
  1. · Accessibility and Dreamweaver MX 2004
  2. · Accessibility Overview
  3. · Defining Disabilities
  4. · Assistive Technologies
  5. · Accessibility Standards
  6. · Accessibility in Dreamweaver MX 2004
  7. · Adding Media, Frames and Forms
  8. · Adding Tables
  9. · Accessibility Validation
  10. · Cascading Stylesheets
  11. · Accessible Authoring Environment

print this article

Accessibility and Dreamweaver MX 2004 - Assistive Technologies
(Page 4 of 11 )

Users with disabilities frequently rely on specialized hardware and software tools to access web content. These tools, known as assistive technologies, range from screen readers to touch screens and head pointers.

Blind users frequently use software called a screen reader that reads the contents of a web page out loud. Two common (and previously mentioned) screen readers are JAWS, from Freedom Scientific, and Window-Eyes, from GW Micro. Screen readers enable users to hear, rather than view, the contents of a web page; however, a screen reader can read only text, not images or animations. It is essential, therefore, that images and animations be assigned text descriptions that screen readers can read. These text descriptions are called alternative text, or alt text.

Users with impaired mobility may rely on the keyboard instead of the mouse to navigate web pages. In Internet Explorer, pressing Tab moves the focus of the browser among all available links on a page. The border around links in IE lets the user know where the current focus of the browser is positioned. Pressing Enter activates links, giving the same effect as clicking a mouse button. In Figure 3-1, notice the border around the link for the Apress TechZone logo.

Assistive devices include a touch screen, which allows an individual to navigate the page using her or his hands without requiring the fine-motor control needed to use the mouse, and a head pointer, which is simply a stick placed in a person’s mouth or mounted on a head strap that the person uses to interact with a keyboard or a touch screen.

Figure 3-1.  Note the border indicating the current focus.

In these cases, it is very important that essential components of the page work without a mouse. Rollovers, drop-down menus, and interactive simulations are all examples of elements that typically depend on the mouse for user interaction. The designer or developer of these elements must ensure that keyboard-defined events are included with mouse-defined events. A quick test using the keystrokes available in IE can provide a valuable glimpse of the difficulties a web page may present for users with disabilities who cannot use a mouse. For example, a user can move to any focusable object, including links, form controls, and embedded objects, by pressing the Tab key; pressing the Enter key will activate selected links. Pressing Ctrl+Tab moves between frames. This replicates some of the ways users who cannot use a mouse must interact with a web page.

This chapter is from ASP Web Development with Macromedia Dreamweaver MX 2004, by Rachel Andrew et al., (Apress, 2004, ISBN: 1590593499). Check it out at your favorite bookstore today.

Buy this book now.

blog comments powered by Disqus

- Responsive Web Design: More Than Just a Buzz...
- Add New Website Features to Please Users
- Gzip Components in Action
- Configuring Gzip Components
- Gzip Components
- Create Great JavaScript and CSS Menus Simply
- Design Principles that Shape a Web Site
- Creating Aqua Style Images
- Easy as A,B,C – dynamic A to Z indexes
- EasyChart: a Usability Teaching Tool to Demo...
- Building Friendly Pop-up Windows
- Back to School: Design Usability
- Using HTML_QuickForm To Manage Web Forms, Pa...
- Using HTML_QuickForm To Manage Web Forms, Pa...
- More Website Knick Knack

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 

Developer Shed Affiliates


© 2003-2019 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials