|
|
Readers and Viewers
| Rule Settings
| Fixing Your Code
Standard M
There are 2 specific problem areas within this one standard. One has to do with exactly what your code should say to comply with downloading certain documents. The other has to do with embedded elements.
Rule 6.3.8
When a page provides a link to any of the following document types, you must also provide on the page, a link to a file (program) (or a web page where they can download it) that allows the user to view the document.
File Extension
|
File Type
|
AccVerify Keyword
|
.pdf
|
Adobe Acrobat
|
adobe
|
.zip
|
Zipped files
|
winzip
|
.doc
|
Microsoft Word
|
word
|
.xls
|
Microsoft Excel
|
excel
|
.ppt
|
Microsoft PowerPoint
|
powerpoint
|
The link that you provide can be either an image or a text link. If you use an image, the alt attribute must contain the AccVerify Keyword above. If you use a text link, the keyword must be included in the link. The following are examples (file extension in bold and AccVerify Keyword in red):
EXAMPLE Using an image as a link to Adobe Acrobat Reader
You can download the <a href="http://acm.csusb.edu/Services/mediasvs/pdf/event_request_form.pdf">Event Request Form</a> in PDF format. Opening this file type requires
<a href="http://www.adobe.com/products/acrobat/readstep2.html" target="_blank"><img src="http://www.csusb.edu/ACM/images/get_adobe_reader.gif" alt="Download Adobe Reader"></a>
EXAMPLE Using a text link to Adobe Acrobat Reader
Some of the files contained on this page require Adobe Acrobat Reader to view. If you need the reader, you can <a href="http://www.adobe.com/products/acrobat/readstep2.html"> Download Adobe Reader </a> for free. <p>
You can download the <a>href="http://acm.csusb.edu/Services/mediasvs/pdf/event_request_form.pdf">Event Request Form</a> in PDF format.
Rule 1.1.9 and 6.3.7
If the dreaded statement, "All EMBED elements are required to contain the NOEMBED element" comes up as an error, we have the solution. You may notice that this error appears under both Standard A and M, but if you fix the error, it will satisfy both guidelines.
EXAMPLE Your failing code might look something like this:
<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="14" HEIGHT="14"
CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<PARAM name="SRC" VALUE="play_video1a.mov">
<PARAM name="QTSRC" VALUE="play_arrow.gif">
<PARAM name="AUTOPLAY" VALUE="true">
<PARAM name="CONTROLLER" VALUE="false">
<PARAM name="HREF" VALUE="rtsp://media2.csusb.edu/bb_1">
<PARAM name="TARGET" VALUE="quicktimeplayer">
<embed src="http://www.csusb.edu/ACM/play_video1a.mov" width="14" height="14" autoplay="true" controller="false"
pluginspage="http://www.apple.com/quicktime/download/"
href="http://www.csusb.edu/ACM/rtsp://media2.csusb.edu/bb_1" qtsrc="http://www.csusb.edu/ACM/play_arrow.gif" target="quicktimeplayer">
</OBJECT>
EXAMPLE To fix the code above, add the following bold items:
<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="14" HEIGHT="14"
CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<PARAM name="SRC" VALUE="play_video1a.mov">
<PARAM name="QTSRC" VALUE="play_arrow.gif">
<PARAM name="AUTOPLAY" VALUE="true">
<PARAM name="CONTROLLER" VALUE="false">
<PARAM name="HREF" VALUE="rtsp://media2.csusb.edu/bb_1">
<PARAM name="TARGET" VALUE="quicktimeplayer">
<embed src="http://www.csusb.edu/ACM/play_video1a.mov" width="14" height="14" autoplay="true" controller="false"
pluginspage="http://www.apple.com/quicktime/download/"
href="http://www.csusb.edu/ACM/rtsp://media2.csusb.edu/bb_1" qtsrc="http://www.csusb.edu/ACM/play_arrow.gif" target="quicktimeplayer">
<noembed>If you are not able to view the embedded video/audio file, please contact __________ at ___________
</noembed>
</embed>
</OBJECT>
------------------------------------------------
NOTE: You must add the <noembed> tag in between the <embed> and the </embed> tags. You must also write some type of text (or link) between the noembed tag in order for it to pass the 508 guidelines.
If you have any questions or concerns regarding this particular standard, please contact Michael Casadonte at mcasadon@csusb.edu or call x75086. |
Standard N
We have noticed that one of the most common site errors is for this standard. We call it the Form Standard. If any <input> tag is not clearly labeled with the following additional tags, it will fail. The fix is easy, but possibly time consuming, depending on the number of input elements you have in your site.
Use the <LABEL> Tag and Associated "FOR" Attribute to Tag Labels. In other words, identify the exact words that you want to use as the label for the form element and enclose those words in a <LABEL> tag. Use the "FOR" attribute to uniquely identify that element.
Use the "ID" Attribute in the Associated Form Element. Every form element supports the "ID" attribute. By setting this attribute to the identifier used in the "FOR" attribute of the associated <LABEL> tag, you "tie" that form element to its associated label. For instance, we have rewritten the HTML code for our simple form-inside-a-table to include explicit labels below. The new HTML code for the explicit labels is indicated in bold:
EXAMPLE
<FORM>
<TABLE>
<TR>
<TD><B><LABEL FOR="first"> FIRST NAME:</LABEL> </B></TD>
<TD><INPUT TYPE="TEXT" NAME="FIRSTNAME" ID="first" ></TD>
</TR>
<TR>
<TD><B><LABEL FOR="last"> LAST NAME:</LABEL> </B></TD>
<TD><INPUT TYPE="TEXT" NAME="LASTNAME" ID="last" ></TD>
</TR>
</TABLE>
<P>
<INPUT TYPE="SUBMIT" VALUE="SUBMIT">
</FORM>
In a nutshell, that's all there is to making HTML form elements accessible to assistive technology.
If you have any questions or concerns regarding this particular standard, please contact Evan Kahuthu at ekahuthu@csusb.edu or call x75629.
|
Standard O
This code may look different on your own site, depending on the size of the table, the graphic or text used. Both examples are necessary in two different areas of each page. Vital elements appear in bold.
EXAMPLE Providing a link at the top of your page to a "target" in the content area:
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#000066"> <table width="620" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <a href="http://www.csusb.edu/ACM/#MainContent"><img src="http://www.csusb.edu/ACM/../banner1.gif" alt="Skip to Main Content"> </a></td> <td><a href="http://www.csusb.edu"><img src="http://purchasing.csusb.edu/graphics/banner2.gif" alt="CSUSB Home Page" border="0"></a></td> </tr> </table> </td> </tr> </table>
EXAMPLE Providing a "target" in the content area:
<a name="MainContent"></a>
If you have any questions or concerns regarding this particular standard, please contact:
Evans Kahuthu - Webmaster
ekahuthu@csusb.edu (909) 537-7629
Michael Casadonte – Web Development Coordinator
mcasadon@csusb.edu (909) 537-5086
Rosa Padilla – Web Accessibility Coordinator
rosap@csusb.edu (909) 537-5075
|
|
|
