[Draft] Module 7: Rich Applications

Introduction

Courses based on this module:

• explain the use of accessible coding to create applications rendered using JavaScript, such as single page applications
• demonstrate how people with disabilities use structure and relationships, navigational mechanisms, keyboard and focus interactions, and notifications to interact with rich applications

Learning Outcomes for Module

Students should be able to:

• explain the accessibility implications of dynamically generated content as opposed to page reloads
• explain how structure and relationships, navigational mechanisms, keyboard and focus interactions, and notifications enable people with disabilities to operate rich applications
• code updates, structure, and relationships for rich application components that are perceived by people with disabilities
• mark up states of application components, such as displayed or hidden, so that they are communicated to assistive technologies
• code the necessary keyboard interactions to navigate between application components that allow to navigate using different devices
• sumarize related requirements for designers to establish the priority of notifications based on user interaction
• sumarize related requirements for designers to establish the priority of automatically generated updates for applications

Competencies

Skills required for this module:

Topics to Teach

Topics to support the teaching sequence:

[To be developed].

Ideas to Assess Knowledge for Module

[To be developed].

Teaching Resources

Suggested resources to support your teaching:

• WAI-ARIA Authoring Practices 1.1 — Provides readers with an understanding of how to use WAI-ARIA 1.1 to create accessible rich internet applications.
• How People with Disabilities Use the Web — Provides stories of people with disabilities using the Web; describes types of disabilities and some of the barriers that people encounter using the Web; and introduces types of assistive technologies and adaptive strategies that some people use.
• WCAG — Address accessibility of web content on desktops, laptops, tablets, and mobile devices.
• WAI ARIA — Provides an ontology of roles, states, and properties that define accessible user interface elements and can be used to improve the accessibility and interoperability of web content and applications.
• HTML specification — The core markup language for the web, HTML, as well as numerous APIs like Web Sockets, Web Workers, localStorage, etc.
• Notifications and Feedback — Is one of the Web accessibility perspectives videos that show accessibility features and how they impact people with disabilities.
• Keyboard Compatibility — Is one of the Web accessibility perspectives videos that show accessibility features and how they impact people with disabilities.
• Text to Speech — Is one of the Web accessibility perspectives videos that show accessibility features and how they impact people with disabilities.
• Clear Layout and Design — Is one of the Web accessibility perspectives videos that show accessibility features and how they impact people with disabilities.