Home icon
Data Visualisation Guide

Accessibility

Pages in Accessibility

What is accessibility?

Web accessibility

Accessibility standards

Accessibility laws

Data visualisation is accessibility

Accessibility of data visualisation

POUR-CAF principles: Perceivable

POUR-CAF principles: Operable

POUR-CAF principles: Understandable

POUR-CAF principles: Robust

POUR-CAF principles: Compromising

POUR-CAF principles: Assistive

POUR-CAF principles: Flexible

Accessible colour palettes

Double encoding

Dark mode

Understandable chart titles

Guiding text

Alt text

Understandable chart design

Browsers and servers

HTML elements

HTML anchors

HTML buttons and inputs

HTML lists

HTML tables

Multimedia in HTML

Images in HTML

Summary of HTML elements

Using a screen reader

Semantic HTML

Accessible images

Accessible tables

Accessible SVG and ARIA

Making SVG content fully accessible

Accessibility inspectors and audits

Responsive data visualisation: introduction

Responsiveness: scaling visualisations

Responsiveness: changing chart orientation

Responsiveness: fluid layout

Responsiveness: changing level of detail

Responsiveness: changing data density

Responsiveness: adapting annotations, axes and legends

Responsiveness: annotated zooms

Responsiveness: animation and streaming data

Responsiveness: changing visual encoding

Interactivity in HTML

Accessible interactive data visualisation

Mobile interactivity

Accessibility in Datawrapper

Accessible visualisations with ai2html

Accessibility in Highcharts

Braille displays

Tactile graphics

Data sonification

Data physicalisation

Implementing accessibility: start small

Implementing accessibility: learn the technicalities

Implementing accessibility: testing

Implementing accessibility: teamwork

Intro to Chartability

Fast pass accessibility audit with Chartability

Intermediate accessibility audit with Chartability