Accessible Java Application User Interface Design Guidelines Lawrence J. Najjar, Ph.D. BMC Software* *Now at TandemSeven

Slides:



Advertisements
Similar presentations
Prof. Yitzchak Rosenthal
Advertisements

The New User Interface MEDITECH Training & Education.
Designing a Graphical User Interface (GUI) 10 IST – Topic 6.
ZoomText, Step-by-Step IU Adaptive Technology Center.
Microsoft windows By Sadat Kemal Mohammed
COM: 111 Introduction to Computer Applications Department of Information & Communication Technology Panayiotis Christodoulou.
WORKING SMART Crystal M. Thomas Henrico County DSS (804) POSSESS Central Region Member October 31, 2007.
OVERVIEW OF OFFICE 2007 What You Need to Know to Get Started!
Office 2003 Post-Advanced Concepts and Techniques M i c r o s o f t Word Project 7 Creating an Online Form.
© by Pearson Education, Inc. All Rights Reserved.
Visual Basic 2010 How to Program. © by Pearson Education, Inc. All Rights Reserved.2.
Visual Basic 2010 How to Program Reference: Instructor: Maysoon Bin Duwais slides Visual Basic 2010 how to program by Deitel © by Pearson Education,
XP Exploring the Basics of Microsoft Windows XP1 Exploring the Basics of Windows XP.
Exploring the Basics of Windows XP. Objectives Start Windows XP and tour the desktop Explore the Start menu Run software programs, switch between them,
Macros Tutorial Week 20. Objectives By the end of this tutorial you should understand how to: Create macros Assign macros to events Associate macros with.
Office 2003 Post-Advanced Concepts and Techniques M i c r o s o f t Word Project 8 Working with Macros and Visual Basic for Applications (VBA)
Section 508 and NASA Section 508 and NASA Session 4: Software Applications and Operating Systems Presentation to Ames Research Center November 2011 Antonio.
Exploring the Basics of Windows XP
COMPREHENSIVE Excel Tutorial 8 Developing an Excel Application.
Access Tutorial 10 Automating Tasks with Macros
®® Microsoft Windows 7 Windows Tutorial 1 Exploring the Basics of Microsoft Windows 7.
2. Introduction to the Visual Studio.NET IDE 2. Introduction to the Visual Studio.NET IDE Ch2 – Deitel’s Book.
1 ADVANCED MICROSOFT WORD Lesson 15 – Creating Forms and Working with Web Documents Microsoft Office 2003: Advanced.
McGraw-Hill Career Education© 2008 by the McGraw-Hill Companies, Inc. All Rights Reserved. Introduction to Microsoft Office 2007.
Create Professional-looking Content Easy to Use Interface Share Documents.
Java Application Accessibility Awareness Lawrence Najjar.
® Microsoft Access 2010 Tutorial 6 Using Form Tools and Creating Custom Forms.
XHTML Introductory1 Forms Chapter 7. XHTML Introductory2 Objectives In this chapter, you will: Study elements Learn about input fields Use the element.
Programming with Microsoft Visual Basic 2012 Chapter 12: Web Applications.
Using Form Tools and Creating Custom Forms Microsoft Access 2010.
What are shortcut keys? Shortcut keys are a way of navigating certain menu's and features by using the keyboard instead of manually searching through.
Office  The following are basic components of the MS Office document screens in the Windows environment. Some tabs and/or tools will change depending.
Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.
XP New Perspectives on Windows XP Tutorial 1 Exploring the Basics.
Ahmad Al-Ghoul. Learning Objectives Explain what a Microsoft Project environment and Project Server. Describe how to use the Ribbon, Quick Access Toolbar.
Information Technology Word Processing. Word Processing is the preparation of documents such as letters, reports, memos, books, or any other type of correspondences.
Microsoft Visual Basic 2005 ENRICHMENT CHAPTER Visual Studio Tools for Office.
“Doin’ Things” with Programs or “WINDOWS” 101. What is a program? A program is a sequence of computer instructions that perform a task. Programs are stored.
Productivity Programs Common Features and Commands.
Chapter One An Introduction to Visual Basic 2010 Programming with Microsoft Visual Basic th Edition.
Word Lesson 1 Review. Mini-Toolbar Appears automatically based on the tasks you perform; is transparent until you point to it.
XP New Perspectives on Microsoft Windows 2000 Professional Windows 2000 Tutorial 1 1 Microsoft Windows 2000 Professional Tutorial 1 – Exploring the Basics.
Course goals Open Word quickly by using a keyboard shortcut. Use a template from Office.com. Convert a list into a table. Convert a list into a SmartArt.
MS Access: Introduction 1Database Design. MS Access: Overview MS Access A Database Management System (DBMS) designed to create applications that organize,
Visual Basic.NET BASICS Lesson 1 A First Look at Microsoft Visual Basic.NET.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 7 1 Microsoft Office FrontPage 2003 Tutorial 7 – Creating and Using Templates in a Web.
Microsoft Visual Basic 2005 BASICS Lesson 1 A First Look at Microsoft Visual Basic.
Lesson: 2 Common Features and Commands After completing this lesson, you will be able to: Identify the main components of the user interface. Identify.
Computing Fundamentals Module Lesson 7 — The Windows Operating System Computer Literacy BASICS.
UNDERSTANDING “THE RIBBON” Bonnie Powell Assistant Administrative Computer Network Coordinator.
Lesson 1 - Understanding the Word Window and Creating a New Document
The Excel model for information processing The Excel model is a grid of cells in which items of information are stored and processed. Any information that.
M. D. Slaughter1 Microsoft Office PowerPoint 2003 Tutorial Lai 687 Instructional Design M. D. Slaughter.
CMPF124 Personal Productivity With Information Technology Chapter 1 – Part 2 Introduction to Windows Operating Systems Manipulating Windows GUI CMPF 124.
Lesson 6: Working with Word Basics. 2 Learning Objectives After studying this lesson, you will be able to:  Use and customize the Ribbon  Use the Quick.
Microsoft Word CERTIFICATION PREP. Lesson 1 Basic Overview RIBBON The main command interface in Microsoft office 2013 is the ribbon. The Ribbon is a centralized.
IE 411/511: Visual Programming for Industrial Applications Lecture Notes #2 Introduction to the Visual Basic Express 2010 Integrated Development Environment.
Visual Basic.NET Comprehensive Concepts and Techniques Chapter 2 The Visual Basic.NET Integrated Development Environment.
PowerPoint Essentials Vocabulary
EXPLORING THE WINDOWS SECTION PART 1 MOAC Lesson 1.
Microsoft Word 2000 Presentation 3 Microsoft Word Topics Wizards –Letters –Envelopes and Labels Quick Navigation of Documents –Keyboard short-cuts Editing.
Dive Into® Visual Basic 2010 Express
LibreOffice Brandon Werner
Jeopardy Word-1 Word-2 Word-3 Word-4 Word-5 Q $100 Q $100 Q $100
Microsoft Office Ribbon
Basic Microsoft Word 2013.
Microsoft Office Ribbon
Windows Shortcuts.
Fundamentals of Using Microsoft Windows XP
Microsoft Office Ribbon
Presentation transcript:

