zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-16 02:45:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(site): site accessibility rough edges (#1330)

Browse Source 
Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Darius Cepulis
2026-04-14 09:50:53 -05:00
committed by GitHub
co-authored by Claude Opus 4.6
parent 102dfd2971
commit ddf5622b2f
25 changed files with 168 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/components/NavBar/MobileNav.tsx
+3 -1
View File
@@ -96,7 +96,7 @@ export default function MobileNav({ navLinks, currentPath, children }: MobileNav
className={className}
aria-current={isActive ? 'page' : undefined}
>
{link.label} {link.external ? <ArrowUpRight size="1em" /> : null}
{link.label} {link.external ? <ArrowUpRight size="1em" aria-hidden="true" /> : null}
</a>
);
})}
@@ -106,6 +106,7 @@ export default function MobileNav({ navLinks, currentPath, children }: MobileNav
'intent:bg-manila-dark dark:intent:bg-warm-gray flex items-center justify-center px-5 py-3.5 font-display uppercase font-bold text-h5 text-center border-t border-faded-black dark:border-manila-dark'
)}
target="_blank"
rel="noopener"
>
Discord
</a>
@@ -116,6 +117,7 @@ export default function MobileNav({ navLinks, currentPath, children }: MobileNav
'border-b'
)}
target="_blank"
rel="noopener"
>
GitHub
</a>
site/src/components/NavBar/NavBar.astro
+5 -1
View File
@@ -33,6 +33,7 @@ const { class: className, dark = false } = Astro.props;
---
<nav
aria-label="Video.js"
class:list={[
"flex justify-between",
"mx-auto w-full max-w-305 items-center px-5 py-7 md:py-10",
@@ -64,7 +65,10 @@ const { class: className, dark = false } = Astro.props;
"flex items-center rounded-xs px-5 py-2 font-display font-bold uppercase intent:bg-manila-dark dark:intent:bg-warm-gray",
]}
>
{link.label} {link.external ? <ArrowUpRight size="1em" /> : null}
{link.label}{" "}
{link.external ? (
<ArrowUpRight size="1em" aria-hidden="true" />
) : null}
</a>
))
}
site/src/components/NavBar/NavBarDocs.astro
+9 -2
View File
@@ -32,6 +32,7 @@ const { class: className } = Astro.props;
---
<nav
aria-label="Video.js"
class:list={[
"sticky top-0 z-30 mx-auto flex w-full items-center justify-between border-b border-b-manila-75 bg-manila-light px-5 dark:border-warm-gray dark:bg-faded-black",
className,
@@ -55,7 +56,10 @@ const { class: className } = Astro.props;
aria-current={isDocsActive ? "page" : undefined}
>
Docs
<hr class="absolute right-0 -bottom-px left-0 h-px bg-orange" />
<hr
aria-hidden="true"
class="absolute right-0 -bottom-px left-0 h-px bg-orange"
/>
</GetStartedLink>
{
otherNavLinks.map((link) => (
@@ -65,7 +69,10 @@ const { class: className } = Astro.props;
"flex items-center rounded-xs px-5 py-2 font-display text-h3 uppercase intent:bg-manila-dark dark:intent:bg-warm-gray",
]}
>
{link.label} {link.external ? <ArrowUpRight size="1em" /> : null}
{link.label}{" "}
{link.external ? (
<ArrowUpRight size="1em" aria-hidden="true" />
) : null}
</a>
))
}