the TAB and SHIFT+TAB vs. today's CSS
Reported by
jidanni@gmail.com,
Feb 21 2017
|
||||
Issue descriptionUserAgent: 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:
,
Feb 22 2017
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,
,
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.
,
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.
,
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!)
,
Feb 24 2017
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?
,
Aug 21
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!
,
Aug 21
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!
,
Aug 21
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 |
||||
Comment 1 by ajha@chromium.org
, Feb 22 2017