@wilsonge conflicts fixed. Please merge when possible

@C-Lodder can we instead of this sugar-on-broken-system actually implement something meaningful: #15906

I mean by default bootstrap is really bad for accessibility on all their buttons, so one way or another we need to fix it, so why not use CSS4 a little bit earlier?

I don't really mind what gets used tbh

flyingfocus was much more than just the outline

@brianteeman what do you mean? Flying focus is a visual effect on top of the focus ring, what else was there?

it does the flying part - the transition - which is very useful to indicate where the focus has been moved to without having to search the screen for just the outline

Ok, so it's just the visual effect, which might not be that inclusive after all (for those with good vision the effect is a nice hint, but I guess for some visually impaired people the animation might be really annoying or not even visible). Anyways I'm not against flying focus if we first implement the css4 focus-ring (with the provided polyfill ATM)

if it is good enough for webaim.org then it should be good enough for joomla ;)

I guess webaim.org is not using Bootstrap (which totally messes the focus ring). So in fact my proposal for css4 focus ring is more a patch to this annoying approach of BS4's outline: 0; and you can still have the sugar (effect) on top of it, if that is needed

I dont know why this was closed. The fix is required

I closed this in favour of a better approach