Make WordPress Core

Opened 5 years ago

Closed 5 years ago

#32771 closed enhancement (maybelater)

Customizer Menus: visual focus highlight on menu item arrows is distracting

Reported by: designsimply Owned by:
Milestone: Priority: normal
Severity: minor Version: 4.3
Component: Customize Keywords: 2nd-opinion close
Focuses: Cc:


After you open and close an existing menu item, the focus stays and the arrow looks highlighted. The highlight looks distracting to me. Is there a way to keep the focus for accessibility but get rid of the visual highlight? Sighted users probably don't need it to stay highlighted like that. This is a nitpick. :)

Seen at http://whatisinfinity.com/wp-admin/customize.php?url=http%3A%2F%2Fwhatisinfinity.com%2Fwp-admin%2F using Chrome 43.0.2357 on Windows 7.

Found during user testing.

Change History (5)

#1 @afercia
5 years ago

Visible focus is a specific Level AA Success Criterion, see http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-focus-visible.html

2.4.7 Focus Visible: Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible. (Level AA)

#2 @celloexpressions
5 years ago

  • Version set to trunk

Note that you'll only get this if you click on the arrow specifically, while you can click anywhere in the menu item title to open it. I don't think there's anything that we can easily do here to hide it from mouse users but show it for keyboard users, short of (essentially) hiding the actual focusable element and only showing it when it's focused.

#3 @andg
5 years ago

I wouldn't hide that kind of feedback on focus even for sighted user. As mentioned in ticket #32813 though, the focus outline kind of overlaps the menu item type text, which might not be very pretty.

#4 @celloexpressions
5 years ago

  • Keywords close added

Anyone else have thoughts here? I noticed that widgets work around this, so it may be possible but would need someone to investigate. But again, only an issue currently if you tap directly on the arrow.

#5 @celloexpressions
5 years ago

  • Milestone Awaiting Review deleted
  • Resolution set to maybelater
  • Status changed from new to closed

Going to close this out for now; if anyone is interested in improving this and/or can make a patch please feel free to reopen.

Note: See TracTickets for help on using tickets.