scope attribute should be used correctly
What is the problem?
The scope attribute is used to define the scope of a <th> element within a table. It helps screen reader users understand the relationship between table headers and cells. However, if used incorrectly, it can hinder navigation.
Impacted Groups
Why is this important?
Screen reader users rely on the scope attribute to navigate tables efficiently. Incorrect usage can lead to confusion, making it difficult for users to find the information they need. This can be particularly frustrating for users who rely on screen readers to access information.
How to solve this issue
To fix this, ensure that the scope attribute is used correctly on <th> elements. The valid values for the scope attribute are row, col, rowgroup, and colgroup. Use row for header cells that span rows, col for header cells that span columns, rowgroup for header cells that span multiple rows within a row group, and colgroup for header cells that span multiple columns within a column group.
Rule Information
Rule ID
scope-attr-valid
Severity
Manual Review Required
Rule Group
Best Practices Rules
Guidelines
- Best Practice
Customise Guidance
You can customise each accessibility rule in SiteAlly with your own guidance, instructions and even links to your own organisation specific documentation.
Enable your website editors to resolve issues quickly with SiteAlly.
Ready to make your website accessible?
SiteAlly provides automated accessibility monitoring, detailed reports, and step-by-step guidance to help you achieve and maintain compliance.