You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
All interactive components on a page need a focus state, not just buttons or links.
Focus states cannot just be a color change. You need a dedicated visual indicator. This could be an outline, a highlight, any sort of shape or pattern that is different from the hover state.
Focus states cannot be the same as the hover states. However the hover state should be included with the focus styles.
Be aware of the thickness of lines used for a focus state. Lines smaller than 2px may be technically accessible, but will be hard to see. Try using a squint test to see how low vision users might be viewing your site.
Consider using motion to help with transition as the focus jumps from element to element. A good example can be seen by tabbing through WebAim.org.
Prerequisites
Proposal
Currently we have to refer to the breadcrumbs component to check the links
Motivation and context
No response
The text was updated successfully, but these errors were encountered: