till/managarten
1
0
Fork 0
mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-14 19:01:08 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

A11y

Browse source
This commit is contained in:
Till JS 2026-04-10 23:04:39 +02:00
parent a47a7bfdba
commit 82f58e44fa
5 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

3
packages/shared-links/src/ui/ManaLinkPicker.svelte
View file

@ -107,8 +107,7 @@
aria-label="Verknüpfung erstellen"
onkeydown={handleKeydown}
>
<!-- svelte-ignore a11y_click_events_have_key_events a11y_no_static_element_interactions -->
<div class="manalinkpicker-backdrop" onclick={onClose}></div>
<div class="manalinkpicker-backdrop" onclick={onClose} role="presentation" tabindex="-1"></div>
<div class="manalinkpicker-modal">
<div class="manalinkpicker-header">
<h3>Verknüpfung erstellen</h3>

2
packages/shared-theme-ui/src/components/ThemeCard.svelte
View file

@ -112,9 +112,9 @@
}
</script>
<!-- svelte-ignore a11y_click_events_have_key_events -->
<div
onclick={isAvailable ? handleClick : undefined}
onkeydown={(e) => e.key === 'Enter' && isAvailable && handleClick()}
role="button"
tabindex={isAvailable ? 0 : -1}
aria-disabled={!isAvailable}

2
packages/subscriptions/src/PackageCard.svelte
View file

@ -42,12 +42,12 @@
let isHovered = $state(false);
</script>
<!-- svelte-ignore a11y_no_static_element_interactions -->
<div
class="package-card"
class:package-card--popular={pkg.popular}
onmouseenter={() => (isHovered = true)}
onmouseleave={() => (isHovered = false)}
role="article"
>
{#if pkg.popular}
<div class="package-card__badge">

2
packages/subscriptions/src/SubscriptionCard.svelte
View file

@ -57,13 +57,13 @@
let isHovered = $state(false);
</script>
<!-- svelte-ignore a11y_no_static_element_interactions -->
<div
class="subscription-card"
class:subscription-card--current={isCurrentPlan}
class:subscription-card--popular={plan.popular && !isCurrentPlan}
onmouseenter={() => (isHovered = true)}
onmouseleave={() => (isHovered = false)}
role="article"
>
{#if isCurrentPlan}
<div class="subscription-card__badge subscription-card__badge--current">