Contact Information

123 Main Street
Anytown, CA 94444

Phone: 213-555-1212 | Fax: 555-2121 | e-mail

Close this box

about this example

This example web page has a link at the top labeled: Contact Information. When clicked, this link executes a Show-Hide Layer behavior to reveal a hidden DIV containing contact information. This information is very important because it provides potential customers with the information they need to get in touch with you.

What happens if a potential customer has disabled JavaScript in her browser? She won't be able to contact you. This is not good. And what happens if a blind person visits your site using the latest version of the JAWS assistive reader? He won't be able to contact you either, because modern assistive readers understand and process CSS, but do not process JavaScript events.

This conundrum can be solved very easily by using the PVII WriteStyles Command. To see what's been done, you'll need to temporarily disable JavaScript in your browser, then reload this page. When you're done, don't forget to re-enable JavaScript.