Discussion Locked

ADA Compliant

0 helpful
1 reply
Closed to new repliesThis discussion is closed. It stays readable, but it takes no new replies.
I need help on how to make a website fully ADA compliant. Can anyone help me out or at least point me in the right direction I would really appreciate it. Thanks.

1 reply

by jspurbeck

Make sure that you do not have any in-line STYLE attributes on any tag within your application.

Every IMG tag must have an ALT attribute. The ALT attribute should contain the text that you would want your user to "hear" (in the case of a blind user. For other disabilities, there are other means of 'delivering' that information to them.

The layout of every form must progress from item to item in the order you expect the user to fill in the form.

Use ALT or TITLE tags for each input option. As the cursor moves into an input field (or checkbox, etc.), the "ALT" or "TITLE" tag (depending on the object) will then communicate what the user needs to do next ("ask for and enter first name of the customer").

Each time the page refreshes, maybe you can play some tone.

Keep in mind that ADA compliance does not mean "we need to make blind people see", because this compliance law was not made solely for the blind. Therefore, imagery, where appropriate, may be the only way for the user to use the application. For instance, in the case of a double amputee, who may be using a sight-based interface, a page where the 'buttons' are too close together may be a problem. (eye stress).

So you see, you must look at this issue from many perspectives to determine if you app will pass the ADA test.

But, removing in-line styles (use CSS), using extensive ALT and TITLE tags, keeping your layout simple, and setting up a proper test environment will get you moving in the right direction.

This discussion is closed to new replies.