fix: use readable translation keys

Author: graphieros

app/components/Compare/FacetBarChart.vue

@@ -115,9 +115,9 @@ const config = computed<VueUiHorizontalBarConfig>(() => {
     theme: isDarkMode.value ? 'dark' : '',
     a11y: {
       translations: {
-        keyboardNavigation: $t('package.trends.chart_sr.keyboard_navigation_vertical'),
-        tableAvailable: $t('package.trends.chart_sr.table_available'),
-        tableCaption: $t('package.trends.chart_sr.table_caption'),
+        keyboardNavigation: $t('package.trends.chart_assistive_text.keyboard_navigation_vertical'),
+        tableAvailable: $t('package.trends.chart_assistive_text.table_available'),
+        tableCaption: $t('package.trends.chart_assistive_text.table_caption'),
       },
     },
     userOptions: {

app/components/Package/TrendsChart.vue

@@ -1390,9 +1390,9 @@ const chartConfig = computed<VueUiXyConfig>(() => {
     theme: isDarkMode.value ? 'dark' : ('' as VueDataUiTheme),
     a11y: {
       translations: {
-        keyboardNavigation: $t('package.trends.chart_sr.keyboard_navigation_horizontal'),
-        tableAvailable: $t('package.trends.chart_sr.table_available'),
-        tableCaption: $t('package.trends.chart_sr.table_caption'),
+        keyboardNavigation: $t('package.trends.chart_assistive_text.keyboard_navigation_horizontal'),
+        tableAvailable: $t('package.trends.chart_assistive_text.table_available'),
+        tableCaption: $t('package.trends.chart_assistive_text.table_caption'),
       },
     },
     chart: {

app/components/Package/VersionDistribution.vue

@@ -163,9 +163,9 @@ const chartConfig = computed<VueUiXyConfig>(() => {
     theme: isDarkMode.value ? 'dark' : '',
     a11y: {
       translations: {
-        keyboardNavigation: $t('package.trends.chart_sr.keyboard_navigation_horizontal'),
-        tableAvailable: $t('package.trends.chart_sr.table_available'),
-        tableCaption: $t('package.trends.chart_sr.table_caption'),
+        keyboardNavigation: $t('package.trends.chart_assistive_text.keyboard_navigation_horizontal'),
+        tableAvailable: $t('package.trends.chart_assistive_text.table_available'),
+        tableCaption: $t('package.trends.chart_assistive_text.table_caption'),
       },
     },
     chart: {

app/components/Package/WeeklyDownloadStats.vue

@@ -315,9 +315,9 @@ const config = computed<VueUiSparklineConfig>(() => {
   return {
     a11y: {
       translations: {
-        keyboardNavigation: $t('package.trends.chart_sr.keyboard_navigation_horizontal'),
-        tableAvailable: $t('package.trends.chart_sr.table_available'),
-        tableCaption: $t('package.trends.chart_sr.table_caption'),
+        keyboardNavigation: $t('package.trends.chart_assistive_text.keyboard_navigation_horizontal'),
+        tableAvailable: $t('package.trends.chart_assistive_text.table_available'),
+        tableCaption: $t('package.trends.chart_assistive_text.table_caption'),
       },
     },
     theme: 'dark',

i18n/locales/en.json

@@ -482,7 +482,7 @@
       "maintainer_template": "{avatar} {char126}{name}"
     },
     "trends": {
-      "chart_sr": {
+      "chart_assistive_text": {
         "keyboard_navigation_horizontal": "Use the left and right arrow keys to cycle through data points.",
         "keyboard_navigation_vertical": "Use the up and down arrow keys to cycle through data points.",
         "table_available": "A data table for this chart is available below.",

i18n/locales/fr-FR.json

@@ -449,7 +449,7 @@
       "show_less": "(afficher moins)"
     },
     "trends": {
-      "chart_sr": {
+      "chart_assistive_text": {
         "keyboard_navigation_horizontal": "Utilisez les touches fléchées gauche et droite pour parcourir les points de données.",
         "keyboard_navigation_vertical": "Utilisez les touches fléchées haut et bas pour parcourir les points de données.",
         "table_available": "Un tableau de données pour ce graphique est disponible ci-dessous.",

i18n/schema.json

@@ -1450,7 +1450,7 @@
         "trends": {
           "type": "object",
           "properties": {
-            "chart_sr": {
+            "chart_assistive_text": {
               "type": "object",
               "properties": {
                 "keyboard_navigation_horizontal": {