Building

JavaScript and ADA

Creating Dynamic Menus with Javascript

Javascript is often used to construct dynamic menus on Web pages. These menus are designed such that a user rolls over them with their mouse and additional menu selections appear. While dynamic menus are very nice looking, compact, and appealing to many users, they present a huge barrier to access to users who are unable to use a mouse to navigate Web pages. There are ADA - Web Accessibility (Section 508) issues that need to be addressed when implementing dynamic menus (Javascript functionality) on a Web page.

Please review the Web AIM article on Keyboard Accessibility to understand how to implement dynamic menus while simultaneously providing accessible Web pages. The key to using Javascript to create dynamic menus is to ensure that all menu item contents can alternatively be accessed with the keyboard alone (possibly by having another page with the text menu items on it). A "Rule of Thumb" for creating dynamic menus is to make sure that the user can access the equivalent menu items in text form on another page or by some other keyboard accessible method that doesn't deviate from the natural flow of the page/site.

Additional information on Javascript can be found in the Technical Issues section for Javascript