Tutorial: Building Accessible Static Navigation with CSS

STC member, Frank M. Palinkas, has developed a new Fast Track tutorial, which is free to the technical writing, user assistance, accessibility and web design communities. The tutorial was presented at the 2008 WritersUA Annual Conference in March at Portland, Oregon. This tutorial demonstrates how to create the accessible, static Navigation section on the left side of each web page in the tutorial using Microsoft Visual Studio 2005 Source Code Editors. The objective is to build
* a valid, semantic, navigation Structure layer according to current web standards;
* a valid navigation Presentation layer to accompany the structure layer;
* full accessibility for all users in the structure and presentation layers;
* static navigation without employing the Behavior (unobtrusive DOM/JavaScript) layer (i.e., expand/contract).

View the tutorial, which is available on the eServer TC Library:
(temporarily down for redesign, 22 July 2018)

Frank authors all markup, presentation, behavior code and content using Microsoft’s Visual Studio 2005 Team System IDE source code editors for XHTML, CSS, and Unobtrusive DOM/JavaScript. The CSS is the CSS 2.1 Liquid Box Model for layout/presentation. Frank built fully accessible static navigation for mouse and keyboard into every web page. Each Web page illustrates the complete separation of Structure/Content (XHTML), Presentation (CSS), and Behavior (Unobtrusive DOM/JavaScript), the semantic nature of the content/markup relationship, and the application of accessibility attributes and values according to the U.S. Govt. Section 508 Rules of the ADA and the W3C Web Content Accessibility Guidelines 1.0 – Level Double A.

Frank is an American, working in South Africa as a Senior Technical Communicator/Web Standards and Accessibility Designer, and holds the following concurrent Microsoft Certifications: MCP, MCT, MCSE and MCDBA. He also holds the Microsoft Most Valuable Professional (MVP) award in the Windows Help product area. His technical writing incorporates web standards, accessibility, and semantics. He uses Helpware FAR HTML for the creation of MSHelp1 and MSHelp2 documentation packages and executables.

More of Frank’s Fast Track tutorials are available on his Opera Developer’s website and on the Dev Opera site.

Usability Professionals Assemble in Washington DC for User Focus 2007

The Washington, DC Metro chapter of the Usability Professionals’ Association (UPA) is pleased to announce that registration has opened for User Focus 2007. This second annual usability conference, to be held on Friday, October 12, 2007 at the Renaissance Washington DC Hotel, is a one-day exchange of ideas and experiences that demonstrate the value of usability in successful design.

User Focus 2007 is a unique opportunity to learn about important trends, cutting edge methodologies, and case studies in creating user-friendly products and services. The keynote address, The Dawning of the Age of Experience, will be delivered by Jared Spool, a well respected leader in the field of usability and design since 1978. Other highlights include a panel on Web 2.0, a presentation on the Future of Usability, and two tracks of presentations that offer the latest research, techniques and best practices, for people new to usability as well as experienced practitioners. Three optional 90-minute tutorials provide extra depth on software design and usability testing topics.

Last year’s conference was a sell out, so attendees are encouraged to register early. Early bird pricing will be offered through September 15.

The Washington, DC metro chapter of UPA is a multidisciplinary organization committed to the design and development of usable products. It is one of 42 local chapters around the world. The Usability Professionals’ Association (UPA) is an international, non-profit, professional association with more than 2,500 members. UPA members are specialists in designing and evaluating products that are efficient, effective, and enjoyable. They lead the creation of international product standards and promote the value of usability practices in industry, government, and education.

For more information, visit their website or e-mail them at email hidden; JavaScript is required or on Twitter @UXPADC.  Updated