Accessible HTML, ARIA and how to use JavaScript wisely

Learn how to develop accessible web content using HTML, ARIA (Accessible Rich Internet Applications) and JavaScript.

Learn about how to write accessible HTML and ARIA

In this module we’ll walk through the different types of elements and discuss their importance for assistive technology. We’ll review common HTML components and we can make them accessible including: HTML forms, data tables, text and headings, error recovery, dialogs, focus management and more.

For times when you cannot use HTML, we’ll introduce ARIA and review examples and solutions such as: landmark navigation, aria-label/labelledby/describedby, live regions, roles and states, and more.

For JavaScript, we will look at some basic principles that will help you with better focus management, how to ensure your events are device independant and will work with a range of Assistive Technologies. This is not a deep JavaScript 'how to' but is designed to cover principles that will use the incredible power of JavaScript to support accessibility.

We’ll show the effects of having inaccessible content, will detail how to make the content accessible and will demonstrate the results using assistive technology.

After completing the module, you’ll have a broader knowledge base that you can use to produce accessible HTML and use ARIA with confidence.