@vit-foundation/ui 0.24.1 → 0.24.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -9,16 +9,32 @@
|
|
|
9
9
|
let { size = 32, withWordmark = false }: Props = $props();
|
|
10
10
|
</script>
|
|
11
11
|
|
|
12
|
+
<!--
|
|
13
|
+
The mark is ALWAYS decorative. It carries no accessible name of its own, in
|
|
14
|
+
either branch, because at every call site something else already supplies
|
|
15
|
+
one — and when it tried, it doubled.
|
|
16
|
+
|
|
17
|
+
`withWordmark` used to flip three accessibility facts together:
|
|
18
|
+
`aria-hidden`, `role="img"` and the presence of `<title>`. With the wordmark
|
|
19
|
+
on, the mark was named "Brain VIT" AND the wordmark rendered the same string
|
|
20
|
+
beside it, so a screen reader announced the name twice on all three of
|
|
21
|
+
Brain's sign-in pages. Inverting the branch does not help: with the wordmark
|
|
22
|
+
off, the rail already names it through `<a aria-label="Home">` and the print
|
|
23
|
+
sheet sits it beside an `<h1>`, so naming the mark there doubles at the other
|
|
24
|
+
end.
|
|
25
|
+
|
|
26
|
+
Which leaves one honest rule — never name it — and the naming stays where
|
|
27
|
+
the context is: the visible wordmark below, the anchor around it, or the
|
|
28
|
+
heading beside it. `Logo.svelte.test.ts` pins both branches.
|
|
29
|
+
-->
|
|
12
30
|
<span class="logo">
|
|
13
31
|
<svg
|
|
14
32
|
viewBox="0 0 48 56"
|
|
15
33
|
width={size * (48 / 56)}
|
|
16
34
|
height={size}
|
|
17
|
-
aria-hidden=
|
|
18
|
-
role={withWordmark ? 'img' : undefined}
|
|
35
|
+
aria-hidden="true"
|
|
19
36
|
focusable="false"
|
|
20
37
|
>
|
|
21
|
-
{#if withWordmark}<title>Brain VIT</title>{/if}
|
|
22
38
|
<path
|
|
23
39
|
d="M25 2c11.6 0 21 9.4 21 21 0 6.9-3.3 13-8.5 16.8V54H17v-9h-4.5A4.5 4.5 0 0 1 8 40.5V34H4.2c-1.7 0-2.7-1.9-1.7-3.3L8 22.4C9 11 16.2 2 25 2Z"
|
|
24
40
|
fill="currentColor"
|