Repository navigation
[Dream-882] Provide accessible descriptions for backlog graphs - #25745
bsatarnejad merged 4 commits into
Conversation
|
Warning Flaky specs
🤖 Ask Copilot to investigateCopy the prompt below into a new comment on this PR to delegate the investigation to GitHub Copilot. It will look into the flakiness and open a separate pull request with you as reviewer. |
planktonic
left a comment
There was a problem hiding this comment.
So good to make the charts more accessible! It could be great to add a follow up ticket to make the fallback content a <table> element, for the more complex/larger charts, what do you think?
(I don’t have the permissions to approve PRs here, so this is just a comment :))
| @if (hasChartData()) { | ||
| <div class="position-relative mx-auto" style="height:60vh"> | ||
| <canvas baseChart | ||
| <p [id]="chartDescriptionId" hidden>{{ chartDescription() }}</p> |
There was a problem hiding this comment.
Is there a reason to render the chartDescription twice? The fallback content inside the canvas element is needed, but I don’t know if it’s useful to repeat it in an aria-description.
There was a problem hiding this comment.
Good point! It is not needed to repeat it.
50f5f83 to
77b9a9b
Compare
Yes, I agree. A table would make larger charts easier to navigate and compare. I will create a follow-up ticket 👍🏼 |
Ticket
https://community.openproject.org/wp/DREAM-882
What are you trying to accomplish?
Adds an accessible description to the backlog burndown chart so screen-reader users can understand its purpose and data without relying on the visual presentation.