The last version of Internet Explorer, version 11, was released on October 17, 2013. This is a very long time ago when taking into account the rapid development of web technologies. These days it is often difficult and time consuming to get modern technologies to work well in this old browser. More and more frameworks are dropping support, and even Microsoft themselves has announced that they will fully drop support for IE in their own services in 2021.
Consequently, we have decided to not include support for IE in the Design Library website.
Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.
When an interactive element in an interface is focused, it should have a clear visual representation of its focused state. It is essential for navigating with a keyboard. Users who rely on this state may include those who have physical mobility limitations, attention limitations, short term memory limitations, or a power user that uses the keyboard for faster navigation.
The default focus visible for interactive components is a dark border around the element that has a minimum of 2px offset from the interactive element.
In some use cases, components may need special adjustments in order to meet the requirements and be visually appealing.
Checkbox and radio buttons
Inline text link
At SEB we comply with WCAG Level AA for Focus Visible. All focus states in our application should live up to the success criteria for Focus Visible.
This focus state pattern has also been created with these techniques in mind: