Carbon: Improved a11y for icon only buttons

Created on 11 Apr 2019 · 7Comments · Source: carbon-design-system/carbon

Suggestion for improved a11y for icon only buttons: tooltip with icon button description which renders on hover and focus

Refs:

https://github.com/IBM/carbon-components/issues/1667#issuecomment-460348001

https://github.com/IBM/carbon-components/issues/1667#issuecomment-461562074

ux 🍿 question ❓

Source

emyarod

All 7 comments

@emyarod Add tooltip to Icon button to satisfy A11y requirement.

Should use icon tooltip: tooltip show on hover & focus
triangle is center aligned

shixiedesign on 22 Apr 2019

I specifically asked for this issue to NOT be closed via #2366. There are still missing items: https://github.com/carbon-design-system/carbon-components/pull/2366#discussion_r281357778

elizabethsjudd on 9 May 2019

since left/right tooltip positioning is not currently supported, could we capture it in a new issue?

emyarod on 9 May 2019

As long as the issue is created and prioritized I'm fine with that. It's something that is blocking WH from adopting Carbon 10 buttons.

Please add a reference to the new issue in this issue for our tracking.

elizabethsjudd on 9 May 2019

👍1

Hi @elizabethsjudd we've had left-right tooltiop request before and due to limited resources, we decided to not implement it. I reopened the issue (https://github.com/carbon-design-system/carbon-components-react/issues/1306) so you can see the discussion in the past and track it.

Feel free to make a contribution if this is an important issue for WH to adopt. Thanks!

shixiedesign on 9 May 2019

👍1

Just to add a note here - #2581 (React 1306) now tracks for left/light alignment instead of left/right positioning. @shixiedesign please don't hesitate to correct me if I'm wrong here - Thanks!