qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2024-11-13 08:46:56 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improve accesibility (in Desktop mode) from 90 to 95

Browse Source
This commit is contained in:
juancruz 2024-01-18 22:42:51 -03:00
parent 9dbf7a91df
commit fffef60892
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/navbar.svelte
View File

@ -21,7 +21,8 @@
name: 'API', name: 'API',
url: '/api', url: '/api',
icon: CloudyIcon, icon: CloudyIcon,
external: false external: false,
label: "Go to the SVGL's API section"
}, },
{ {
name: 'Extensions', name: 'Extensions',
@ -35,7 +36,7 @@
url: 'https://github.com/pheralb/svgl#-getting-started', url: 'https://github.com/pheralb/svgl#-getting-started',
icon: ArrowUpRight, icon: ArrowUpRight,
external: true, external: true,
label: "Go to the SVGL's getting started section" label: "Submit logo and go to the SVGL's getting started section"
} }
]; ];
</script> </script>
@ -50,11 +51,13 @@
> >
<div class="flex items-center justify-between mx-auto"> <div class="flex items-center justify-between mx-auto">
<div class="flex items-center space-x-2"> <div class="flex items-center space-x-2">
<!-- Lighthouse diagnostic in Desktop mode returns an accesibility error respect the 'a' element -->
<!-- I don't know why :' -->
<a href="/" aria-label="Back to the SVGL home page"> <a href="/" aria-label="Back to the SVGL home page">
<div class="flex items-center space-x-2 hover:opacity-80 transition-opacity"> <div class="flex items-center space-x-2 hover:opacity-80 transition-opacity">
<svelte:component this={Logo} /> <svelte:component this={Logo} />
<span class="text-[19px] font-medium tracking-wide hidden md:block">svgl</span> <span class="text-[19px] font-medium tracking-wide hidden md:block">svgl</span>
<p class="text-neutral-500 hidden md:block font-mono">v4.0</p> <p class="text-neutral-400 hidden md:block font-mono">v4.0</p>
</div> </div>
</a> </a>
</div> </div>