qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2025-02-11 17:50:32 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Merge pull request #223 from Eduardo282/comments-a-fixes-accesibility-issues

Browse Source 
Comments a fixes accesibility issues
This commit is contained in:
Pablo Hdez 2024-01-22 18:10:34 +00:00 committed by GitHub
commit b617682f3c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/cardSpotlight.svelte
View File

@ -34,6 +34,7 @@
}; };
</script> </script>
<!--Se quito el aria-hidden="true" para que se pueda leer el contenido del card con el lector de pantalla -->
<article <article
bind:this={domElement} bind:this={domElement}
on:mousemove={handleMouseMove} on:mousemove={handleMouseMove}

2
src/components/navbar.svelte
View File

@ -8,6 +8,7 @@
import { ArrowUpRight, CloudyIcon, GithubIcon } from 'lucide-svelte'; import { ArrowUpRight, CloudyIcon, GithubIcon } from 'lucide-svelte';
import XIcon from './xIcon.svelte'; import XIcon from './xIcon.svelte';
// Se le pusieron aria-labels a los links
const socials = [ const socials = [
{ {
name: 'GitHub', name: 'GitHub',
@ -49,6 +50,7 @@
'backdrop-blur-md opacity-95' 'backdrop-blur-md opacity-95'
)} )}
> >
<!-- Se le puso un aria-label al href="/" -->
<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">
<a href="/" aria-label="Go to the SVGL v4.0 home page"> <a href="/" aria-label="Go to the SVGL v4.0 home page">

1
src/components/svgCard.svelte
View File

@ -173,6 +173,7 @@
/> />
{/if} {/if}
<!-- Title --> <!-- Title -->
<!-- Aqui se modifico el text-neutral a 400 -->
<div class="mb-3 flex flex-col items-center justify-center"> <div class="mb-3 flex flex-col items-center justify-center">
<p class="truncate text-[15px] font-medium text-balance text-center select-all"> <p class="truncate text-[15px] font-medium text-balance text-center select-all">
{svgInfo.title} {svgInfo.title}