WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] 3.5 RC3 Theme Customizer - Remove borders around several buttons (6 posts)

  1. Shawn Hesketh
    Member
    Posted 1 year ago #

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

    1. “Close” button at the top: (screenshot: http://cl.ly/LMUv)
    2. “Upload New” tab in Header Image and Background Image panels: (screenshot: http://cl.ly/LM8i)
    3. “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!

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

  3. Shawn Hesketh
    Member
    Posted 1 year 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.

  4. 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!

  5. Turns out someone already spotted the bug: http://core.trac.wordpress.org/ticket/22606 in case you want to follow along.

  6. Andrew Nacin
    Lead Developer
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic