Learning on Web Dev Open is free for all.

Immersive Web > Budgets, accessibility and the black screenImmersive and accessible are not opposites
Phase 07Budgets, accessibility and the black screen372 of 434

Immersive and accessible are not opposites

A canvas is one opaque element to a screen reader. Build the parallel path, make it keyboard-operable, and stop pretending the 3D is the content.

Build45 minAI adversary

Build this in your own editor

This one runs on your machine rather than in the browser workbench. Work to the outcomes below, then come back and mark it complete.

You should now be able to

  • Provide equivalent content outside the canvas
  • Make every 3D interaction reachable from a keyboard
  • Avoid flashing and high-contrast strobing that can trigger seizures
Ask the community

Loading…