Accessibility support

[German Priks]

Hi, since I've only recently started using DC.js perhaps this topic has already been discussed, in which case apologies.

I work in the public sector and accessibility is an important consideration when publishing content online, and that includes dashboards and visualisations of any kind.

Generally, it's fairly easy to add ally features to an .SVG, but because a lot of SVG / element creation is abstracted away in DC.js (part of what makes it such a good library), getting to those features feels a bit awkward. Consider this simple dashboard with two dropdowns. To get the screen reader to associate the dropdown with its label, you just need to add an aria-labelledby attribute. However, because we don't have access to it prior to rendering, it has to be done in a round-about way, like so:

boardDropdown.on("renderlet", chart => {

d3.select("#board-dropdown .dc-select-menu")

.attr("aria-labelledby", "board-dropdown-label")

});

There are other clever things that can be done, like enumerating bar chart or legend values, etc.

I see that there are a number of issues tracking on GitHub regarding a new major version - perhaps easier access to accessibility features could be part of that?

[Gordon Woodhull]

Hi German,

Here is some previous discussion: https://github.com/dc-js/dc.js/issues/1185

I agree that aria can be added through postprocessing but it would be better as an (optional) part of the library.

Do you have any interesting in contributing this functionality? I'd be glad to help with design and review.

Cheers,

Gordon

--
You received this message because you are subscribed to the Google Groups "dc-js user group" group.
To unsubscribe from this group and stop receiving emails from it, send an email to dc-js-user-gro...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/dc-js-user-group/ddca6bec-e51d-4ac0-bec5-f03889110382o%40googlegroups.com.

[German Priks]

Hi Gordon,

Sure. I'll have a look through the source code and the contributing guidelines to get me started. Will get in touch if I run into any problems :)

Cheers,

German

To unsubscribe from this group and stop receiving emails from it, send an email to dc-js-us...@googlegroups.com.