New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 798094 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 585413
Owner: ----
Closed: Jan 2018
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 2
Type: Bug



Sign in to add a comment

Tabbing cannot focus scrollable divs

Reported by hu...@vewd.com, Dec 29 2017

Issue description

What steps will reproduce the problem?
1. Load:

<a href="#">a</a>
<div style="height: 100px; overflow: scroll;">
  scroll down to see some content!<br><br><br>
  <br><br><br>here it is.
</div>

2. Hit tab-key twice.

What is the expected result?
First <a> is focused, then the <div>. (Works in Firefox.)

What happens instead?
Tab-key cannot focus the <div>.

Accessibility implications:
Users are forced to use a mouse pointer to fully read the page's content.

Spec violation:
The HTML spec states that "scrollable regions of elements that are being rendered and are not expressly inert" = focusable areas. And: 
"The CSS 'overflow' property's 'scroll' value typically creates a scrollable region."

https://html.spec.whatwg.org/multipage/interaction.html#focusable-area

 

Comment 1 by hu...@vewd.com, Dec 29 2017

Cc: junho092...@lge.com

Comment 2 by hu...@vewd.com, Dec 31 2017

Cc: skobes@chromium.org
Summary: Tabbing cannot focus scrollable divs (was: Tab key focus cannot focus scrollable divs)

Comment 3 by kochi@chromium.org, Jan 5 2018

Hugo, can this be merged into  issue 585413 ?

Comment 4 by hu...@vewd.com, Jan 5 2018

Mergedinto: 585413
Status: Duplicate (was: Available)
Yes! Thanks.

Comment 5 Deleted

Comment 6 Deleted

Sign in to add a comment