Opened 6 years ago

Closed 6 years ago

#15111 closed bug (patcheswelcome)

Accessibility: Visual Focus Indicator is inconsistent on IE 11

Reported by: JasonAment Owned by:
Priority: minor Milestone: none
Component: ui.tabs Version: 1.12.1
Keywords: Cc:
Blocked by: Blocking:

Description

JSFiddle: https://jsfiddle.net/pastorjayrich/crvh9ava/

  1. Only repros in IE9-11
  2. Only repros for the “arrow” key (tabbing into and out of the control always resets focus indicator). It is expected behavior for an arrow key to lose focus as it is technically reading mode.
  3. Hovering over an element that is missing focus indicator resets focus indicator.
  4. Works as expected in Edge, Chrome and Firefox.

Expected: Browser provided visual focus indicator should be present when navigating tas with either the tab key or arrow keys. Actual: Tabbing into and out of the "tabs" causes the VFI to appear. Also, on mouseover of an active tab, the VFI will suddenly reappear.

Change History (2)

comment:1 Changed 6 years ago by Scott González

Component: ui.coreui.tabs
Status: newopen
Summary: Accessibility: Visual Focus Indicator is inconsistent on IE9-11Accessibility: Visual Focus Indicator is inconsistent on IE 11

Of those browsers, IE 11 is the only one we support. It works properly in Edge and there's likely not much we can do about this. I'm happy to accept patches for this, but I don't anticipate us putting much time into this. I'll ping the Edge team though and see if they know of any workarounds.

comment:2 Changed 6 years ago by Scott González

Resolution: patcheswelcome
Status: openclosed

I haven't heard anything back from Microsoft about a possible fix.

Note: See TracTickets for help on using tickets.