Important: This website does not attempt to establish a standard for how assistive technologies must behave. Read the FAQ for more information. Additionally, this is a work in progress. Please submit feedback or suggestions.

scope attribute (html)

Screen Reader support level: partial (21/22)

On this page

About this feature

The HTML scope attributes lets authors define the scope of a table header (row or column).

Age of results

Results across all tests for this feature range from 3 years ago to 6 years ago. Detailed dates and version information can be found in associated tests.

Caution

Failing or partial results may be out of date. The oldest result is from 5 years ago. Consider running the associated tests and contributing results.

Expectations

What are expectations?

Screen Reader support by expectation

ExpectationJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
ChromeEdgeFirefoxEdgeChromeEdgeFirefoxFirefoxChromeSafariSafari
MUST convey the header according to context if scope is set to "auto"supportedsupportedsupportedsupportedsupportedsupportedsupportedsupportedsupportedpartialsupported
MUST convey the header as a row header if the scope is set to "row"supportedsupportedsupportedsupportedsupportedsupportedsupportedsupportedsupportedsupportedsupported

Expectation: convey the header according to context if scope is set to "auto"

Rationale:

The user needs to be able to determine what headers a cell belongs to.

Strength of this expectation for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA
Screen Reader support for 'MUST convey the header according to context if scope is set to "auto"'
TestJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
ChromeEdgeFirefoxEdgeChromeEdgeFirefoxFirefoxChromeSafariSafari
Example 1: Table with header cells in the top row only applied to: th elementsupportedsupportedsupportedsupportedsupportedsupportedsupportedsupportedsupportedpartialsupported

Expectation: convey the header as a column header if the scope is set to "column"

Rationale:

The user needs to be able to determine what headers a cell belongs to.

Strength of this expectation for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

No tests reference this expectation yet.

Expectation: convey the header as a row header if the scope is set to "row"

Rationale:

The user needs to be able to determine what headers a cell belongs to.

Strength of this expectation for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA
Screen Reader support for 'MUST convey the header as a row header if the scope is set to "row"'
TestJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
ChromeEdgeFirefoxEdgeChromeEdgeFirefoxFirefoxChromeSafariSafari
HTML td element with a row header (th[scope="row"]) applied to: th elementsupportedsupportedsupportedsupportedsupportedsupportedsupportedsupportedsupportedsupportedsupported
TestLast update
HTML td element with a row header (th[scope="row"])2021-08-07
Example 1: Table with header cells in the top row only2021-07-30

Is something not right?

We use our GitHub repository to manage our issue tracking. Please provide as much information as you can for issues, and please leave the id in the issue title intact.

Create an issue for this feature