Added accessibility for charts

[littlesvensson]

Fixes #11798

Description

Adding accessibility features for graphs and charts. Basically no visual difference in appearance just added some aria attributes, and tables, with description within the sr-only class

Before

After

tables for complex graphics example

[accesslint]

There are accessibility issues in these changes.

[accesslint]

There are accessibility issues in these changes.

[accesslint]

👏 You fixed the issue(s)! Great work.

[dryrunsecurity]

DryRun Security Summary

The pull request adds accessibility features to templates while introducing potential security risks through XSS vulnerabilities in metrics.js and possible information exposure in metrics data.

Expand for full summary

The PR introduces accessibility improvements across multiple template files, focusing on enhancing screen reader support and providing alternative data representations for charts and graphs.

Security Vulnerabilities:

1. In dojo/static/dojo/js/metrics.js:
   • XSS risk due to potential HTML tag removal via regex
   • Unsafe DOM manipulation using jQuery's .append()
   • Lack of comprehensive input validation for punchcardData and ticks
2. Potential information exposure through detailed weekly breakdown of metrics

No other direct security vulnerabilities were identified in the reviewed files.

Code Analysis

We ran 9 analyzers against 6 files and 2 analyzers had findings. 7 analyzers had no findings.

Analyzer	Findings
Cross-Site Scripting Analyzer	7 findings
Configured Codepaths Analyzer	9 findings

Overall Riskiness

🔴 Risk threshold exceeded.

We've notified @mtesauro, @grendel513.

View PR in the DryRun Dashboard.

[Maffooch]

@littlesvensson we had some issues with unit tests a few days ago. Please update your branch with the latest version of bugfix and we'll approve shortly after!

[mtesauro]

Closing and reopening to see if I can make AccessLint happy...

[mtesauro]

Whelp, sometimes AccessLint gets stuck. 🤷

[mtesauro]

Approved