Introduction to Highcharts and Accessibility


Course Scope

This course focuses on the features of Highcharts’ Accessibility and Sonification modules and how they enable you to create accessible data visualizations.

Overview

What you’ll learn

  • A high-level overview of the Accessibility module’s features
  • How the Accessibility module works to make charts accessible to assitive technologies like screen readers.
  • Additional Highcharts features that make charts accessible to people with low-vision and other impairments.
  • How to turn data into sound using the Highcharts Sonification module.

Not covered

  • Advanced accessibility configuration options.
  • Advanced sonfication configuration options.

Prerequisites

Required

  • Basic knowledge of JavaScript, HTML, and CSS.

Recommended

  • Some familiarity with accessibility concepts.
  • Some knowledge of the Highcharts API.

Not required

  • Advanced programming.

Course Content

Module 1: Introduction to the Highcharts Accessibility Module
Lesson 1: What is the Accessibility Module?
Lesson 2: How the accessibility module works
Lesson 3: Let’s make an accessible chart
Lesson 4: Knowledge Check
1 Quiz
Module 2: Highcharts Features for Accessibility
Lesson 1: High Contrast Themes
Lesson 2: Tools for accessible palettes
Lesson 3: Pattern fills
Lesson 4: Additional accessibility features
Lesson 5: Knowledge Check
1 Quiz
Module 3: Audio Charts
Lesson 1: Intro to the Sonification module
Lesson 2: Let’s make an audio chart
Lesson 3: Configuring sonification settings
Lesson 4: Knowledge Check
1 Quiz
Wrap Up
Course Wrap-Up