Landmark the page — practice exercise

What you'll be asked to do

1. 1.Landmark the pageexercise · easy · 10 min

   Add header, nav, main and footer.

   Passes when: Add header, nav, main and footer.

2. 2.Add a media elementexercise · easy · 10 min · practice plan

   Add a video with controls.

   Passes when: Add a video with controls.

3. 3.Add an interactive elementexercise · easy · 10 min · practice plan

   Add a details disclosure with a summary.

   Passes when: Add a details disclosure with a summary.

4. 4.Add a measurementexercise · easy · 10 min · practice plan

   Show a progress bar.

   Passes when: Show a progress bar.

5. 5.A modern pageexercise · medium · 10 min · practice plan

   Combine landmarks with a figure and a disclosure.

   Passes when: Combine landmarks with a figure and a disclosure.

6. 6.Fix the nav built from a divbug fix · easy · 8 min

   A menu is a nav landmark.

   Passes when: A menu is a nav landmark.

7. 7.Fix the video with no controlsbug fix · easy · 8 min · practice plan

   Give the viewer a way to play it.

   Passes when: Give the viewer a way to play it.

8. 8.Fix the accordion built from a divbug fix · easy · 8 min · practice plan

   A disclosure is details plus summary.

   Passes when: A disclosure is details plus summary.

9. 9.Fix the bar built from a divbug fix · easy · 8 min · practice plan

   Task completion is the progress element.

   Passes when: Task completion is the progress element.

10. 10.Fix the figure with no captionbug fix · easy · 8 min · practice plan

    The image is unexplained.

    Passes when: The image is unexplained.

Between them these tasks cover Landmarks, Media and Interactive elements.

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