One page, four tasks. The boilerplate contains markup with three deliberate defects.
Task 1 ā FIX the defects:
- The image has no alt text: add a short, meaningful one (what does the picture show?).
- The <a> says "click here": replace that text with text that describes the destination.
- The second <h2> skips a level (it follows an <h1> ā it should not be an <h4>): fix it to <h2>ā¦</h2>.
Task 2 ā PREDICT & PROVE: the boilerplate lists three ingredients inside <ol>. Ingredients have no meaningful order ā move them into a <ul>.
Task 3 ā BUILD: after the existing content, add a <section> that contains:
- an <h2> heading with the text Opening hours
- a <ul> with at least two <li> entries
Task 4 ā ACCESSIBILITY JUDGMENT: at the end, add a <button type="button"> (not a link) whose visible text is Book a table. Actions are buttons; destinations are links.
Difficulty: beginner