Accessibility: Surface visualization legend options via click, not hover #11845
Labels
Feature:Visualizations
Generic visualization features (in case no more specific feature label is available)
Team:Platform-Design
Team Label for Kibana Design Team. Support the Analyze group of plugins.
Comments
cjcenizal
added
Team:Platform-Design
|
Clicking a legend item also opens up a positive/negative filter choice. So you would need another icon for that functionality since it is distinct from a color swatch. |
20 tasks
|
Maybe we could go another approach for this. Those legend entries are not yet focusable. Since you can click on them they anyway need to be focusable so that this interaction (i.e. opening the color swatch) is accessible. Rather then adding a second (or as @trevan stated out, actually a third) option on the label, couldn't we just highlight the data in the viz at the moment, the label is focused? |
20 tasks
timroes
pushed a commit
to timroes/kibana
that referenced
this issue
Oct 23, 2017
timroes
added a commit
to timroes/kibana
that referenced
this issue
Oct 26, 2017
…14505) * Make legend toggle button accessible, fix elastic#11843 * Make legend filter buttons accessible * Highlight chart segments when focusing legend, fix elastic#11845 * Make legend color picker accessible * Remove aria-hidden from legend * Use proper indentation * Remove bluring color button again * Close legend details on pressing escape * Add hint about the action * Only capture escape press when details are opened
timroes
added a commit
that referenced
this issue
Oct 26, 2017
…14606) * Make legend toggle button accessible, fix #11843 * Make legend filter buttons accessible * Highlight chart segments when focusing legend, fix #11845 * Make legend color picker accessible * Remove aria-hidden from legend * Use proper indentation * Remove bluring color button again * Close legend details on pressing escape * Add hint about the action * Only capture escape press when details are opened
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Many visualizations that use color to present options also allow you to highlight a specific option by hovering over the option within the legend. This is a good approach to address this difficult issue, but it is not accessible to keyboard users.
Currently, clicking the legend opens up palette options. Let's add two icons to each item in the legend, each of which can be clicked for different functionality:
The text was updated successfully, but these errors were encountered: