Test Cases Passed Passed Example 1 Open in a new tab This scrollable section element is included in sequential focus navigation because it has a tabindex attribute set to 0.

WCAG 2.1 Abstract

Web Content Accessibility Guidelines (WCAG) 2.1 covers a wide range of recommendations for making Web content more accessible. Following these guidelines will make content more accessible to a wider range of people with disabilities, including accommodations for blindness and low vision, deafness and hearing loss, limited movement, speech disabilities, photosensitivity, and combinations of these, and some accommodation for learning disabilities and cognitive limitations; but will not address every user need for people with these disabilities. These guidelines address accessibility of web content on desktops, laptops, tablets, and mobile devices. Following these guidelines will also often make Web content more usable to users in general.

Passed Example 2 Open in a new tab This scrollable section element contains a link that is included in sequential focus navigation.

WCAG 2.1 Abstract

Web Content Accessibility Guidelines (WCAG) 2.1 covers a wide range of recommendations for making Web content more accessible. Following these guidelines will make content more accessible to a wider range of people with disabilities, including accommodations for blindness and low vision, deafness and hearing loss, limited movement, speech disabilities, photosensitivity, and combinations of these, and some accommodation for learning disabilities and cognitive limitations; but will not address every user need for people with these disabilities. These guidelines address accessibility of web content on desktops, laptops, tablets, and mobile devices. Following these guidelines will also often make Web content more usable to users in general.

Failed Failed Example 1 Open in a new tab This vertically scrollable section element is not included in sequential focus navigation, nor does it have any descendants that are.

WCAG 2.1 Abstract

Web Content Accessibility Guidelines (WCAG) 2.1 covers a wide range of recommendations for making Web content more accessible. Following these guidelines will make content more accessible to a wider range of people with disabilities, including accommodations for blindness and low vision, deafness and hearing loss, limited movement, speech disabilities, photosensitivity, and combinations of these, and some accommodation for learning disabilities and cognitive limitations; but will not address every user need for people with these disabilities. These guidelines address accessibility of web content on desktops, laptops, tablets, and mobile devices. Following these guidelines will also often make Web content more usable to users in general.

Failed Example 2 Open in a new tab This horizontally scrollable section element is not included in sequential focus navigation, nor does it have any descendants that are.

Our sponsors:

W3C EU W3C EU W3C EU W3C
Inapplicable Inapplicable Example 1 Open in a new tab This section element has a computed overflow of visible. Because of this its scroll distance will be 0, regardless of the element’s content.

WCAG 2.1 Abstract

Web Content Accessibility Guidelines (WCAG) 2.1 covers a wide range of recommendations for making Web content more accessible. Following these guidelines will make content more accessible to a wider range of people with disabilities, including accommodations for blindness and low vision, deafness and hearing loss, limited movement, speech disabilities, photosensitivity, and combinations of these, and some accommodation for learning disabilities and cognitive limitations; but will not address every user need for people with these disabilities. These guidelines address accessibility of web content on desktops, laptops, tablets, and mobile devices. Following these guidelines will also often make Web content more usable to users in general.

Inapplicable Example 2 Open in a new tab This section element has a scroll distance of 0 in both directions.

WCAG 2.1 Abstract

Inapplicable Example 3 Open in a new tab This section element is not scrollable because it has a computed overflow of hidden.

WCAG 2.1 Abstract

Web Content Accessibility Guidelines (WCAG) 2.1 covers a wide range of recommendations for making Web content more accessible. Following these guidelines will make content more accessible to a wider range of people with disabilities, including accommodations for blindness and low vision, deafness and hearing loss, limited movement, speech disabilities, photosensitivity, and combinations of these, and some accommodation for learning disabilities and cognitive limitations; but will not address every user need for people with these disabilities. These guidelines address accessibility of web content on desktops, laptops, tablets, and mobile devices. Following these guidelines will also often make Web content more usable to users in general.

Inapplicable Example 4 Open in a new tab This scrollable section element has no visible content.

This is what a scrollbar looks like:

Inapplicable Example 5 Inapplicable Example 6 Open in a new tab This iframe element is not a scrollable element, but instead contains a nested browsing context that is scrollable. These must be tested separately. Shadow DOM Examples for Passed Cases (2 examples, excluding overridden Example 3)
Passed Shadow DOM Test 1
Passed Shadow DOM Test 2
Failed Shadow DOM Test 1
Failed Shadow DOM Test 2
Inapplicable Shadow DOM Test 1
Inapplicable Shadow DOM Test 2
Inapplicable Shadow DOM Test 3
Inapplicable Shadow DOM Test 4
Inapplicable Shadow DOM Test 6