Skip to content

feat(a11y): add basic aria-label to canvas element#1084

Merged
rshen91 merged 12 commits intoelastic:masterfrom
rshen91:static-alt-text
Mar 25, 2021
Merged

feat(a11y): add basic aria-label to canvas element#1084
rshen91 merged 12 commits intoelastic:masterfrom
rshen91:static-alt-text

Conversation

@rshen91
Copy link
Copy Markdown
Contributor

@rshen91 rshen91 commented Mar 22, 2021

Summary

This PR adds Chart to the canvas element for Cartesian charts. Tested with VoiceOver and safari. Added a jest puppeteer test for the accessibility object model showing that the alternative text is indeed in the AOM.

Checklist

Delete any items that are not applicable to this PR.

  • Unit tests were updated or added to match the most common scenarios

@rshen91 rshen91 changed the title feat(xy_charts): add static alternative text for xy_charts feat: add static alternative text for xy_charts Mar 22, 2021
@rshen91 rshen91 added :accessibility Accessibility related issue :xy Bar/Line/Area chart related labels Mar 23, 2021
@rshen91
Copy link
Copy Markdown
Contributor Author

rshen91 commented Mar 23, 2021

jenkins test this

Copy link
Copy Markdown

@myasonik myasonik left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's a start!

It doesn't solve Charts' accessibility issues but it takes the first step.

@rshen91 rshen91 marked this pull request as ready for review March 23, 2021 21:52
@codecov-io
Copy link
Copy Markdown

Codecov Report

Merging #1084 (36a71d8) into master (7e2a5e1) will increase coverage by 0.43%.
The diff coverage is n/a.

Impacted file tree graph

@@            Coverage Diff             @@
##           master    #1084      +/-   ##
==========================================
+ Coverage   71.55%   71.98%   +0.43%     
==========================================
  Files         381      397      +16     
  Lines       11914    12229     +315     
  Branches     2588     2636      +48     
==========================================
+ Hits         8525     8803     +278     
- Misses       3358     3387      +29     
- Partials       31       39       +8     
Flag Coverage Δ
unittests 71.55% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files Coverage Δ
.../chart_types/xy_chart/renderer/canvas/xy_chart.tsx 94.59% <ø> (ø)
src/mocks/series/utils.ts 100.00% <0.00%> (ø)
src/mocks/specs/index.ts 100.00% <0.00%> (ø)
src/mocks/series/series.ts 91.22% <0.00%> (ø)
src/mocks/series/data.ts 100.00% <0.00%> (ø)
src/mocks/specs/specs.ts 83.33% <0.00%> (ø)
src/mocks/theme.ts 86.66% <0.00%> (ø)
src/mocks/utils.ts 100.00% <0.00%> (ø)
src/mocks/scale/scale.ts 77.77% <0.00%> (ø)
src/mocks/store/store.ts 92.59% <0.00%> (ø)
... and 7 more

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 7e2a5e1...36a71d8. Read the comment docs.

@markov00 markov00 added wip work in progress and removed wip work in progress labels Mar 24, 2021
@rshen91 rshen91 removed the :xy Bar/Line/Area chart related label Mar 25, 2021
Copy link
Copy Markdown
Collaborator

@markov00 markov00 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good to merge after solving merge conflicts

@markov00 markov00 changed the title feat: add static alternative text for xy_charts feat(a11y): add basic aria-label to canvas element Mar 25, 2021
@rshen91 rshen91 merged commit 1a5aef7 into elastic:master Mar 25, 2021
github-actions bot pushed a commit that referenced this pull request Mar 26, 2021
# [26.1.0](v26.0.0...v26.1.0) (2021-03-26)

### Features

* **a11y:** add basic aria-label to canvas element ([#1084](#1084)) ([1a5aef7](1a5aef7))
* **xy_charts:** render legend inside the chart ([#1031](#1031)) ([ba88122](ba88122)), closes [#861](#861)
@nickofthyme
Copy link
Copy Markdown
Collaborator

🎉 This PR is included in version 26.1.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

@nickofthyme nickofthyme added the released Issue released publicly label Mar 26, 2021
AMoo-Miki pushed a commit to AMoo-Miki/OpenSearch-Dashboards that referenced this pull request Feb 10, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

:accessibility Accessibility related issue released Issue released publicly

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants