3.5 RC3 Theme Customizer – Remove borders around several buttons

  • In Webkit browsers (Chrome and Safari), there are several unsightly borders around buttons throughout the Theme Customizer.

    1. “Close” button at the top: (screenshot: https://cl.ly/LMUv)
    2. “Upload New” tab in Header Image and Background Image panels: (screenshot: https://cl.ly/LM8i)
    3. “Customize” text link in Manage Themes panel: (screenshot: https://cl.ly/LMWN)

    Just little niggles, but nothing some CSS (focus: outline: none;) couldn’t easily fix.

    Loving 3.5!

Viewing 5 replies - 1 through 5 (of 5 total)

  • 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.

    Thread Starter Shawn Hesketh

    (@shawndh)

    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: https://core.trac.www.ads-software.com/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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘3.5 RC3 Theme Customizer – Remove borders around several buttons’ is closed to new replies.

Tags