Use a canvas instead — practice exercise

What you'll be asked to do

1. 1.Use a canvas insteadexercise · easy · 10 min

   Add a canvas for scripted graphics.

   Passes when: Add a canvas for scripted graphics.

2. 2.Use a video insteadexercise · easy · 10 min · practice plan

   Play media with the video element.

   Passes when: Play media with the video element.

3. 3.Use an iframe insteadexercise · easy · 10 min · practice plan

   Embed another page with an iframe.

   Passes when: Embed another page with an iframe.

4. 4.Add fallback contentexercise · easy · 10 min · practice plan

   Give the canvas a message for unsupported browsers.

   Passes when: Give the canvas a message for unsupported browsers.

5. 5.A modern interactive areaexercise · medium · 10 min · practice plan

   Build a sized, labelled canvas with fallback text.

   Passes when: Build a sized, labelled canvas with fallback text.

6. 6.Fix the applet elementbug fix · easy · 8 min

   applet was removed; scripted graphics use canvas.

   Passes when: applet was removed; scripted graphics use canvas.

7. 7.Fix the plugin used for mediabug fix · easy · 8 min · practice plan

   Video plays with the video element.

   Passes when: Video plays with the video element.

8. 8.Fix the plugin used to embed a pagebug fix · easy · 8 min · practice plan

   Another HTML page belongs in an iframe.

   Passes when: Another HTML page belongs in an iframe.

9. 9.Fix the canvas with no fallbackbug fix · easy · 8 min · practice plan

   Nothing is shown if canvas is unsupported.

   Passes when: Nothing is shown if canvas is unsupported.

10. 10.Fix the unlabelled canvasbug fix · easy · 8 min · practice plan

    A canvas conveys nothing to a screen reader without a label.

    Passes when: A canvas conveys nothing to a screen reader without a label.

Between them these tasks cover Removed elements, Modern alternatives and Canvas and video.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.