fix: add aria label to links in card

nl-design-system · Oct 10, 2023 · 2c05dbd · 2c05dbd
1 parent d649c76
commit 2c05dbd
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/components/Card/src/Card/CaseCard.tsx b/components/Card/src/Card/CaseCard.tsx
@@ -74,7 +74,7 @@ export const CaseCard: React.FC<CaseCardProps> = ({
                 <CardDate dateTime={date.toISOString()}>{date.toLocaleDateString()}</CardDate>
               </CardDateWrapper>
             )}
-            <CardAction href={href} Action={Link}>
+            <CardAction aria-label={title} href={href} Action={Link}>
               <ArrowRightIcon className="denhaag-card__arrow-icon" />
             </CardAction>
           </CardActions>

diff --git a/components/Card/src/Card/SubjectCard.tsx b/components/Card/src/Card/SubjectCard.tsx
@@ -55,7 +55,7 @@ export const SubjectCard: React.FC<SubjectCardProps> = ({ title, subTitle, date,
               <CardDate dateTime={date.toISOString()}>{date.toLocaleDateString()}</CardDate>
             </CardDateWrapper>
           )}
-          <CardAction href={href} Action={Link}>
+          <CardAction aria-label={title} href={href} Action={Link}>
             <ArrowRightIcon className="denhaag-card__arrow-icon" />
           </CardAction>
         </CardActions>