diff --git a/site/source/pages/statistiques/AccessibleTable.tsx b/site/source/pages/statistiques/AccessibleTable.tsx
index 2ee9cf69f..f2bafd3e8 100644
--- a/site/source/pages/statistiques/AccessibleTable.tsx
+++ b/site/source/pages/statistiques/AccessibleTable.tsx
@@ -14,7 +14,10 @@ interface AccessibleTableProps {
}[]
formatKey?: (key: string) => string
formatValue?: (data: { key: string; value: number }) => string
- caption?: ReactNode
+ /**
+ * RGAA requires a caption for tables
+ */
+ caption: ReactNode
}
export const AccessibleTable = ({
diff --git a/site/source/pages/statistiques/SatisfactionChart.tsx b/site/source/pages/statistiques/SatisfactionChart.tsx
index 53a629b8e..c23d1e980 100644
--- a/site/source/pages/statistiques/SatisfactionChart.tsx
+++ b/site/source/pages/statistiques/SatisfactionChart.tsx
@@ -198,8 +198,11 @@ const AccessibleVersion = ({
}
caption={
- Tableau présentant le nombre de visites par page et par mois en{' '}
- {dataType === 'pourcentage' ? t('pourcentage') : t('nombres')}.
+ Tableau indiquant la satisfaction des utilisateurs en{' '}
+ {dataType === 'pourcentage'
+ ? t('pourcentage')
+ : t('nombres de votes')}{' '}
+ sur le site mon-entreprise par mois.
}
/>
diff --git a/site/source/pages/statistiques/StatsDetail.tsx b/site/source/pages/statistiques/StatsDetail.tsx
index feeb5c94b..183f3cc20 100644
--- a/site/source/pages/statistiques/StatsDetail.tsx
+++ b/site/source/pages/statistiques/StatsDetail.tsx
@@ -205,7 +205,8 @@ export const StatsDetail = ({ stats, accessibleMode }: StatsDetailProps) => {
caption={
Tableau indiquant le nombre de visites sur le site
- mon-entreprise par mois ou par jour.
+ mon-entreprise par{' '}
+ {period === 'jours' ? t('jours') : t('mois')}.
}
/>
diff --git a/site/source/pages/statistiques/StatsGlobal.tsx b/site/source/pages/statistiques/StatsGlobal.tsx
index 1a6230965..dd6e60f61 100644
--- a/site/source/pages/statistiques/StatsGlobal.tsx
+++ b/site/source/pages/statistiques/StatsGlobal.tsx
@@ -1,4 +1,4 @@
-import { Trans, useTranslation } from 'react-i18next'
+import { useTranslation } from 'react-i18next'
import { useLocation } from 'react-router-dom'
import { Emoji } from '@/design-system/emoji'
@@ -6,8 +6,7 @@ import { Grid, Spacing } from '@/design-system/layout'
import { H2 } from '@/design-system/typography/heading'
import { Link } from '@/design-system/typography/link'
-import { AccessibleTable } from './AccessibleTable'
-import { SatisfactionStyle, round } from './SatisfactionChart'
+import { SatisfactionStyle } from './SatisfactionChart'
import { SatisfactionLevel, StatsStruct } from './types'
import { Indicator, IndicatorProps } from './utils'
@@ -174,17 +173,17 @@ export default function StatsGlobal({
Voir les demandes populaires
+ .
>
}
/>
@@ -211,37 +211,11 @@ export default function StatsGlobal({
- Le pourcentage de satisfaction du mois en cours.
-
- }
- formatValue={({ value }) => formatPercentage(value)}
- />
- ) : (
-
- )
+
}
- footnote={`Pour un total de ${currentMonthSatisfaction.total} avis ce mois-ci`}
+ footnote={`Pour un total de ${currentMonthSatisfaction.total} avis ce mois-ci.`}
/>
)}
@@ -264,5 +238,3 @@ export default function StatsGlobal({
>
)
}
-
-const formatPercentage = (value: number) => `${round(value, 2)} %`