Accessibility fixes

This commit is contained in:
Firq 2024-01-03 23:30:50 +01:00
parent c0ef6cecb4
commit 7af377b433
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
6 changed files with 13 additions and 13 deletions

View file

@ -44,7 +44,7 @@ jobs:
runs-on: docker runs-on: docker
steps: steps:
- name: Release New Version - name: Release New Version
uses: https://code.forgejo.org/Neshura/forgejo-release@main uses: actions/forgejo-release@v1
with: with:
direction: upload direction: upload
url: https://forgejo.neshweb.net url: https://forgejo.neshweb.net

View file

@ -16,11 +16,11 @@ const release = `https://forgejo.neshweb.net/Firq/fgo-ta-com-website/releases/ta
> >
<br /> <br />
<span class="version" <span class="version"
>(Website version: <a >( Website version: <a
href={release} href={release}
target="_blank" target="_blank"
rel="noopener noreferrer">{version}</a rel="noopener noreferrer">{version}</a
>)</span > )</span
> >
</span> </span>
<slot /> <slot />
@ -31,7 +31,7 @@ const release = `https://forgejo.neshweb.net/Firq/fgo-ta-com-website/releases/ta
display: flex; display: flex;
width: 100%; width: 100%;
max-height: auto; max-height: auto;
background-color: var(--c-gray); background-color: var(--c-duskgray);
text-align: center; text-align: center;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

View file

@ -6,9 +6,9 @@ const hamburger_src_url = `url("${hamburger.src}")`
--- ---
<header> <header>
<a href="/" rel="noopener noreferrer" aria-label="Home" role="navigation"> <a href="/" rel="noopener noreferrer" aria-label="Home" role="button">
<Image src={logo} alt="Website Logo" /> <Image src={logo} alt="FGO TA Logo" />
<span class="visually-hidden">Website Logo</span> <span class="visually-hidden">Logo</span>
</a> </a>
<ul class="desktop"> <ul class="desktop">
<slot name="desktop" /> <slot name="desktop" />

View file

@ -30,7 +30,7 @@ let extraattributes = navtype === 'mobile' ? { tabindex: '0' } : {}
rel="noopener noreferrer" rel="noopener noreferrer"
aria-label={text} aria-label={text}
class={currPage} class={currPage}
role="navigation" role="button"
{...extraattributes} {...extraattributes}
> >
<div class="icon"></div> <div class="icon"></div>
@ -60,11 +60,11 @@ let extraattributes = navtype === 'mobile' ? { tabindex: '0' } : {}
} }
li > a:hover { li > a:hover {
color: var(--c-purplepink); color: var(--c-purplepink) !important;
} }
li > a:hover > .icon { li > a:hover > .icon {
background-color: var(--c-purplepink); background-color: var(--c-purplepink) !important;
} }
.current { .current {

View file

@ -26,7 +26,7 @@ const servant_images = import.meta.glob<{ default: ImageMetadata }>(
) )
--- ---
<a href={link} target="_blank" rel="noopener noreferrer" aria-label={title}> <a href={link} target="_blank" rel="noopener noreferrer" aria-label=`By ${runner} • ${formatted_date} ${turns}`>
<article> <article>
<Image src={servant_images[servantImagePath]()} alt="" class="icon" /> <Image src={servant_images[servantImagePath]()} alt="" class="icon" />
<div class="title desktop"> <div class="title desktop">
@ -34,9 +34,8 @@ const servant_images = import.meta.glob<{ default: ImageMetadata }>(
</div> </div>
<p class="desktop"> <p class="desktop">
<span> <span>
By {runner}<br /> • By {runner}<br /> • <br/ > {formatted_date}
</span> </span>
{formatted_date}
</p> </p>
<div class="mobile"> <div class="mobile">
<h2>{title}</h2> <h2>{title}</h2>

View file

@ -96,6 +96,7 @@ const mapped_navdata = navdata.map((item) => ({
--c-gray: #2e2e2e; --c-gray: #2e2e2e;
--c-lightgray: #3e3e3e; --c-lightgray: #3e3e3e;
--c-darkpurple: #b86cff; --c-darkpurple: #b86cff;
--c-lighterpurple: #c98fff;
--c-purplepink: #c105ff; --c-purplepink: #c105ff;
--c-darkergray: #1b1b1b; --c-darkergray: #1b1b1b;
} }