Text Styling

Overview

One of the most important aspects of accessible design is using structural markup elements of HTML to represent the sections of a web page to create navigation and orientation landmarks. Structural markup is often ignored or misused by web authors who are unfamilar with accessible design and find they can acheive the graphical rendering they want in their designs through inline styling elements. This makes it more difficult for people with disabilities to navigate the content of a web page and restyle content to meet their perceptual needs. It also becomes harder for the developer to maintain websites and create new web pages since inline styling needs to be carefully added and maintained when web sites are updated. The larger the web site, the greater the chance the web developer will mistype or forget to add inline styling.

Benefits to People with Disabilities

  1. When structual HTML markup is used, it is easier for people with disabilities to navigate and orient the content of a web page.
  2. When CSS is used to style content it is easier to restyle content to meet perceptual needs.

Benefits to Everyone

  1. Web pages that use CSS for styling will be more consistent and therefore more predictable to users.
  2. CSS-based web pages are compatible with a wider range of rendering technologies, including cell phones, Personal Digital Assistants and speech browsers.

Benefits to Developers

  1. Developers benefit from using external CSS style sheets rather than inline styling through the reduction of web page code and the ability to style content in new web pages automatically with CSS selectors. Styling changes made on one style sheet can affect all the pages that reference it, making styling changes much easier and more efficient.

More Information

  1. CSS Zen Garden
  2. CSS Max Designs
  3. WESTCIV: CSS Tutorial Resources

Markup

marquee (HTML4)

blink (HTML4)

u (HTML4)

i (HTML4)

b (HTML4)

center (HTML4)

font (HTML4)

Related Accessibility Requirements

Section 508

Illinois Information Technology Accessibility Standards

Web Content Accessibility Guidelines (WCAG) 2.0

Web Content Accessibility Guidelines (WCAG) 1.0