National Institute of Neurological Disorders and Stroke ninds.nih

e-Business e-Business SolutionsSolutions

National Institute of Neurological Disorders and Strokehttp://www.ninds.nih.gov/

http://accessible.ninds.nih.gov/

Developing AccessibleDeveloping Accessible Web Sites:Web Sites: NINDS Case StudyNINDS Case Study

Ruth ShapiroSenior Web [email protected]

Catherine GaddyCertified Human Factors [email protected]

http://www.ninds.nih.gov/














mailto:[email protected]









2Developing Accessible Web Sites: NINDS Case StudyDeveloping Accessible Web Sites: NINDS Case Study


Introduction Case study National Institute of Neurological Disorders and

Stroke (NINDS) www.ninds.nih.gov

accessible.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



“With its new website, NINDS hopes to establish itself as the authoritative resource on neurological disorders ...”

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



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.

Approach User-centered design Accessibility design Software selection Website architecture Usability and software testing Standards Training



User-Centered Design



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

http://www.w3.org/

http://www.humanfactors.com/accessibility/chocolateaudio.asp

http://www.humanfactors.com/accessibility/chocolateaudio.asp

http://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?



<HTML>

HTML Presentation Template

</HTML>

Technical Solution

Leveraging the flexibility of XML

<XML>

XML Content

</XML>

Content Management Database



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

http://www.gwmicro.com/



Training Usable interface design, e.g., www.

humanfactors.com/training/webseven.asp Training for content owners Training for software staff

http://www.humanfactors.com/training/webseven.asp







Lessons Learned Ensure usability and accessibility Designers and Developers need extra training Content providers and management need

awareness Understanding Section 508 Authoring tools

may need to clean HTML Server tools Benefit of starting from scratch

Accessibility affects the fabric of every page



Questions?



Contact Information

ebusiness solutions

Tom PerkinsBusiness Development ManagerDynCorp e-Business Solutions15000 Conference Center DriveChantilly, VA 20151-3808Office : 703-818-4282email: [email protected]

Janice WeiselAccount Executive, e-Business DevelopmentDynCorp e-Business Solutions15000 Conference Center DriveChantilly, VA 20151-3808

Office Phone: 703-818-4271Mobile: 703-282-9467

National Institute of Neurological Disorders and Stroke ninds.nih

Documents