Description of the "Accessibility Pyramid"
The page heading is "Separating Web Page Components."
The image is a clear, black-outlined pyramid occupying the left side of the page and divided into three sections. The caption over the graphic is "Where Most Accessibility Mistakes Are Made." Each section is filled in a crayon-type effect, using successively lighter shades of blue from the bottom of the pyramid to the top. A column of text on the right of the pyramid is divided by 3 different headings, and each heading is associated with a section of the pyramid by an arrow.
Section 1, light blue, the top third of the pyramid. The associated heading and text:
Heading: CONTENT. Beneath the heading are the following points:
- Audio files without transcript
- Video files without captioning or descriptions
- Files which require specific software
Section 2, medium blue, the middle third of the pyramid. The associated heading and text:
Heading: STRUCTURE. Beneath the heading are the following points:
- Poor document layout
- Lack of contextual cues
- Confusing/inconsistent navigation aids
Section 3, dark blue, the lower — and largest — third of the pyramid. The associated heading and text:
Heading: PRESENTATION. Beneath the heading are the following points:
- Failure to provide textual alternatives to non-textual content (e.g., no ALT attribute for images)
- Improper use of HTML markup
- Frames/JavaScript without alternatives
- Improper use of tables
Back to Section Table of Contents
Back to Curriculum Table of Contents