diff --git a/src/components/ProgressBar.tsx b/src/components/ProgressBar.tsx index d3e0bca..6412cc7 100644 --- a/src/components/ProgressBar.tsx +++ b/src/components/ProgressBar.tsx @@ -100,10 +100,12 @@ const ItemIcon = ({ variant }: { variant: ProgressBarItemVariant }) => { isCorrect: { icon: faCheck, color: colors.answer.correct, + label: 'Correct', }, isIncorrect: { icon: faXmark, color: colors.answer.incorrect, + label: 'Incorrect', }, }[variant]; @@ -112,6 +114,8 @@ const ItemIcon = ({ variant }: { variant: ProgressBarItemVariant }) => { color={variantData.color} height='16px' width='16px' + aria-label={variantData.label} + aria-hidden={undefined} />; } diff --git a/src/components/__snapshots__/ProgressBar.spec.tsx.snap b/src/components/__snapshots__/ProgressBar.spec.tsx.snap index 4333ca5..7d6f3cd 100644 --- a/src/components/__snapshots__/ProgressBar.spec.tsx.snap +++ b/src/components/__snapshots__/ProgressBar.spec.tsx.snap @@ -17,7 +17,7 @@ exports[`ProgressBar matches snapshot 1`] = ` 1