search

microsoft / powerbi-visuals-heatmap

powerbi-visuals-heatmap
MIT License
28 stars 27 forks source link

Add support keyboard navigation #120

Closed grigoryshatalin closed 1 year ago

grigoryshatalin commented 1 year ago

What did you do?

Implemented a key event listener to enhance accessibility by enabling dynamic focus switching among various visual elements.

Why did you do it this way?

Prior to the implementation of the key listener, individuals who lacked mouse functionality were confronted with a stagnant user experience. However, this significant enhancement in accessibility successfully remedied the issue by empowering users to engage with the visual interface through keyboard-based interactions.

Anything else I should know?

The visual interface can be effortlessly navigated using a concise set of three key inputs. The spacebar or enter key allows for focus activation, while the tab key facilitates seamless switching between distinct elements, streamlining the interactive experience for users.

Screenshots

Before: image After: Animation

grigoryshatalin commented 1 year ago

The Tab and Enter inside the visual work wrong for me, see attached video. Also, pay attention that the right side of the chosen tile isn't black. Is it expected? Broken tab

Can you send a link to data you are using so I can test on my machine? Everything works on my end

grigoryshatalin commented 1 year ago

maybe set outline to be priority? @AleksSavelev image

AleksSavelev commented 1 year ago

Can you send a link to data you are using so I can test on my machine? Everything works on my end

Try this one: https://github.com/microsoft/powerbi-desktop-samples/blob/main/new-power-bi-service-samples/Store%20Sales.pbix

image

It doesn't work for me on all reports that I tried.