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

Issue 694818 link

Starred by 1 user

Issue metadata

Status: Archived
Owner: ----
Closed: Aug 21
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux
Pri: 2
Type: Bug



Sign in to add a comment

the TAB and SHIFT+TAB vs. today's CSS

Reported by jidanni@gmail.com, Feb 21 2017

Issue description

UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.76 Safari/537.36

Steps to reproduce the problem:
1. Make a test account on https://www.couchsurfing.com/ .
2. Browse https://www.couchsurfing.com/get_verified
3. Hit lots of TABs

What is the expected behavior?

What went wrong?
Many times when we hit the TAB key on pages like this,
it is not visually clear where the focus now lays.
I.e., what link we would be clicking if we then hit ENTER.
In fact one might say that is even a security danger.
So today's browsers need bigger indications for where the current
focus now lays. Perhaps when the web was just invented and no CSS was
used, a faint line around the current hyperlink was enough. But not
anymore. Yes, true, if you know where the next link is, and stare at it,
you can determine a slight difference when focus arrives there. But
without a big blue etc. box etc. showing where we now are, the TAB and
SHIFT+TAB key are not working that well as they once did.

Did this work before? N/A 

Chrome version: 56.0.2924.76  Channel: n/a
OS Version: 
Flash Version:

 

Comment 1 by ajha@chromium.org, Feb 22 2017

Labels: Needs-Triage-M56
Cc: kavvaru@chromium.org
Components: Blink>Focus
Labels: Needs-Feedback
Unable to reproduce the issue on Linux Ubuntu 14.04, Windows 7 using chrome version 56.0.2924.87 with the below steps

1. Created test account on https://www.couchsurfing.com/ .
2. Open https://www.couchsurfing.com/get_verified
3. Opened  lots of TABs
4. Press TAB key,able to see the highlight without any issues.

Please find the attached screen cast and confirm if anything missed here in triaging the issue.
Request you please try the issue by upgrading chrome to latest stable and update the thread if the issue still persists.

Thanks,

694818.ogv
17.4 MB Download

Comment 3 by kochi@chromium.org, Feb 22 2017

The site itself is probably working as expected.

jidanni@, could you elaborate what Chromium/Chrome changes that you think
would be needed?

Today's CSS allows you to have `:focus` pseudo class to use in selector, and
`outline` property etc. can be used for highliting where the focus is at.

If the site intentionally hides outline on currently-focused element, that's
the intention that Chromium cannot do anything against.

Comment 4 by jidanni@gmail.com, Feb 23 2017

I did not ask anybody to click any links on  https://www.couchsurfing.com/get_verified .

All I asked is that you push the TAB key, which is found on the left side of your keyboard, multiple times.

Comment 5 by jidanni@gmail.com, Feb 23 2017

Push many TAB key presses until focus ends up on the "Forbes" link.

Observe the twelve additional presses will go full circle and bring us
back to the "Forbes" link.

Observe that after the Forbes link, the Times, New York Times, and
Guardian links all have nice outlines around them when we arrive at them
(via TAB key presses.)

So of the twelve presses that it takes to return to "Forbes", four of
them are very clear.

But some of the others are not so clear.

And some of them are completely unknown -- we don't know where we have
been taken.

If Forbes is 1, where is 7 and 8? 9 is the URL bar.

(One has to use (ALT V Y N in) Firefox to turn off the CSS to see where!)

Comment 6 by kochi@chromium.org, Feb 24 2017

Components: -Blink>Focus
Status: Untriaged (was: Unconfirmed)
jidanni@ thanks for the feedback! I see now what you mean.

On web content area, if something is currently under focus, you will see
the link URL on bottom left.  That indicates your action (Enter key) would
take you to that location.

The visual appearance (outline around Forbes etc.) are controlled by the
site's CSS.  It seems to me that the top-left corner (the "couchsurfing" logo)
intentionally avoids having such focus effect.  So if one wants this to be
more visible, I guess it's an area of accessibility assistance.

And if all the web contents' focusable area are traversed, the focus goes
back to non-web contents area.

> If Forbes is 1, where is 7 and 8? 9 is the URL bar.

So focus 7-9 are in the Chrome's UI (not in web content area).
9 is definitely the URL bar.
8 is "Secure" indicator which shows green lock icon, and hitting Enter
shows a popup to change your preference about the site's permission.
I'm not sure 7.

When the focus is on 7 and 8, I see no visual indication in those UI.
I tried on Win/Mac, and behavior was similar (Mac has a slight difference-
the security indicator didn't have tab stop, so "8" was missing).

I think this is a recent issue about the Chrome's UI revamp for material
design.  Can someone triage this?
Status: Archived (was: Untriaged)
Archiving old bugs that haven't been actively assigned in over a year.

If you feel this issue should still be addressed, feel free to reopen it or to file a new issue. Thanks!

Archiving old bugs that haven't been actively assigned in over a year.

If you feel this issue should still be addressed, feel free to reopen it or to file a new issue. Thanks!
Archiving old bugs that haven't been actively assigned in over a year.

If you feel this issue should still be addressed, feel free to reopen it or to file a new issue. Thanks!

Sign in to add a comment