Tables are a great way to show information neatly. They let you put data in rows and columns, making it easy for readers to compare and understand information quickly. Here’s an example:
| Plan | Payment | |
|---|---|---|
| Small Plan | $97 | |
| Medium Plan | $229 | |
| Big Plan | $679 | |
| Payments do not reflect additional fees or charges. | ||
The WordPress Editor lets you add tables to your pages, but they do not always use best practices. Tables need special features to make them accessible to people who use screen readers. Here are some tips for using tables:
- Use tables when you need to show information in rows and columns.
- Add features that help screen readers understand the table.
- Use lists instead of tables for simpler information.
<table>
<caption id="plans"><span class="caption">Payment Plans</span></caption>
<thead>
<tr>
<th scope="col">Plan</th>
<th scope="col">Payments</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Small Plan</th>
<td>$97</td>
</tr>
<tr>
<th scope="row">Medium Plan</th>
<td>$229</td>
</tr>
<tr>
<th scope="row">Big Plan</th>
<td>$679</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">Payments do not reflect additional fees or charges.</td>
</tr>
</tfoot>
</table>