« Back to home

Testing the canvas element

The <canvas> element can be used with either the canvas scripting API or the WebGL API to draw graphics and animations. Is the <canvas> text alternative available to assistive technologies?

Example 1. Fallback content

<canvas id="myCanvas" width="100" height="100">
  This is some fallback text.
</canvas>

Example 2. role="img" and aria-label on the canvas itself

<canvas
  id="myCanvas2"
  width="100"
  height="100"
  role="img"
  aria-label="A green rectangle overlapping a red rectangle">
  This is some fallback text.
</canvas>

« Back to home