Accessibility and Cascading Style Sheets

An essay from an accessibility class, on the use of CSS to increase access to a page.

Bartlett, Kynn. HTML Writers Guild (1999). Design>Web Design>Accessibility>CSS

Accessibility Features of CSS

This document summarizes the features of the Cascading Style Sheets (CSS), level 2 Recommendation ([CSS2]) known to directly affect the accessibility of Web documents. Some of the accessibility features described in this document were available in CSS1 ([CSS1]) as well. This document has been written so that other documents may refer in a consistent manner to the accessibility features of CSS.

W3C. Design>Web Design>Accessibility>CSS

Accessible Pop-up Links

Sometimes we have to use pop-ups — so we might as well do them right. This article will show you how to make them more accessible and reliable while simplifying their implementation.

Chassot, Caio. List Apart, A (2004). Design>Web Design>Accessibility>CSS

Creating Accessible Cascading Style Sheets

For years, the only way to format HTML in a visually appealing way was to use tables, even though tables were originally created to display tabular data. As the Web evolved and became more sophisticated, designers wanted to do more than just display text, they wanted to emulate printed documents. They wanted to make an artistic statement. There's nothing wrong with that. In fact, tables can be used for layout without ruining the accessibility of a Web site. Yes, it's ok to use tables for layout. Still, you can take your Web design to a higher level by eliminating tables entirely. The way to do this is through CSS (Cascading Style Sheets).

Bohman, Paul. WebAIM (2003). Design>Web Design>Accessibility>CSS

High Accessibility, High Design: CSS to the Rescue

Anyone with good graphic-design skills can use Web standards to produce attractive Web sites that function adequately for nearly all viewers and very well for most viewers – including people with disabilities. This article will explore a few details concerning the interplay of accessibility and Web design.

Voren, Naar. NaarVoren.nl (2004). Design>Web Design>Accessibility>CSS

A More Accessible Map

Is there a way to display text-based data on a map, keeping it accessible, useful and visually attractive? Yes: using an accessible CSS-based map in which the underlying map data is separated from the visual layout.

Duffey, Seth. List Apart, A (2006). Design>Web Design>Accessibility>CSS

Screen Readers and 'display:none'

When an element is hidden with display: none, the browser doesn't generate a box for the element; the element is not visible on the screen, and the layout of the page isn't effected by the element. As screen readers are supposed to read the screen, it makes sense that they do not announce content that is hidden with display: none.

Lemon, Gez. Juicy Studio (2007). Articles>Web Design>Accessibility>CSS

User-Defined Style Sheets and Accessibility

How you can set your own stylesheet for greater accessibility; another lecture/essay.

Bartlett, Kynn. HTML Writers Guild (1999). Design>Web Design>Accessibility>CSS