Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Legend accessibility

See original GitHub issue

In their current form, in our product we can’t use the builtin react-vis legends as they provide no keyboard accessibility, specifically tabindex and aria-* attributes.

Probably a bit wide for one issue, but it would be nice to be able to make series that have event handlers focusable too.

As always, happy to pitch in with a PR along these lines!

Issue Analytics

State:
Created 7 years ago
Comments:6 (6 by maintainers)

Top GitHub Comments

1reaction

samhoggcommented, Mar 15, 2017

@mcnuttandrew (and anyone else who might be playing along at home) - in the midst of putting together a PR here - should have it in by the end of the week.

0reactions

samhoggcommented, Mar 7, 2017

@mcnuttandrew

I’m going to do a bit more digging, but from what I can tell, react-a11y actually inspects rendered elements, so might catch more than the linter, which is just static. It does mutate the React object though, so we should only use it when hacking on the library (and potentially testing), not in the packaged build - it’s also pretty verbose in your console

Top Results From Across the Web

Using the fieldset and legend elements

When used correctly, the <fieldset> and <legend> elements tie related form fields together in a way that is accessible to people who cannot ......

Grouping Controls | Web Accessibility Initiative (WAI) - W3C

Accessibility resources free online from the international standards ... The legend for a group of controls can also highlight common attributes of all ......

Fieldsets, Legends and Screen Readers - TPGi

The fieldset and legend elements are a useful part of a web developer's toolkit for making forms more accessible to people with disabilities....

fieldset must have one legend

The Functional Accessibility Evaluator (FAE) evaluates a website or a single ... Definition, Every fieldset element must contain exactly one legend element.

<fieldset> <legend> Accessibility Demos - Paul J. Adam

<fieldset> <legend> Accessibility Demos. http://pauljadam.com/demos/fieldsetlegend.html. Note on differences in Screen Reader Behavior: Not all screen readers ...