Adds accessibility improvements to docs. Closes #4742

Author: Adam-it

docs/package-lock.json

@@ -18,7 +18,7 @@
     "@docusaurus/core": "^2.4.0",
     "@docusaurus/preset-classic": "^2.4.0",
     "@mdx-js/react": "^1.6.22",
-    "@mendable/search": "^0.0.93",
+    "@mendable/search": "^0.0.99",
     "clsx": "^1.2.1",
     "docusaurus-plugin-sass": "^0.2.3",
     "prism-react-renderer": "^1.3.5",

docs/package.json

@@ -20,7 +20,7 @@ const TeamCardOverview = ({individuals}: ITeamCardOverview): JSX.Element => (
         <div className={styles.gridItemContainer}>
           <div className={styles.gridItem}>
             <div className={styles.gridItemAlignCenter}>
-              <img src={individual.github ? `https://github.com/${individual.github}.png` : `https://ui-avatars.com/api/?name=${individual.name}`} className={styles.gridItemImg} />
+              <img alt='GitHub avatar' src={individual.github ? `https://github.com/${individual.github}.png` : `https://ui-avatars.com/api/?name=${individual.name}`} className={styles.gridItemImg} />
             </div>
             <div className={styles.gridItemAlignCenter}>
               <div className={styles.gridItemText}>

docs/src/components/TeamCardOverview.tsx

@@ -59,6 +59,10 @@
       color: var(--ifm-font-color-base);
     }
   }
+
+  .container a {
+    text-decoration: underline;
+  }
 }
 
 /* Reduce width on mobile for Mendable Search */