semiotic icon indicating copy to clipboard operation
semiotic copied to clipboard

Inconsistent data passed to toolltip when using keyboard nav

Open cvkline opened this issue 7 years ago • 7 comments

With an OrdinalFrame pie chart using hoverAnnotation={true} and a tooltipContent function, the object passed to the function when hovering with the mouse is a type='column-hover' as we would expect, and contains a column object with percentages and piece data. (first attachment)

However when keyboard nav is used to navigate through the hovers in an accessible way, the object passed to the function is a type='frame-hover' which does not have the column object inside it. (second attachment).

This can be worked around with conditionals, but I would expect the same data in the tooltip no matter how it is activated.

screen shot 2018-06-12 at 4 31 44 pm

screen shot 2018-06-12 at 4 38 24 pm

cvkline avatar Jun 12 '18 21:06 cvkline

Ditto to this with NetworkFrame screen shot showing console logs of value passed to tooltipContent

mmazanec22 avatar Jun 13 '18 14:06 mmazanec22

Should be fixed in 1.11.7.

emeeks avatar Jun 13 '18 19:06 emeeks

I'm still seeing this. With pointer hover I get a column-hover sent to the tip; with keyboard nav I get a frame-hover. I'm not 100% sure I'm remembering this right, but I think it may have been fixed and is now regressed?

cvkline avatar Jun 27 '18 14:06 cvkline

@cvkline is this because you are using column hover for the tooltip rather than piece hover, but piece hover is the default behavior of keyboard nav?

mmazanec22 avatar Jun 27 '18 14:06 mmazanec22

I'm just using hoverAnnotation={true} and then providing a toolTipContent function.

cvkline avatar Jun 27 '18 14:06 cvkline

Alright I'll reopen this since and dive into it with the other accessibility issues.

emeeks avatar Jun 27 '18 15:06 emeeks

Hello! I have a similar issue with the ResponsiveXYFrame using hoverAnnotation={true} and tooltipContent, it seems that on keyboard navigation with voiceover, the voiceover describes the chart as navigable with left/right arrows for the tooltip, but then when hitting the keys the tooltip is not receiving the frame-hover object. I have 2 lines on this chart using the prop lines, and after tabbing 3x I am able to navigate to the tooltips with the left/right arrows. I'm not super familiar with ARIA but it seems like maybe the description to navigate is on the wrong element? Let me know if I should add any additional details or steps to reproduce. Thank you so much!!

daschi avatar Aug 30 '21 23:08 daschi