So I'm wondering what are the configuration options for the modebar besides hover, and what actually changes the visibility during hover (is it just css? can we do the same thing for focus as hover).

Also looks like your editor did a bunch of reformatting, you should undo that

Also, if we use button, we don't need tabindex now, right?

Yeah, so, we have two options:

1. add accessibility manually w/ javascript (tabindex and onevent listener)

2. just use a button (but care for the styling changes)

I prefer 2 but we should do one or the other

@gvwilson this is an accessibility which makes the modebar tab-able (some of the buttons require a mouse but not all of them). Can someone on your team clarify for us what we need to run to fix the build/ and dist/ folders to submit the PR properly?

@davidangarita1, I'd like some help understand the modebar a little better. Do you understand how its configured and what its options are?

@ayjayt Here I share with you the explanation of the buttons on the mode bar

The order of explanation will be from the icon on the left to the one on the right.

Download plot as a PNG: Saves the chart as a PNG image file. Zoom: Click and drag to zoom into a specific area. Pan: Click and drag to move the view of the chart. Box Select: Select data points within a rectangular area. Lasso Select: Select data points within a freeform (lasso) shape. Zoom in: Incrementally zooms in on the plot. Zoom out: Incrementally zooms out of the plot. Autoscale: Automatically fits the data within the plot area. Reset axes: Resets zoom and axis limits to their original state. Plotly logo: Opens the Plotly homepage in a new tab. It doesn’t affect the chart.

I'm interested in changing the modebar through configuration

@ayjayt here is the config an options:
https://plotly.com/javascript/configuration-options/#force-the-modebar-to-always-be-visible

Yeah so let's just make sure no options interfere with the accessibility setup and vice versa