Accessibility

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

This website (opens new window) has a more detailed explanation of canvas accessibility as well as in depth examples.

By setting the role and aria-label, this 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 canvas element has inaccessible fallback content.