carbon-addons-iot-react icon indicating copy to clipboard operation
carbon-addons-iot-react copied to clipboard

Published 20 hours ago • verified publisher icon carbon-design-system

[TableViewDropdown] Custom tool tips for each Dropdown item

Open Happyrajsinh opened this issue 3 years ago • 12 comments

What package is this for?

  • [x] React
  • [ ] Angular

Summary

Need an option to add custom tooltips for each dropdown item. This enhancement is needed for

  • IBM Engineering

Component for which Enhancement is required: https://carbon-addons-iot-react.com/?path=/story/1-watson-iot-table-user-view-management-tableviewdropdown--with-state

Specific timeline issues / requests

Do you want this work within a specific time period? ASAP Is it related to an upcoming release?

Available extra resources

What resources do you have to assist this effort?

Happyrajsinh avatar Sep 01 '22 05:09 Happyrajsinh

@JordanWSmith15 @dianatran18 Thoughts?

davidicus avatar Sep 01 '22 12:09 davidicus

@Happyrajsinh Do you have a design? My main concern is around A11Y. The native hover tooltip currently displays the label in case it doesn't fit due to translation or just being too long, and is also needed for A11Y. Screen Shot 2022-09-01 at 8 49 41 AM

JordanWSmith15 avatar Sep 01 '22 12:09 JordanWSmith15

Yes we've the design, This is what it would look like: Screenshot 2022-08-29 at 7 16 38 PM

Happyrajsinh avatar Sep 01 '22 13:09 Happyrajsinh

This is not accessible. The tooltips should show what is in the text and making it different will confuse sight impaired users.

bragusa avatar Sep 01 '22 13:09 bragusa

This is accessible because a screen reader would read the menu item and then the hover tip. This site shows an example for Chrome Vox. https://pressbooks.library.torontomu.ca/wafd/chapter/tooltips/#:~:text=Accessible%20Tooltip%20in%20Action&text=The%20Tab%20key%20is%20used,its%20content%20is%20read%20aloud.

Following this example, our hover tips probably result in duplicate text being read each time.

heinsj avatar Sep 01 '22 13:09 heinsj

As long as it will work in Jaws on Firefox (our supported platform)

bragusa avatar Sep 01 '22 14:09 bragusa

So Team, we will need this enhancement. Anything else I can help you with?

Happyrajsinh avatar Sep 07 '22 15:09 Happyrajsinh

@Happyrajsinh Can you contribute this requirement, since you are the only team in need of it?

JordanWSmith15 avatar Sep 07 '22 15:09 JordanWSmith15

My research finds that screen readers have the ability to read title attribute tooltips but this feature is often disabled by default or by the user depending on the screen reader. Rather than using the title attribute for this text, we could use the definition tooltip which is handled differently and would be more appropriate as we are providing a definition.

More info about definition tooltip: https://carbondesignsystem.com/components/tooltip/usage/#definition-tooltip

heinsj avatar Sep 07 '22 17:09 heinsj

No, @JordanWSmith15 I can't contribute otherwise I would have assigned it to myself right away. We don't need this on urgent basis but it can be set to medium priority.

Happyrajsinh avatar Sep 08 '22 05:09 Happyrajsinh

@JordanWSmith15 any update on this or estimate when this can be picked up by team?

Happyrajsinh avatar Oct 03 '22 14:10 Happyrajsinh

@Happyrajsinh It is unlikely to be picked up any time soon

JordanWSmith15 avatar Oct 03 '22 15:10 JordanWSmith15