{"_id":"chartist-plugin-accessibility","_rev":"8-d92b4dedc294ffa17871ee25229ad1d4","name":"chartist-plugin-accessibility","description":"Accessibility Plugin for Chartist.js","dist-tags":{"latest":"0.0.5"},"versions":{"0.0.1":{"name":"chartist-plugin-accessibility","description":"Accessibility Plugin for Chartist.js","version":"0.0.1","author":{"name":"Gion Kunz"},"homepage":"https://gionkunz.github.io/chartist-plugin-accessibility","repository":{"type":"git","url":"https://github.com/gionkunz/chartist-plugin-accessibility.git"},"bugs":{"url":"https://github.com/gionkunz/chartist-plugin-accessibility/issues"},"keywords":["chartist","charts","accessibility","plugin"],"files":["dist","LICENSE","package.json","README.md"],"main":"dist/chartist-plugin-accessibility.js","browser":"dist/chartist-plugin-accessibility.js","licenses":[{"type":"WTFPL","url":"https://github.com/gionkunz/chartist-plugin-accessibility/blob/master/LICENSE"}],"dependencies":{},"devDependencies":{"grunt":"^0.4.5","grunt-contrib-clean":"^0.6.0","grunt-contrib-copy":"^0.7.0","grunt-contrib-jasmine":"~0.8.1","grunt-contrib-jshint":"~0.10.0","grunt-contrib-uglify":"^0.6.0","grunt-umd":"~2.2.1","grunt-newer":"^0.8.0","jasmine-fixture":"~1.2.2","jshint-stylish":"~1.0.0","load-grunt-config":"^0.16.0","time-grunt":"^1.0.0"},"engines":{"node":">=0.8.0"},"scripts":{"test":"grunt test"},"config":{"banner":"/* chartist-plugin-accessibility <%= pkg.version %>\n * Copyright © <%= year %> Gion Kunz\n * Free to use under the WTFPL license.\n * http://www.wtfpl.net/\n */\n","src":"src","dist":"dist","tmp":".tmp","test":"test"},"gitHead":"2a8c68ccaee5c0176736f678a3deb089c2931135","_id":"chartist-plugin-accessibility@0.0.1","_shasum":"abab06ce8465147fb4f4020f25bc9d957f621503","_from":".","_npmVersion":"2.4.1","_nodeVersion":"0.10.35","_npmUser":{"name":"gionkunz","email":"gion.kunz@gmail.com"},"maintainers":[{"name":"gionkunz","email":"gion.kunz@gmail.com"}],"dist":{"shasum":"abab06ce8465147fb4f4020f25bc9d957f621503","tarball":"https://registry.npmjs.org/chartist-plugin-accessibility/-/chartist-plugin-accessibility-0.0.1.tgz","integrity":"sha512-V0PiYVSFHiBaJhuj2d7Y876UAkaWmOBrMbQdqfe06OJev2sFY/1syOY9XZ8sa2kvpIrSJSbe41TsNANn16PM2Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG0tiJ0AVjM3rEwhbQEpaRZyKrKJgds96UuQViE/vB1mAiEA0RZeCx+rEHZMEsTVqAkFiu5dJ6DJVhOfIKILiU+usrE="}]},"directories":{}},"0.0.2":{"name":"chartist-plugin-accessibility","description":"Accessibility Plugin for Chartist.js","version":"0.0.2","author":{"name":"Gion Kunz"},"homepage":"https://gionkunz.github.io/chartist-plugin-accessibility","repository":{"type":"git","url":"https://github.com/gionkunz/chartist-plugin-accessibility.git"},"bugs":{"url":"https://github.com/gionkunz/chartist-plugin-accessibility/issues"},"keywords":["chartist","charts","accessibility","plugin"],"files":["dist","LICENSE","package.json","README.md"],"main":"dist/chartist-plugin-accessibility.js","browser":"dist/chartist-plugin-accessibility.js","licenses":[{"type":"WTFPL","url":"https://github.com/gionkunz/chartist-plugin-accessibility/blob/master/LICENSE"}],"dependencies":{},"devDependencies":{"grunt":"^0.4.5","grunt-contrib-clean":"^0.6.0","grunt-contrib-copy":"^0.7.0","grunt-contrib-jasmine":"~0.8.1","grunt-contrib-jshint":"~0.10.0","grunt-contrib-uglify":"^0.6.0","grunt-umd":"~2.2.1","grunt-newer":"^0.8.0","jasmine-fixture":"~1.2.2","jshint-stylish":"~1.0.0","load-grunt-config":"^0.16.0","time-grunt":"^1.0.0"},"engines":{"node":">=0.8.0"},"scripts":{"test":"grunt test"},"config":{"banner":"/* chartist-plugin-accessibility <%= pkg.version %>\n * Copyright © <%= year %> Gion Kunz\n * Free to use under the WTFPL license.\n * http://www.wtfpl.net/\n */\n","src":"src","dist":"dist","tmp":".tmp","test":"test"},"gitHead":"59803c964dfbf7920128454dffa3d4971364bb76","_id":"chartist-plugin-accessibility@0.0.2","_shasum":"6d479ff02ab35c13fb7e919fe26ea308ba90caae","_from":".","_npmVersion":"2.4.1","_nodeVersion":"0.10.35","_npmUser":{"name":"gionkunz","email":"gion.kunz@gmail.com"},"maintainers":[{"name":"gionkunz","email":"gion.kunz@gmail.com"}],"dist":{"shasum":"6d479ff02ab35c13fb7e919fe26ea308ba90caae","tarball":"https://registry.npmjs.org/chartist-plugin-accessibility/-/chartist-plugin-accessibility-0.0.2.tgz","integrity":"sha512-d6pA/+xAxdCPa8DINiT6NhZtlHyUvO+N2A4HJbVufscOInVlfl+P8C4755Zl48Jklaabx4FwuHtIm+u3ahFrRg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHcEk/JcnNnjwlnUqdgH+6UPcDyqs89LMVovYbZTSIFuAiBpEZvVly83GBkEEE8Ex/UCGu0zWIwWhEj8iEPbpj6HOA=="}]},"directories":{}},"0.0.4":{"name":"chartist-plugin-accessibility","description":"Accessibility Plugin for Chartist.js","version":"0.0.4","author":{"name":"Gion Kunz"},"homepage":"https://gionkunz.github.io/chartist-plugin-accessibility","repository":{"type":"git","url":"https://github.com/gionkunz/chartist-plugin-accessibility.git"},"bugs":{"url":"https://github.com/gionkunz/chartist-plugin-accessibility/issues"},"keywords":["chartist","charts","accessibility","plugin"],"files":["dist","LICENSE","package.json","README.md"],"main":"dist/chartist-plugin-accessibility.js","browser":"dist/chartist-plugin-accessibility.js","licenses":[{"type":"WTFPL","url":"https://github.com/gionkunz/chartist-plugin-accessibility/blob/master/LICENSE"}],"dependencies":{},"devDependencies":{"grunt":"^0.4.5","grunt-contrib-clean":"^0.6.0","grunt-contrib-copy":"^0.7.0","grunt-contrib-jasmine":"~0.8.1","grunt-contrib-jshint":"~0.10.0","grunt-contrib-uglify":"^0.6.0","grunt-umd":"~2.2.1","grunt-newer":"^0.8.0","jasmine-fixture":"~1.2.2","jshint-stylish":"~1.0.0","load-grunt-config":"^0.16.0","time-grunt":"^1.0.0"},"engines":{"node":">=0.8.0"},"scripts":{"test":"grunt test"},"config":{"banner":"/* chartist-plugin-accessibility <%= pkg.version %>\n * Copyright © <%= year %> Gion Kunz\n * Free to use under the WTFPL license.\n * http://www.wtfpl.net/\n */\n","src":"src","dist":"dist","tmp":".tmp","test":"test"},"gitHead":"4fff97574a1b1a5bc0f387984d024b75f450fe54","_id":"chartist-plugin-accessibility@0.0.4","_shasum":"41a6a35fe6c163421e5b26e38e73d6195e717add","_from":".","_npmVersion":"2.4.1","_nodeVersion":"0.10.35","_npmUser":{"name":"gionkunz","email":"gion.kunz@gmail.com"},"maintainers":[{"name":"gionkunz","email":"gion.kunz@gmail.com"}],"dist":{"shasum":"41a6a35fe6c163421e5b26e38e73d6195e717add","tarball":"https://registry.npmjs.org/chartist-plugin-accessibility/-/chartist-plugin-accessibility-0.0.4.tgz","integrity":"sha512-+StZJO2EJG3qgibuT/c+KTljRLZ5dZiklaeSP0X06d8FO1M3hicMAHfcXemeSjZ04hf4OEtLz8ygGHi97aVXyA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEQMosS4YoRAAi4+3DNd3p42NRqgul38PSxyc+7RBNCaAiAZxnTT4JySkZ/unsgkqIzWl/kKhZdV5kbOkVfcianUrQ=="}]},"directories":{}},"0.0.5":{"name":"chartist-plugin-accessibility","description":"Accessibility Plugin for Chartist.js","version":"0.0.5","author":{"name":"Gion Kunz"},"homepage":"https://gionkunz.github.io/chartist-plugin-accessibility","repository":{"type":"git","url":"git+https://github.com/gionkunz/chartist-plugin-accessibility.git"},"bugs":{"url":"https://github.com/gionkunz/chartist-plugin-accessibility/issues"},"keywords":["chartist","charts","accessibility","plugin"],"files":["dist","LICENSE","package.json","README.md"],"main":"dist/chartist-plugin-accessibility.js","browser":"dist/chartist-plugin-accessibility.js","licenses":[{"type":"WTFPL","url":"https://github.com/gionkunz/chartist-plugin-accessibility/blob/master/LICENSE"}],"dependencies":{},"devDependencies":{"grunt":"^0.4.5","grunt-contrib-clean":"^0.6.0","grunt-contrib-copy":"^0.7.0","grunt-contrib-jasmine":"~0.8.1","grunt-contrib-jshint":"~0.10.0","grunt-contrib-uglify":"^0.6.0","grunt-umd":"~2.2.1","grunt-newer":"^0.8.0","jasmine-fixture":"~1.2.2","jshint-stylish":"~1.0.0","load-grunt-config":"^0.16.0","time-grunt":"^1.0.0"},"engines":{"node":">=0.8.0"},"scripts":{"test":"grunt test"},"config":{"banner":"/* chartist-plugin-accessibility <%= pkg.version %>\n * Copyright © <%= year %> Gion Kunz\n * Free to use under the WTFPL license.\n * http://www.wtfpl.net/\n */\n","src":"src","dist":"dist","tmp":".tmp","test":"test"},"gitHead":"13887915722f6e665086af26c5abb06d0508f593","_id":"chartist-plugin-accessibility@0.0.5","_npmVersion":"5.6.0","_nodeVersion":"8.7.0","_npmUser":{"name":"gionkunz","email":"gion@syncrea.ch"},"dist":{"integrity":"sha512-TwY5UQqHjmvq3aj4L1+X4CP7cuuY71/efKWmkCnZMyR7aqIODnOfesfUfQWi1Txg5xRBL2uIoUZXxv44VQztiA==","shasum":"0d9883cff4b8c0cc4ca547c81ecaed31480c3d20","tarball":"https://registry.npmjs.org/chartist-plugin-accessibility/-/chartist-plugin-accessibility-0.0.5.tgz","fileCount":7,"unpackedSize":25404,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDyO+eD4zSrCU3Gx2J1jyvOhUDu5XrYRSLSP7obhQrFGQIgaGurx6yq1ygfv8qdDCYu/1vA0Bb2cfbhX2cs+DUhYAQ="}]},"maintainers":[{"name":"gionkunz","email":"gion.kunz@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/chartist-plugin-accessibility_0.0.5_1518390238887_0.16891860869866315"},"_hasShrinkwrap":false}},"readme":"# Accessibility plugin for Chartist.js\n\nThis plugin generates a visually hidden table to make your Chartist charts accessible.\n\nPlease visit http://gionkunz.github.io/chartist-js/plugins.html for more information.\n\n## Available options and their defaults\n\n```javascript\nvar defaultOptions = {\n  // The caption will be used as table caption and will be read by the screen reader\n  // as an introduction to the content\n  caption: 'A graphical chart',\n\n  // The series header is used for Bar and Line charts where a table with row headers\n  // will be created and represents the column header of the column used for the row headers.\n  // The seriesHeader should describe what the series represent as a group.\n  seriesHeader: 'Series name',\n\n  // Use value transform to make the chart data values more accessible. Format the numbers,\n  // add a unit or wrap them into a short sentence. The valueTransform function will receive the\n  // current value as parameter and the return value is used to represent the value in the\n  // accessibility table.\n  valueTransform: Chartist.noop,\n\n  // Add an optional summary to the accessibility that, in addition to caption, will provide\n  // more detailed information about the chart. Describe what the data means and represents.\n  summary: undefined,\n\n  // Add an optional string of classes directly to <table class=\"\">. Allows leverage of css frameworks\n  // like Bootstrap and Semantic UI\n  class: undefined,\n\n  // Specify an ID that will be used for the accessibility container element. This can be a\n  // String or a function that returns a String.\n  elementId: function () {\n    return 'ct-accessibility-table-' + (+new Date());\n  },\n\n  // Override the style that is used to make the accessibility container visually hidden. This style was tested with\n  // NVDA and JAWS (March 2, 2015)\n  visuallyHiddenStyles: 'position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;'\n};\n```\n\n## Sample usage for a line chart\n\n```javascript\nvar chart = new Chartist.Line('.ct-chart', {\n  labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n  series: [\n    {name: 'Income', data: [20000, 30000, 35000, 32000, 40000, 42000, 50000, 62000, 80000, 94000, 100000, 120000]},\n    {name: 'Expenses', data: [10000, 15000, 12000, 14000, 20000, 23000, 22000, 24000, 21000, 18000, 30000, 32000]}\n  ]\n}, {\n  plugins: [\n    Chartist.plugins.ctAccessibility({\n      caption: 'Fiscal year 2015',\n      seriesHeader: 'business numbers',\n      summary: 'A graphic that shows the business numbers of the fiscal year 2015',\n      valueTransform: function(value) {\n        return value + ' dollar';\n      }\n    })\n  ]\n});\n```\n\n## Sample usage for a pie chart\n\n```javascript\nvar chart = new Chartist.Pie('.ct-chart', {\n  labels: ['Carbohydrates', 'Protein', 'Fat'],\n  series: [24, 8, 2]\n}, {\n  plugins: [\n    Chartist.plugins.ctAccessibility({\n      caption: 'Nutrients of a banana',\n      summary: 'A graphic that shows the nutrients of a banana',\n      valueTransform: function(value) {\n        var total = chart.data.series.reduce(function(prev, current) {\n          return prev + current;\n        }, 0);\n        return Math.round(value / total * 100) + '%' + ' with ' + value + ' grams';\n      }\n    })\n  ]\n});\n```\n\n### Generated accessibility table for the above example\n\n```html\n<div style=\"position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;\" id=\"ct-accessibility-table-1425311150915\">\n  <table summary=\"A graphic that shows the nutrients of a banana\">\n    <caption>Nutrients of a banana</caption>\n    <tbody>\n      <tr>\n        <th scope=\"col\" role=\"columnheader\">Carbohydrates</th>\n        <th scope=\"col\" role=\"columnheader\">Protein</th>\n        <th scope=\"col\" role=\"columnheader\">Fat</th>\n      </tr>\n      <tr>\n        <td>71% with 24 grams</td>\n        <td>24% with 8 grams</td>\n        <td>6% with 2 grams</td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n```\n","maintainers":[{"name":"gionkunz","email":"gion.kunz@gmail.com"}],"time":{"modified":"2022-06-13T05:54:08.804Z","created":"2015-03-03T20:36:47.739Z","0.0.1":"2015-03-03T20:36:47.739Z","0.0.2":"2015-05-10T21:35:51.954Z","0.0.4":"2015-06-28T22:26:47.188Z","0.0.5":"2018-02-11T23:03:59.592Z"},"homepage":"https://gionkunz.github.io/chartist-plugin-accessibility","keywords":["chartist","charts","accessibility","plugin"],"repository":{"type":"git","url":"git+https://github.com/gionkunz/chartist-plugin-accessibility.git"},"author":{"name":"Gion Kunz"},"bugs":{"url":"https://github.com/gionkunz/chartist-plugin-accessibility/issues"},"readmeFilename":"README.md"}