fix: corregir a11y en Hourglass/Popover; quitar role redundante

Co-authored-by: aider (openrouter/openai/gpt-5) <aider@aider.chat>
webui
brobert 2 weeks ago
parent de9b200e73
commit a89a403044

@ -576,8 +576,6 @@
background: var(--color-primary); background: var(--color-primary);
color: #fff; color: #fff;
} }
.btn.secondary {
}
.btn.ghost { .btn.ghost {
background: transparent; background: transparent;
} }

@ -72,7 +72,14 @@
</script> </script>
{#if open} {#if open}
<div class="popover-overlay" on:click={close} /> <div
class="popover-overlay"
role="button"
tabindex="0"
aria-label="Cerrar"
on:click={close}
on:keydown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); close(); } }}
></div>
<div <div
class="popover-panel" class="popover-panel"
role="dialog" role="dialog"

@ -1,8 +1,8 @@
<script lang="ts"> <script lang="ts">
export let size: number = 16; export let size: number = 16;
export let className: string = ''; export let className: string = '';
export let ariaLabel?: string; export let ariaLabel: string | undefined;
export let title?: string; export let title: string | undefined;
</script> </script>
<svg <svg

@ -38,7 +38,7 @@
<slot /> <slot />
</main> </main>
<nav class="tabbar" role="navigation" aria-label="Navegación inferior"> <nav class="tabbar" aria-label="Navegación inferior">
<a href="/app" class:active={$page.url.pathname === '/app'} aria-label="Tareas"> <a href="/app" class:active={$page.url.pathname === '/app'} aria-label="Tareas">
<span class="icon"></span> <span class="icon"></span>
<span class="label">Tareas</span> <span class="label">Tareas</span>

Loading…
Cancel
Save