Shawn Hesketh
Member
Posted 5 months ago #
In Webkit browsers (Chrome and Safari), there are several unsightly borders around buttons throughout the Theme Customizer.
- “Close” button at the top: (screenshot: http://cl.ly/LMUv)
- “Upload New” tab in Header Image and Background Image panels: (screenshot: http://cl.ly/LM8i)
- “Customize” text link in Manage Themes panel: (screenshot: http://cl.ly/LMWN)
Just little niggles, but nothing some CSS (focus: outline: none;) couldn't easily fix.
Loving 3.5!
The focus styles were added to improve accessibility for keyboard-only users; you didn't see them in the previous version because the Customizer wasn't keyboard-accessible at all.
Shawn Hesketh
Member
Posted 5 months ago #
Thanks, Amy. I suppose that makes sense, but not sure about the implementation.
How exactly does one use a drag and drop uploader (like that used in the Background Image panel) in a keyboard-only environment? I can use keyboard shortcuts to navigate to the Background Image panel, open it, and navigate to the “Upload New” tab, which is highlighted. Then what? I can't get to the “select a file” text link using keyboard shortcuts only.
Anyway, thanks for commenting on the reasoning behind the decision.
Oh, dear -- I'm seeing the same problem. I can get to the select link, but I can't activate it from the keyboard. I'll see what we can do about that, and thanks!
Turns out someone already spotted the bug: http://core.trac.wordpress.org/ticket/22606 in case you want to follow along.
Yeah, unfortunately you can't trigger the "select a file" link using keyboard shortcuts — yet. We won't get to this for 3.5, as it isn't an easy fix.