A pyramid of federal accessibility law is shown. At the bottom of the Pyramid is ADA, a very broad federal law which ensures access for both the public and private sector, but doesn't speak specifically to web accessibility. It serves as the broad foundation accessibility law. Section 504 is located above ADA on the pyramid because it is more specific to the public sector and education. Section 508 is at the top of the pyramid, because it is the most specific to web sites, applies only to designated agencies, and defines the meaning of accessibility of electronic and information technology very specifically.
Screenshot of example page for "Mouse College Soccer Program" to demonstrate what an inaccessible page might look like. This site is used in the hands-on portion of the presentation to demonstrate repair of an inaccessible web page.
Example table shows 6 levels of logical structure (3 levels for West Coast, 3 levels for East Coast)
HTML code from previous slide example is displayed on this page as follows:
<table width="428" border="1" summary="First example table; shows west coast and east coast statistics">
<tr valign="top">
<th colspan="4" id="title">West Coast</th>
</tr>
<tr valign="top">
<th id="header1" headers="title">City</th>
<th id="header2" headers="title">2006</th>
<th id="header3" colspan="2" headers="title">2007-2008</th>
</tr>
<tr valign="top">
<th id="row1" headers="title header1">Los Angeles </th>
<td headers="title row1 header2">data1</td>
<td headers="title row1 header3">data2</td>
<td headers="title row1 header3">data3</td>
</tr>
<tr valign="top">
<th id="row2" headers="title header1">Seattle</th>
<td headers="title row2 header2">data4</td>
<td headers="title row2 header3">data5</td>
<td headers="title row2 header3">data6</td>
</tr>
<tr valign="top">
<th colspan="4" id="title2">East Coast</th>
</tr>
<tr valign="top">
<th width="100" id="header4" headers="title2">City</th>
<th width="100" id="header5" headers="title2">2006</th>
<th width="100" id="header6" headers="title2">2007</th>
<th width="100" id="header7" headers="title2">2008</th>
</tr>
<tr valign="top">
<th id="row3" headers="title2 header4">New York City </th>
<td headers="title2 row3 header5">data7</td>
<td headers="title2 row3 header6">data8</td>
<td headers="title2 row3 header7">data9</td>
</tr>
<tr valign="top">
<th id="row4" headers="title2 header4">Philadelphia</th>
<td headers="title2 row4 header5">data10</td>
<td headers="title2 row4 header6">data11</td>
<td headers="title2 row4 header7">data12</td>
</tr>
<tr valign="top">
<th id="row5" headers="title2 header4">Boston</th>
<td headers="title2 row5 header5">data13</td>
<td headers="title2 row5 header6">data14</td>
<td headers="title2 row5 header7">data15</td>
</tr>
</table>
This slide shows a screenshot of sample page to demonstrate Section 508 checkpoint M.
Two approaches to addressing Checkpoint M are demonstrated:
In approach #1, each link end with parentheses, a link to the appropriate reader (such as Acrobat or Microsoft Office), and file sizes for each link.
In approach #2, a generic statement is shown on the page with the heading "File Viewing Information", which reads:
File Viewing Information
This web page may contain Microsoft Excel and/or Adobe Acrobat PDF (.pdf) files.
To view Microsoft Excel documents, please download and install Microsoft Office. The words "Microsoft Office" link to the www.microsoft.com
To view Adobe Acrobat PDF documents, please download and install the free Adobe Acrobat Reader. The words "Adobe Acrobat Reader" link to www.adobe.com
