feat: add accessibility title and description to pie chart

* Reuse the title as the title element
* Add description to the parser and then render
This commit is contained in:
Cory Gwin
2022-02-18 02:37:43 +00:00
committed by GitHub
parent 9110bdfb5d
commit 0b815c7782
7 changed files with 84 additions and 1 deletions

25
src/accessibility.js Normal file
View File

@@ -0,0 +1,25 @@
/**
* This method will add a basic title and description element to a chart. The yy parser will need to
* respond to getTitle and getAccDescription, where the title is the title element on the chart,
* which is not displayed and the accDescription is the description element on the chart, which is
* also not displayed.
*
* @param yy_parser
* @param svg
* @param id
*/
export default function addSVGAccessibilityFields(yy_parser, svg, id) {
let title_string = yy_parser.getTitle();
let description = yy_parser.getAccDescription();
svg.attr('role', 'img').attr('aria-labelledby', 'chart-title-' + id + ' chart-desc-' + id);
svg
.insert('desc', ':first-child')
.attr('id', 'chart-desc-' + id)
.text(description);
svg
.insert('title', ':first-child')
.attr('id', 'chart-desc-' + id)
.text(title_string);
}