fix(a11y): more accessibility issues

This commit is contained in:
Stefan Imhoff
2023-06-15 12:07:26 +02:00
parent 674e12bc59
commit 5434d57707
11 changed files with 1429 additions and 438 deletions

View File

@@ -243,7 +243,7 @@ const schema = JSON.stringify({
}
[data-footnote-ref] {
@apply p-[0.1em] font-light !text-accent no-underline;
@apply relative rounded-full bg-accent p-[0.25em] font-light not-italic !text-white no-underline mis-[0.1em];
}
}
</style>

View File

@@ -63,12 +63,13 @@ const description = 'This is a collection of AI art pieces Ive created with S
>
<Link title={data.title} href={`/ai-art/${slug}/`}>
<Picture
aspect={data.images[0].aspectRatio}
src={data.images[0].src}
alt={data.title}
aspect={data.images[0].aspectRatio}
breakpoints={[500, 1000, 1500]}
class="h-full mbe-10 md:w-full md:object-cover md:!mbe-0 [&_img]:!block [&_img]:!h-full [&_img]:border-solid [&_picture]:!block [&_picture]:!h-full"
format={['avif']}
breakpoints={[500, 1000, 1500]}
loading="eager"
src={data.images[0].src}
/>
</Link>
</li>

View File

@@ -59,12 +59,13 @@ const description = 'This is a collection of Sketchnotes Ive drawn.';
>
<Link title={data.title} href={`/sketchnotes/${slug}/`}>
<Picture
aspect={data.images[0].aspectRatio}
src={data.images[0].src}
alt={data.title}
aspect={data.images[0].aspectRatio}
breakpoints={[500, 1000, 1500]}
class="h-full mbe-10 md:w-full md:object-cover md:!mbe-0 [&_img]:!block [&_img]:!h-full [&_img]:border-solid [&_picture]:!block [&_picture]:!h-full"
format={['avif']}
breakpoints={[500, 1000, 1500]}
loading="eager"
src={data.images[0].src}
/>
</Link>
</li>