[BLOG] PyData Sphinx Theme Accessibility Fixes

apps/labs/components/LinkWithArrow/LinkWithArrow.tsx

@@ -10,8 +10,8 @@ export const LinkWithArrow: FC<LinkWithArrowProps> = ({
   ...restProps
 }) => {
   return (
-    <Link {...restProps}>
-      <a className="text-[1.4rem] font-normal leading-[2.7rem]">
+    <Link {...restProps} className="text-[1.4rem] font-normal leading-[2.7rem]">
+      <>
         <span className="mr-[1rem]">
           <Image
             src="/arrow-left.svg"
@@ -22,7 +22,7 @@ export const LinkWithArrow: FC<LinkWithArrowProps> = ({
           />
         </span>
         {children}
-      </a>
+      </>
     </Link>
   );
 };

apps/labs/components/Posts/FeaturedPosts/FeaturedPosts.tsx

@@ -37,7 +37,7 @@ export const FeaturedPosts: FC<TFeaturedPostsProps> = ({ posts }) => {
             <div className="px-[1.5rem] pt-[1.5rem] pb-[3rem]">
               <h4 className="text-[2.2rem] font-extrabold leading-[3.7rem] text-black">
                 <Link href={`/blog/${post.slug}`}>
-                  <a>{post.meta.title}</a>
+                  {post.meta.title}
                 </Link>
               </h4>
               <p className="font-sans text-[1.2rem] font-normal leading-[2.7rem]">

apps/labs/components/Posts/PostListItem/PostListItem.tsx

@@ -48,7 +48,7 @@ export const PostListItem: FC<TPostListItem> = ({ post, variant }) => (
         )}
       >
         <Link href={`/blog/${post.slug}`}>
-          <a>{post.meta.title}</a>
+          {post.meta.title}
         </Link>
       </h3>
       <p className="text-[1.2rem] font-normal leading-[2.7rem] text-black text-sans">