Forms, scripts and keyboard access - Page 5

Label each form entry clearly, using the title attribute. When using a table for layout, ensure that the label will be read with the correct input. (See problems with tables.)

Provide keyboard access using tabindex and accesskey attributes of each input.

As always, provide a text equivalent for images used.

Scripts

You can use scripts to enhance the your page, but check that the site is accessible with scripts turned off.

You can use some simple scripts to help visitors with dyslexia. I mean, if you can give all your information to a dyslexic student, with the font twice as big, wouldn't you just want to do that?

If using a style sheet with IE, you can use a script to control any attribute within that style sheet. E.g.:

<script>
document.styleSheets[0].rules.item(0).style.color='blue';
</script> 

With Netscape you can use the "tag" class.

Try this little script for adding an "increase font size" button.

<SCRIPT LANGUAGE="JavaScript1.2"> 
for NS - document.tags.body.fontSize="larger" 
for IE - document.styleSheets[0].rules.item(0).style.fontSize='2em';
</SCRIPT>

If your contrast and color screen is hard to read, make a button that runs these scripts:

<script>
document.fgColor="black"
</script> 
<script>
document.bgColor="white"
</script>

Or for IE:

<script>
document.styleSheets[0].rules.item(0).style.color='blue';
</script> 

If you are using my scripts please tell me, and I will register your site in my LD sites directory. (Hey - it's all traffic)

Keyboard access

Try to stick to device-independent events. When you are using a device-dependent event, provide a redundant way to trigger the event. For example, duplicate the functionality of "onclick" with "onkeypress", "onmousedown" with "onkeydown", and "onmouseup" with "onkeyup" . We cannot all use a mouse.

Tables - Page 4
Designing Web Sites to be Disability Friendly
CSS - Page 6