2.4.6
Andrew Hick edited this page Jul 25, 2023
·
5 revisions
Headings and labels describe topic or purpose.
If there are any headings or labels on the page, whether they are presented visually or programmatically.
If there are no headings or labels at all, this success criterion can be ignored.
Check:
- headings are meaningful
- form labels are meaningful, including placeholder text
- table headers (row and column headers) are meaningful - each table cell should be understandable together with the row and/or column header, so there shouldn't be any empty table headers
- any other types of labels are meaningful - this includes anything that could be considered as a label for any element, not just a form label
- any labels that are not unique are combined with something that fully describes the label, for example legends or headings that add extra context for form fields
- visually hidden headings, labels and legends - you can check the full accessible name and use the headingsMap extension
If the target audience are specialists, headings and labels need to be meaningful to them and not necessarily to the general public.
- Make headings and labels the HTML equivalents - check either with WAVE or headingsMap and look at everything that looks like a heading
- Avoid using
placeholders as they are removed when something is put into a field - Describe non-unique labels by combining them with a legend
No difference