Webstandards, Accessibility and Usability at Penn State

The Issues

Pop-up windows can add functionality to a Web site, but must accessible scripting. Further, the site should still be functional even ifJavaScript is disabled. In addition, many users with visual browsers use pop up blockers

JavaScript pop-up windows should only only be used if they add a significant advantage in functionality.

SECTION 508 - When pages utilize scripting languages to display content, or to create interface elements, the information provided by the script shall be identified with functional text that can be read by assistive technology.

Synopsis

1. If you do open a new window or new tab (with either the TARGET attribute or a script), then add a label that the link will open a new window. Many users (on screen readers and visual browsers) are confused when they do not realize a new window is open and the back button ceases to function.

2. Accessify.com provides a tutorial on creating an accessible pop-up window. However, it should be tested before using on a Penn State Web site.

3. Provide a <noscript> alternative which uses a plain link to direct users with Javascript disabled to the appropriate information.

4. Provide both a plain link and a pop-up link.

5. Avoid disabling the scroll bars and resizing options; readers with low vision may need to resize windows to accommodate larger text.

Accessible Java Script Pop-Up Windows

These Websites provide advanced tips for implementing Javascript pop-up windows in an accessible fashion. Testing on multiple platforms is recommended.

• A List Apart: Pop-Up Links
• Accessify.Com: Perfect Pop-Ups
• Javascript and Accessibility Part 1
• NetMechanic Pop-Up Windows and Accessibility

Top of Page