This document was created using accessibility techniques for headings, lists, image alternate text, tables, and columns. It should be completely accessible using assistive technologies such as screen readers.

Headings

There are eight section headings in this document. At the beginning, "Sample Document" is a level 1 heading. The main section headings, such as "Headings" and "Lists" are level 2 headings. The Tables section contains two sub-headings, "Simple Table" and "Complex Table," which are both level 3 headings.

Lists

The following outline of the sections of this document is an ordered (numbered) list with five items. The fourth item, "Tables," contains a nested unordered (bulleted) list with two items.

  1. Headings
  2. Lists
  3. Images
  4. Tables
    • Simple Tables
    • Complex Tables
  5. Columns

Images

Web Access SymbolDocuments may contain images. For example, there is an image of the web accessibility symbol to the left of this paragraph. Its alternate text is "Web Access Symbol".

Alt text should communicate what an image means, not how it looks. Some images, such as charts or graphs, require long descriptions, but not all document types allow that.


Tables

Simple Tables

Simple tables have a uniform number of columns and rows, without any merged cells:

Screen Reader Responses Percent
JAWS 853 49%
NVDA 238 14%
Window-Eyes 214 12%
System Access 181 10%
VoiceOver 159 9%

Complex Tables

The following is a complex table, using merged cells as headers for sections within the table. This can't be made accessible in all types of documents:

May 2012 September 2010 September 2010
Screen Reader Responses Percent Responses Percent
JAWS 853 49% 727 59%
NVDA 238 14% 105 9%
Window-Eyes 214 12% 138 11%
System Access 181 10% 58 5%
VoiceOver 159 9% 120 10%

Columns

This is an example of columns. With columns, the page is split into two or more horizontal sections. Unlike tables, in which you usually read across a row and then down to the next, in columns, you read down a column and then across to the next.

When columns are not created correctly, screen readers may run lines together, reading the first line of the first column, then the first line of the second column, then the second line of the first column, and so on. Obviously, that is not accessible.