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
Hey everyone, I'm a UX tech writer creating design system documentation and I noticed that the experience is somewhat broken for users that navigate using their keyboard in the following image variants: Preview Indicator Image source
While these image variants are focusable when pressing the tab key, and you can access the full-size image by pressing enter or spacebar after tab, there are no visual cues to indicate that images are indeed focused and the user can keep interacting with them. You could actually have that fixed by using the hover state as a focus state too. See this article for reference: https://www.deque.com/blog/give-site-focus-tips-designing-usable-focus-indicators/
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Hey everyone, I'm a UX tech writer creating design system documentation and I noticed that the experience is somewhat broken for users that navigate using their keyboard in the following image variants:
Preview
Indicator
Image source
While these image variants are focusable when pressing the tab key, and you can access the full-size image by pressing enter or spacebar after tab, there are no visual cues to indicate that images are indeed focused and the user can keep interacting with them. You could actually have that fixed by using the hover state as a focus state too. See this article for reference: https://www.deque.com/blog/give-site-focus-tips-designing-usable-focus-indicators/
Do you plan to address this anytime soon?
Thank you.
Beta Was this translation helpful? Give feedback.
All reactions