From 26a4d0de13bd187808317f8a204dcc914995d286 Mon Sep 17 00:00:00 2001
From: Sudarshan-prog <epicvisionsan@gmail.com>
Date: Mon, 6 Oct 2025 20:24:27 +0530
Subject: [PATCH] Improve accessibility for links and code editors

---
 utils/mdx-components.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/utils/mdx-components.tsx b/utils/mdx-components.tsx
index 4b1d54af..03242edb 100644
--- a/utils/mdx-components.tsx
+++ b/utils/mdx-components.tsx
@@ -62,11 +62,11 @@ const components: React.ComponentProps<typeof MDXProvider>['components'] = {
     const language = className.replace(/language-/, '') as Language | 'react' | 'sh';
 
     if (language === 'react') {
-      return <LiveEdit code={children.trim()} />;
+      return <LiveEdit code={children.trim()} aria-label="Live code editor" />;
     } else if (language === 'sh') {
-      return <CodeBlock code={children.trim()} language="bash" />;
+      return <CodeBlock code={children.trim()} language="bash" aria-label="Code snippet in Bash" />;
     } else if (language) {
-      return <CodeBlock code={children.trim()} language={language} />;
+      return <CodeBlock code={children.trim()} language={language} aria-label={`Code snippet in ${language}`} />;
     }
 
     return <Code>{children}</Code>;
@@ -77,8 +77,9 @@ const components: React.ComponentProps<typeof MDXProvider>['components'] = {
   },
 
   a({ href, children }) {
+    const content = children || href;
     return (
-      <Link href={href || ''} inline>
+      <Link href={href || ''} inline aria-label={typeof children === 'string' ? undefined : href}>
         {children}
       </Link>
     );