From a25a960235b9df4c9c8159710de26b2f201304a3 Mon Sep 17 00:00:00 2001
From: cj-do-gta-sander <brepacks@proton.me>
Date: Thu, 24 Oct 2024 14:52:54 -0300
Subject: [PATCH] feat: add aria labels to How Long to Beat and Achievements in
 game details sidebar

---
 src/locales/en/translation.json                               | 1 +
 src/locales/pt-BR/translation.json                            | 1 +
 .../pages/game-details/sidebar/how-long-to-beat-section.tsx   | 3 +++
 src/renderer/src/pages/game-details/sidebar/sidebar.tsx       | 4 ++++
 4 files changed, 9 insertions(+)

diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
index d26a351d..5d72b35f 100644
--- a/src/locales/en/translation.json
+++ b/src/locales/en/translation.json
@@ -136,6 +136,7 @@
     "warning": "Warning:",
     "hydra_needs_to_remain_open": "for this download, Hydra needs to remain open util its conclusion. In case Hydra closes before the conclusion, you will lose your progress.",
     "achievements": "Achievements",
+    "achievement": "Achievement",
     "achievements_count": "Achievements {{unlockedCount}}/{{achievementsCount}}",
     "cloud_save": "Cloud save",
     "cloud_save_description": "Save your progress in the cloud and continue playing on any device",
diff --git a/src/locales/pt-BR/translation.json b/src/locales/pt-BR/translation.json
index b9df36b1..aefdd5b6 100644
--- a/src/locales/pt-BR/translation.json
+++ b/src/locales/pt-BR/translation.json
@@ -132,6 +132,7 @@
     "warning": "Aviso:",
     "hydra_needs_to_remain_open": "para este download, o Hydra precisa ficar aberto até a conclusão. Caso o Hydra encerre antes da conclusão, perderá seu progresso.",
     "achievements": "Conquistas",
+    "achievement": "Conquista",
     "achievements_count": "Conquistas ({{unlockedCount}}/{{achievementsCount}})",
     "cloud_save": "Salvamento em nuvem",
     "cloud_save_description": "Mantenha seu progresso na nuvem e continue de onde parou em qualquer dispositivo",
diff --git a/src/renderer/src/pages/game-details/sidebar/how-long-to-beat-section.tsx b/src/renderer/src/pages/game-details/sidebar/how-long-to-beat-section.tsx
index d63879f5..5080ce9d 100644
--- a/src/renderer/src/pages/game-details/sidebar/how-long-to-beat-section.tsx
+++ b/src/renderer/src/pages/game-details/sidebar/how-long-to-beat-section.tsx
@@ -38,6 +38,9 @@ export function HowLongToBeatSection({
                 <li
                   key={category.title}
                   className={styles.howLongToBeatCategory}
+                  aria-label={`${category.title}, ${getDuration(
+                    category.duration,
+                  )}`}
                 >
                   <p
                     className={styles.howLongToBeatCategoryLabel}
diff --git a/src/renderer/src/pages/game-details/sidebar/sidebar.tsx b/src/renderer/src/pages/game-details/sidebar/sidebar.tsx
index c4ad640b..c845dcc4 100644
--- a/src/renderer/src/pages/game-details/sidebar/sidebar.tsx
+++ b/src/renderer/src/pages/game-details/sidebar/sidebar.tsx
@@ -194,6 +194,10 @@ export function Sidebar() {
                   })}
                   className={styles.listItem}
                   title={achievement.description}
+                  aria-label={`
+                    ${t("achievement")} ${index + 1},
+                    ${achievement.displayName}
+                  `}
                 >
                   <img
                     className={styles.listItemImage({