Most common CSU Section 508 accessibility errors
| Problem |
Solution |
| 1.Provide
alternative text for all images. |
Use ALT tags
for ANY image.
[Examples]
|
|
2.Provide alternative
text for all image map hot-spots (AREAs)
|
All major browsers
today support client-side image maps. Image maps are images in which
regions of the image contain "hot-spots" where a person
can click to follow a link. Client-side image maps should always
be used in place of or in addition to the older server-side image
maps except for a few specific cases in which the region shapes
cannot be duplicated (like geographic maps). All AREA tags should
have an alt attribute
[Examples]
|
| 3.Include
default, place-holding characters in edit boxes and text areas. |
With most form
controls, placeholder text is included via the "value"
attribute.
Placeholder text for SELECT controls (drop-down lists and list boxes)
is accomplished by making one of the OPTIONs active with a "selected"
attribute.
Radio button groups should have an option selected with the "checked"
attribute of the appropriate radio button.
Placeholder text for TEXTAREA controls is located between the opening
and closing tags.
[Examples]
|
| 4.
Explicitly associate form controls and their labels with the LABEL
element. |
A
LABEL is attached to a specific form control through the use of the
"for" attribute. The value of the "for" attribute
must be the same as the value of the "id" attribute of the
form control.
[Examples] |
| 5.
Table Accessability |
There are two
basic kinds of tables in html. One kind is used to page layout (layout
tables). The other is used for presenting data (data tables)
[Examples for Data Tables]
[Examples for Layout Tables]
|