toby/svelte-sharg
Archived
1
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Don't abuse aria-selected

Browse source
This commit is contained in:
Tobias Berger 2021-09-28 13:28:06 +02:00
parent 75de69e1be
commit 41d1502615
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/TabSelector.svelte
View file

@ -14,7 +14,7 @@
on:click={() => { on:click={() => {
selectedTab = tab; selectedTab = tab;
}} }}
aria-selected={tab === selectedTab} disabled={tab === selectedTab}
href={"javascript:;"}>{tab}</a href={"javascript:;"}>{tab}</a
> >
</li> </li>
@ -58,10 +58,10 @@
> a { > a {
color: var(--color-lighter); color: var(--color-lighter);
} }
> a:not([aria-selected="true"]):hover { > a:not([disabled="true"]):hover {
filter: brightness(130%); filter: brightness(130%);
} }
> a[aria-selected="true"] { > a[disabled="true"] {
pointer-events: none; pointer-events: none;
text-decoration: none; text-decoration: none;
color: var(--color-light); color: var(--color-light);