Double-check that focus visible is well applied on all components and modules

[hannahiss]

[louismaximepiton]

Quick summary

The focus state changed the day before the release of the UI kit v5. So the artboards we have might miss some things or might be not up to date. For example the 2px box-shadow isn't represented on design specs.

Issues encountered

Accordion

Should be able to see the border at all time but the box-shadow hide it on focus. anything to do here ?

Instead of:

Back to top

If I remember well the design changed since it wasn't possible to have the outline around the text.

Instead of:

Forms

Due to a technical issue, they look the same as before since we can't differenciate the focus from keyboard and the focus on mouse for text inputs.

List group

Due to technical implementation from Bootstrap. Maybe we can try to modify this on their side ? Maybe tweak a bit the design to allow focus on border right and left ?

Could be this:

Instead of:

Navbars

Should be tackled by #1691. We don't have specs for the minimized header but we can assume that the spacing is the same.

Instead of:

Remaining

The remaining components don't have any excuses to don't follow the design.