140 likes | 266 Views
Developing Accessible Web Sites: NINDS Case Study. National Institute of Neurological Disorders and Stroke http://www.ninds.nih.gov/ http://accessible.ninds.nih.gov/. Catherine Gaddy Certified Human Factors Professional cathy@humanfactors.com. Ruth Shapiro Senior Web Technologist
E N D
Developing AccessibleWeb Sites: NINDS Case Study National Institute of Neurological Disorders and Stroke http://www.ninds.nih.gov/ http://accessible.ninds.nih.gov/ Catherine GaddyCertified Human Factors Professionalcathy@humanfactors.com Ruth ShapiroSenior Web Technologist ruth.shapiro@dyncorp.com
Introduction • Case study • National Institute of Neurological Disorders and Stroke (NINDS) • www.ninds.nih.govaccessible.ninds.nih.gov • Dyncorp eBusiness Solutions • Human Factors International
Topics of Discussion • Goals • Approach • User Centered Design • 508 for the Web • Graphical and Accessible Design • Technical Solution • Testing and Training • Lessons Learned
Goals • Meet the needs of the external users (and internal staff who support the site) • Usable • Optimized for Viewing • Optimized for Listening • Optimized for Limited Vision “With its new website, NINDS hopes to establish itself as the authoritative resource on neurological disorders ...”
Approach • User-centered design • Accessibility design • Software selection • Website architecture • Usability and software testing • Standards • Training Usability versus accessibility: In a Web page or in any computer application, usability refers to the self-evidency and ease of use of the information presented to the user. Accessibility refers to the presence or absence of information.
508 for the Web • Site design preceded 508; begun in June 1999 and launched in June 2000 • Used www.w3.org as primary guidance • Demo at www.humanfactors.com/accessibility/chocolateaudio.asp • Now have 16 rules posted at: www.section508.gov/final_text.html#Web
Graphical and Accessible Design • Two views of the same data • Separating content from the way it is presented • Store content as XML • Templates for multiple presentations • Content Management System to bring it all together How can we best render two sets of radically different page layouts from the same content?
Technical Solution <HTML> HTML Presentation Template </HTML> <XML> XML Content </XML> Content Management Database Leveraging the flexibility of XML
Usability and Software Testing • Test representative end users • Test some users with screen reader, e.g., Window-Eyes 4.1 http://www.gwmicro.com/ • Increased software testing
Training • Usable interface design, e.g., www.humanfactors.com/training/webseven.asp • Training for content owners • Training for software staff
Lessons Learned • Ensure usability and accessibility • Designers and Developers need extra training • Content providers and management need awareness • Understanding Section 508 • Authoring toolsmay need to clean HTML • Server tools • Benefit of starting from scratch Accessibility affects the fabric of every page
ebusiness solutions Contact Information Tom Perkins Business Development Manager DynCorp e-Business Solutions 15000 Conference Center Drive Chantilly, VA 20151-3808 Office : 703-818-4282 email: thomas.perkins@dyncorp.com Janice Weisel Account Executive, e-Business Development DynCorp e-Business Solutions 15000 Conference Center Drive Chantilly, VA 20151-3808 Office Phone: 703-818-4271 Mobile: 703-282-9467