Essential storage keeps sign-in and learning features working. Google Analytics measures visits; Microsoft Clarity records interactions to help us improve usability. Both are optional and stay off until you choose. Read our privacy policy.
Study the question, then follow the complete answer and its reasoning.
Mark up a two-day workshop schedule so its purpose, column headers, and row headers remain clear outside the visual grid.
Use caption for the table's purpose, scope=col across the top, and scope=row for the first cell of each data row.
<main>
<h1>Workshop schedule</h1>
<table>
<caption>HTML workshop sessions by day and time</caption>
<thead>
<tr>
<th scope="col">Day</th>
<th scope="col">Morning</th>
<th scope="col">Afternoon</th>
</tr>
</thead>
<tbody>
<tr><th scope="row">Monday</th><td>Documents</td><td>Headings</td></tr>
<tr><th scope="row">Tuesday</th><td>Tables</td><td>Forms</td></tr>
</tbody>
</table>
</main>caption names the data set. thead and tbody identify structural groups. Each scoped th explicitly tells assistive technology whether it labels a column or a row, so a value such as Forms can be understood as Tuesday afternoon.
A visual grid is easy to scan when every row and column stays on screen, but that relationship can disappear for screen-reader users or on narrow displays. Captions, structural row groups, and scoped headers make every session value understandable in the context of its day and time.
This intermediate HTML exercise focuses on Distinguish data tables from layout, Associate headers with data cells, Write a useful table caption. Its requirements define the exact behavior to implement before you write code.
Start with the displayed example input and expected output, then test a boundary case suggested by the requirements. Edit the HTML, inspect the live preview, then run the checks before comparing your structure with the complete answer.
Attempt Build an accessible workshop table first. Then open the read-only solution file to compare the contract, edge-case handling, and implementation choices—not simply to copy the final code.