Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Pie, XY] Filter button in legend keyword accessible #106374

Merged
merged 2 commits into from Jul 26, 2021

Conversation

stratoula
Copy link
Contributor

@stratoula stratoula commented Jul 21, 2021

Summary

Closes #106360
It makes the legend action button keyword accessible. It works correctly in Lens, the visualizations that actually have this problem is the pie and xy charts (legacy new implementations)

Visualize-Library-Elastic

Checklist

@stratoula stratoula added Feature:Pie Chart Pie chart visualization feature Feature:XYAxis XY-Axis charts (bar, area, line) v7.15.0 v8.0.0 release_note:fix labels Jul 21, 2021
@stratoula stratoula changed the title [Pie, XY] MAkes the filter button in legend keyword accessible [Pie, XY] Makes the filter button in legend keyword accessible Jul 21, 2021
@stratoula stratoula changed the title [Pie, XY] Makes the filter button in legend keyword accessible [Pie, XY] Filter button in legend keyword accessible Jul 21, 2021
@stratoula stratoula added the Team:Visualizations Visualization editors, elastic-charts and infrastructure label Jul 21, 2021
@stratoula stratoula marked this pull request as ready for review July 21, 2021 12:14
@stratoula stratoula requested a review from a team July 21, 2021 12:14
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-app (Team:KibanaApp)

@stratoula stratoula added this to In progress in Legacy visualizations via automation Jul 21, 2021
@kibanamachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
visTypePie 74.9KB 75.0KB +74.0B
visTypeXy 113.1KB 113.2KB +74.0B
total +148.0B

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@mbondyra
Copy link
Contributor

Hey @stratoula, the improvement works fine, but in both cases (legacy and lens) the legend loses focus completely when closing the popover and this is not accessible approach. The problem is probably hidden in the elastic-charts implementation because I can reproduce it in the storybook. I'll submit the issue in elastic-charts.

Jul-26-2021.13-34-35.mp4
elastic-charts.mp4

@stratoula
Copy link
Contributor Author

Great finding Marta, thank you a lot!

@stratoula stratoula merged commit c50f9c1 into elastic:master Jul 26, 2021
Legacy visualizations automation moved this from In progress to Done Jul 26, 2021
stratoula added a commit to stratoula/kibana that referenced this pull request Jul 26, 2021
…ic#106374)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
stratoula added a commit that referenced this pull request Jul 26, 2021
…) (#106707)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
streamich pushed a commit to vadimkibana/kibana that referenced this pull request Aug 8, 2021
…ic#106374)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature:Pie Chart Pie chart visualization feature Feature:XYAxis XY-Axis charts (bar, area, line) release_note:fix Team:Visualizations Visualization editors, elastic-charts and infrastructure v7.15.0 v8.0.0
Development

Successfully merging this pull request may close these issues.

Filter buttons in chart legend not keyboard accessible
4 participants