Home     |     A-1 Technology, Inc.     |

Monday, March 08, 2004

Navigation and reading tools for Better Web Design

Working on Accessible Web Content Guidelines and Designing More Usable Documents - This report outlines work completed at Trace related to document navigation and provides an overview of the tools listed below. You may notice that many of our projects only work with Microsoft Internet Explorer 4.x and 5.x. Why is that? At this time, MSIE4/5 provides the most straightforward programmatic interface for us to use to accomplish our design ideas. The following tools are prototypes that we will be testing and refining, and as such we wanted to get them up and running as soon as possible to collect feedback.


Headers Power Toy (zip archive) (for Microsoft Internet Explorer 4.x and higher) - Our power toy allows a user to select a header from a list of headers to take them to that header in the current page. Developed by Mark Novak.

Links Power Toy for Internet Explorer 4.x and 5.x (zip archive), for Internet Explorer 6 and higher (zip archive) - This power toy differs from the power toy provided by Microsoft in that the alt-text of images used as links is displayed rather than the document address (URL). Developed by Mark Novak.

Table navigation JavaScript (for Microsoft Internet Explorer 4.x and 5.x) - This script was the proof of concept was the ground work for HelpDB. It needs to exist on the same page as the table you wish to navigate, or it could be included in a frameset and be somewhat persistent on a Web site. It was developed by Mark Novak, Jon Reinberg, and Wendy Chisholm.

"HelpDB" program (zip archive) (for Microsoft Internet Explorer 4.x and 5.x) - HelpDB uses Microsoft's component object model (COM) and several publicly available application program interfaces (APIs) to communicate and inter-operate with Internet Explorer version 4.0+ and above. HelpDB does not expose or allow the user to interact with all elements on a web page. Helped is being developed as a "proof-of-concept" model, focusing on improving the ability of users to navigate web page tables, as well as the user's ability to infer web page "structure" by listing all link, header, and table elements contained on a particular web page in their order of occurrence.

Tunnel.dll (for Microsoft Internet Explorer 4.x and 5.x) - This proof of concept tool demonstrates Header Navigation in-process in the Internet Explorer application using a dynamic link library (DLL) application. Tunnel.dll provides a user with a tree view component that contains a list of headers on a Web page and allows users to quickly navigate to the point in the page where each header occurs.