chore: improve accessibility (#20)

Improve images, code blocks, cards and progress bar accessibility.

3 files changed, 11 insertions, 4 deletions

diff --git a/src/components/organisms/layout/cards-list.tsx b/src/components/organisms/layout/cards-list.tsx
index 1feddd0..dd05e59 100644
--- a/src/components/organisms/layout/cards-list.tsx
+++ b/src/components/organisms/layout/cards-list.tsx
@@ -55,9 +55,10 @@ const CardsList: FC<CardsListProps> = ({
         value: (
           <Card
             key={id}
+            className={styles.card}
             coverFit={coverFit}
+            id={id}
             titleLevel={titleLevel}
-            className={styles.card}
             {...card}
           />
         ),
diff --git a/src/components/organisms/layout/posts-list.tsx b/src/components/organisms/layout/posts-list.tsx
index 24869fd..e3788c7 100644
--- a/src/components/organisms/layout/posts-list.tsx
+++ b/src/components/organisms/layout/posts-list.tsx
@@ -190,10 +190,12 @@ const PostsList: FC<PostsListProps> = ({
     return (
       <>
         <ProgressBar
+          aria-label={progressInfo}
+          current={posts.length}
+          id="loaded-posts"
+          label={progressInfo}
           min={1}
           max={total}
-          current={posts.length}
-          info={progressInfo}
         />
         {showLoadMoreBtn && (
           <Button
diff --git a/src/components/organisms/layout/summary.tsx b/src/components/organisms/layout/summary.tsx
index 8807878..5d27862 100644
--- a/src/components/organisms/layout/summary.tsx
+++ b/src/components/organisms/layout/summary.tsx
@@ -115,7 +115,11 @@ const Summary: FC<SummaryProps> = ({
         <ButtonLink target={url} className={styles['read-more']}>
           <>
             {readMore}
-            <Arrow direction="right" className={styles.icon} />
+            <Arrow
+              aria-hidden={true}
+              className={styles.icon}
+              direction="right"
+            />
           </>
         </ButtonLink>
       </div>