You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Is your feature request related to a problem? Please describe.
We're run into some challenges using react-animated-dataset to build accessible visualizations—in particular using <a> link elements for handling click behavior instead of click handlers will get us a slough of native browser accessibility affordances.
Describe the solution you'd like
I'm not entirely sure the best solution here. I could imagine this going two ways:
provide a href/link prop on AnimatedDataset that will accept a URL and conditionally render a link tag around an element
more generically, provide functionality for rendering more complex component trees than a single tag per datum (this could get quite complicated, though, I imagine)
The text was updated successfully, but these errors were encountered:
hi Harris,
if I understood correctly, you're trying to use this feature of <a> tags in SVG, and indeed it would be complex with the current iteration of this library.
have you tried an alternative approach, for example a tabindex on the SVG elements to make them focusable?
Hi, @caesarsol! tabindex takes care of one affordance that <a> tags provide, but not all of them. Here's examples of some others:
Screenreaders identify them as links
Command/control-clicking on a link opens it in a new browser tab in most desktop browsers
Desktop browsers show a preview of the destination URL before clicking
Right-clicking on a link allows you to bookmark/save/copy etc.
Some of these can be accomplished with some additional javascript or markup, but I expect there's also affordances I can't anticipate that are provided that native links that we'd like to achieve without having to think too hard about it or reimplement browser native features.
We're working on an attempt at our own forked implementation that will allow nested components. If you're interested in looking over it, we'd be happy to put a PR back upstream when we're happy with it.
Is your feature request related to a problem? Please describe.
We're run into some challenges using
react-animated-dataset
to build accessible visualizations—in particular using<a>
link elements for handling click behavior instead of click handlers will get us a slough of native browser accessibility affordances.Describe the solution you'd like
I'm not entirely sure the best solution here. I could imagine this going two ways:
href
/link
prop onAnimatedDataset
that will accept a URL and conditionally render a link tag around an elementThe text was updated successfully, but these errors were encountered: