You can make web content more accessible by:
Using Heading Styles to Add Structure
To provide a structure to your web pages, use heading tags to identify the page title, headings, and sub-headings. For portalized sites using Percussion, Heading 1 is reserved for page titles. Use Heading 2 for major headings and Heading 3, Heading 4, etc. for sub-heads.
Instructions for how to apply a heading style in Percussion (coming soon)
By applying heading tags to content, rather than bold and font size changes, a person using assistive technology can view a list of the headings on the page and jump to a particular heading.
Adding Alternate Text to Images
Instructions for how to add alt text to images in Percussion (coming soon)
Making Tables Accessible
Instructions for how to create accessibile tables in Percussion (coming soon)
Sample Table and HTML Code
Following is a sample table and the code that includes attributes to make the table accessible to assistive technology.
| Day | Date | Time | |
|---|---|---|---|
| First Meeting | Wednesday | 1/3/2007 | 2 - 3 pm |
| Second Meeting | Thursday | 1/11/2007 | 2 - 3 pm |
| Third Meeting | Wednesday | 1/17/2007 | 2 - 4 pm |
HTML Code:
<table cellpadding="3" width="100%" summary="Meeting day, date, and time for each meeting" border="1">
<caption>Accessibility Standards Meetings</caption>
<thead>
<tr>
<th id="tbl575id0_0" scope="col"> </th>
<th id="tbl575id0_1" scope="col">Day</th>
<th id="tbl575id0_2" scope="col">Date</th>
<th id="tbl575id0_3" scope="col">Time</th>
</tr>
</thead>
<tbody>
<tr>
<th id="tbl575id1_0" scope="row">First Meeting</th>
<td headers="tbl575id1_0 tbl575id0_1">Wednesday</td>
<td headers="tbl575id1_0 tbl575id0_2">1/3/2007</td>
<td headers="tbl575id1_0 tbl575id0_3">2 - 3 pm</td>
</tr>
<tr>
<th id="tbl575id2_0" scope="row">Second Meeting</th>
<td headers="tbl575id2_0 tbl575id0_1">Thursday</td>
<td headers="tbl575id2_0 tbl575id0_2">1/11/2007</td>
<td headers="tbl575id2_0 tbl575id0_3">2 - 3 pm</td>
</tr>
<tr>
<th id="tbl575id3_0" scope="row">Third Meeting</th>
<td headers="tbl575id3_0 tbl575id0_1">Wednesday</td>
<td headers="tbl575id3_0 tbl575id0_2">1/17/2007</td>
<td headers="tbl575id3_0 tbl575id0_3">2 - 4 pm</td>
</tr>
</tbody>
</table>