Accessible Charts

With canvas, the accessibility has to be added with attributes on the canvas element or added using internal fallback content placed within the opening and closing canvas tags.

This website has a more detailed explanation of canvas accessibility as well as in depth examples.

By setting the role and , this canvas now has an accessible name.

This canvas element has a text alternative via fallback content.

This canvas element does not have an accessible name or role.

This element has inaccessible fallback content.