Documentation for "Accessible charts" (#51370)

Co-authored-by: Ben Ahmady <32935794+subatoi@users.noreply.github.com>

content/repositories/viewing-activity-and-data-for-your-repository/analyzing-changes-to-a-repositorys-content.md

@@ -30,14 +30,11 @@ You can see all commits made to a repository in the past year (excluding merge c
 
 The top graph shows commits for the entire year by week. The bottom graph shows the average number of commits by day of the week for the selected week.
 
-![Screenshot of both the repository commit graphs, showing a yearly and then a weekly view.](/assets/images/help/graphs/repo-commit-activity-graphs.png)
-
 ### Accessing the commits graph
 
 {% data reusables.repositories.navigate-to-repo %}
 {% data reusables.repositories.accessing-repository-graphs %}
 1. In the left sidebar, click **Commits**.
-![Screenshot of the left sidebar. The "Commits" tab is highlighted with a dark orange outline.](/assets/images/help/graphs/commits-tab.png)
 
 ## Visualizing additions and deletion to content in a repository
 
@@ -45,18 +42,14 @@ The top graph shows commits for the entire year by week. The bottom graph shows
 
 The code frequency graph displays the content additions and deletions for each week in a repository's history.
 
-{% ifversion fpt or ghec %}
-
-![Screenshot of the code frequency graph.](/assets/images/help/graphs/repo-code-frequency-graph-dotcom.png)
-
-{% endif %}
-
 ### Accessing the code frequency graph
 
 {% data reusables.repositories.navigate-to-repo %}
 {% data reusables.repositories.accessing-repository-graphs %}
 1. In the left sidebar, click **Code frequency**.
-![Screenshot of the left sidebar. The "Code frequency" tab is highlighted with a dark orange outline.](/assets/images/help/graphs/code-frequency-tab.png)
+{%- ifversion accessible-charts %}
+{% data reusables.repositories.repositories-insights-graphs-download-steps %}
+{% endif %}
 
 {% ifversion repository-activity-view %}
 {% data reusables.repositories.activity-view %}

content/repositories/viewing-activity-and-data-for-your-repository/viewing-a-projects-contributors.md

@@ -31,9 +31,12 @@ You can also see a list of people who have contributed to the project's Python d
 {% data reusables.repositories.navigate-to-repo %}
 {% data reusables.repositories.accessing-repository-graphs %}
 1. In the left sidebar, click **Contributors**.
-   ![Screenshot of the "Contributors" tab. The tab is highlighted with a dark orange outline.](/assets/images/help/graphs/contributors-tab.png)
+{%- ifversion accessible-charts %}
+1. Optionally, to view contributors during a specific time period, to the right of "Contributors," click **Period: All**. Then select a time period.
+{% data reusables.repositories.repositories-insights-graphs-download-steps %}
+{%- else %}
 1. Optionally, to view contributors during a specific time period, click, then drag until the time period is selected. The contributors graph sums weekly commit numbers onto each Sunday, so your time period must include a Sunday.
-   ![Screenshot of a selection of a specific time period in the contributors graph. The selection is highlighted with a dark orange outline.](/assets/images/help/graphs/repo-contributors-click-drag-graph.png)
+{% endif %}
 
 ## Troubleshooting contributors
 

data/features/accessible-charts.yml

@@ -0,0 +1,6 @@
+# Issue 14969
+# Accessibility updates to the repo insights and the code frequency pages
+versions:
+  fpt: '*'
+  ghec: '*'
+  ghes: '>=3.15'

data/reusables/repositories/repositories-insights-graphs-download-steps.md

@@ -0,0 +1,2 @@
+1. Optionally, to view the graph as a table, in the top-right corner of the graph, click {% octicon "kebab-horizontal" aria-label="Chart options" %}. Then click **View as table**.
+1. Optionally, to download a CSV or PNG, in the top-right corner of the graph, click {% octicon "kebab-horizontal" aria-label="Chart options" %}. Then click **Download CSV** or **Download PNG**.