Accessible Java Application User Interface Design Guidelines Lawrence J. Najjar, Ph.D. BMC Software* *Now at TandemSeven

2 Accessibility Challenges Java applications can be very complex Java applications need to be accessible Most accessibility guidelines, tools, and other resources are for Web applications

3 Sample Java Application

4

5 The Need User interface design guidelines –Based on accessibility requirements –Tailored for Java applications

6 Accessibility Requirements Section 508 of US Rehabilitation Act (General Services Administration, 2005) –Paragraph Software applications and operating systems –Paragraph Functional performance criteria –Paragraph Information, documentation, and support

7 Paragraph Software Applications and Operating Systems Describes how to improve accessibility of –Interactive software applications (such as Java applications) –Operating systems

8 Requirement A “When software is designed to run on a system that has a keyboard, product functions shall be executable from a keyboard where the function itself or the result of performing a function can be discerned textually.” (General Services Administration, 2005)

9 Keyboard Allow keyboard only users to perform (nearly) all functions Define initial focus in every window Create tabbing order based on user needs Provide tab stop for instructions Define spacebar to select a choice, Enter key to perform window’s default action

10 Keyboard-Only

11 Initial Focus

12 Tabbing Order

13 Keyboard Design F10 to move keyboard focus to window menu bar (ex. File, Edit, View) –Tab and left-right arrows move between menus –Down-up arrows open menus –Down-up arrows move within choices in menu –Right-left arrows move between open menus –Esc key closes menus Provide keyboard alternatives for drag-and-drop In multiple document interface, design Ctrl-F6 to move to next child window

14 Keyboard

15 Mnemonics Create mnemonics to allow users to press keys (ex. Alt- f) to move focus to a user interface control and activate it Provide mnemonics for each menu bar item, choice in menu bar menus, and most frequently used controls in primary windows For long list of check boxes or radio buttons, provide mnemonic for first item, arrow between items Do not provide mnemonics for “OK” or “Cancel”

16 Mnemonics

17 Mnemonics

18 Shortcut Keys Provide shortcut keys (ex. Ctrl-c, Shift-F1, F1) to allow users to perform very frequent menu bar actions Do not use “Alt” as shortcut key because is used for mnemonics

19 Shortcut Keys in Edit Menu

20 Combo Boxes Allow users to keep control Allow users to move up and down choices without submitting a choice Process choice only after user presses “Enter” key and selects submit button (ex. “Go”)

21 Help Keyboard-only users need Help for required key combinations In Help, describe ways to perform functions for keyboard-only users –Bad: “To open the contextual menu, right-click on the item” –Good: “To open the contextual menu, right-click on the item or move focus to the item and press Shift-F10”

22 Conclusions By following these guidelines, we can design and build accessible Java applications Accessible Java applications are attractive to governments, companies, and schools Accessibility is good business

23

24 References Epilepsy.com (2004a). Frequently asked questions. Retrieved February 10, 2005, from Epilepsy.com (2004b, February). Reflex epilepsies. Retrieved February 10, 2005, from General Services Administration (2005). Section 508. Retrieved February 8, 2005, from Microsoft (2004). Official guidelines for user interface developers and designers. Retrieved February 10, 2004, from us/dnwue/html/welcome.asp us/dnwue/html/welcome.asp Sun (2001). Java look and feel design guidelines (2 nd ed.). Boston: Addison- Wesley. Retrieved February 10, 2005, from Watchfire (2005). Welcome to Bobby. Retrieved February 8, 2005, from

25 References Willuhn, D., Schulz, C., Knoth-Weber, L., Feger, S., & Saillet, Y. (2003). Developing accessible software for data visualization. IBM Systems Journal, 42(4), Retrieved February 10, 2005, from World Wide Web Consortium (2005). Web accessibility initiative (WAI). Retrieved February 8, 2005, from

26 Tool Tips Provide simple, alternative ways for users to access text in tool tips For graphic (ex. toolbar button), provide alternative text label For line of date in table, provide hyperlink labeled “Show Details” Create contextual menu for object that includes “Show Details” choice –Contextual menu = Action menu bar menu via Shift-F10 –When user selects “Show Details” contextual menu choice, provide secondary window with tool tip text

27 Tool Tip

28 Tool Tip

29 Tool Tip