Home arrow Design Usability arrow Page 10 - Accessibility and Dreamweaver MX 2004
DESIGN USABILITY

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
TABLE OF CONTENTS:
  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
SEARCH DEVARTICLES

Accessibility and Dreamweaver MX 2004 - Cascading Stylesheets
(Page 10 of 11 )

In Macromedia Dreamweaver MX 2004, Cascading Stylesheets are the default method for formatting text. This has significant implications for accessibility. Although use of CSS is not required under Section 508, it is required under policies in the UK, Canada, Germany, and several U.S. states. This section reviews some of the key benefits as well as the new features introduced in this latest release.

One of the central tenets of accessibility is the separation of presentation from structure. In very simple terms, this can mean using HTML to control the hierarchical organization of a document and CSS to control the formatting. As you saw in Chapter 2, CSS is a tremendously powerful technology because it allows the end user the capability to easily render the text in the manner that best meets his or her needs.

User-defined stylesheets are attached to a page by the user via the browser. They allow users to format text. Users with limited vision can change the text size and users who are colorblind can change the text and background colors.

The last stop in the cascade is HTML. This is important to note because HTML overrides all CSS styles, including user-defined styles. Using the element to mark up text removes the user’s control over the formatting of text. Mixing HTML presentation together with CSS limits the user’s ability to control the formatting on the page. Even in a simple example such as the use of background images can serve as a tremendous obstacle. For colorblind users, black text on a white background can be significantly easier to read. However, if the background image is coded using HTML as opposed to CSS, they will not be able to use user-defined stylesheets to replace the background image, even if the text is formatted using CSS. The HTML will always override the CSS and thus the background image can not easily be removed by the user.

Dreamweaver MX 2004 uses CSS to format text by default. When choosing a font from the Properties inspector, an internal style is automatically created and added to the page. The size menu has also changed in this release. Designers can now specify sizes using a variety of units available via CSS. Finally, custom styles, also called class selectors, can be applied directly from the Style menu on the Properties inspector, as shown in Figure 3-16. This menu provides designers with a preview of each style to help facilitate consistent use of each style.


Figure 3-16.  Previewing styles on the Style menu

There is one significant concern worth noting when it comes to the use of CSS—fixed units such as points and millimeters prevent the user from changing the text size on the screen. Although designers often want to exert precise control over text for layout and design reasons, it is important to remember that many users use the text size control in their browser to make small text easy to read. Using relative units such as ems and percentage provides users with a level of control over the text size.

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
DESIGN USABILITY ARTICLES

- 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 
Support 

Developer Shed Affiliates

 




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